@extends('layouts.guest')

@section('title', 'About Us - Bricklet')

@section('content')
<div class="bg-white pb-24">

    <!-- ABOUT INTRO -->
    <section class="max-w-6xl mx-auto py-12 px-4">
        <div class="text-center mb-16">
            <h1 class="text-3xl font-bold mb-4">About Bricklet</h1>
            <p class="text-xl font-semibold text-blue-800 mb-4">
                Building a Smarter, More Connected Real Estate Ecosystem
            </p>
            <p class="text-gray-700 max-w-4xl mx-auto">
                Bricklet is an emerging PropTech platform designed to simplify how property owners,
                buyers, tenants, and builders connect. We exist to remove inefficiencies, opacity,
                and dependency on traditional intermediaries that have long defined India’s real
                estate market.
            </p>
            <p class="text-gray-700 max-w-4xl mx-auto mt-3">
                By combining direct property connectivity, verified lead systems, and a purpose-built
                CRM, Bricklet brings transparency, speed, and structure to property discovery,
                rentals, and residential sales—while laying the foundation for a data-intelligent
                real estate network.
            </p>
        </div>

        <!-- WHO WE ARE -->
        <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center mb-16">
            <div class="flex justify-center">
                <img src="/images/owl_about.jpeg"
                     alt="Bricklet Platform"
                     class="rounded-xl shadow-xl object-cover w-full max-w-md bg-white" />
            </div>
            <div>
                <h2 class="text-2xl font-bold mb-4">Who We Are</h2>
                <p class="text-gray-700 mb-4">
                    Bricklet is a zero-broker digital real estate platform built for modern
                    property transactions. Unlike traditional property portals or broker-driven
                    systems, Bricklet organizes the entire transaction journey—from discovery
                    to conversion—within a single, transparent ecosystem.
                </p>

                <ul class="space-y-2 text-gray-800">
                    <li>• Property owners and landlords list and manage properties directly</li>
                    <li>• Buyers and tenants discover verified listings without brokerage friction</li>
                    <li>• Builders and developers access structured, high-intent leads</li>
                    <li>• Sales teams manage prospects using a real-estate-focused CRM</li>
                </ul>
            </div>
        </div>

        <!-- PROBLEM STATEMENT -->
        <div class="bg-blue-50 rounded-xl p-8 shadow mb-16">
            <h2 class="text-2xl font-bold mb-6 text-center">The Problem We’re Solving</h2>

            <p class="text-gray-700 text-center max-w-4xl mx-auto mb-8">
                India’s real estate market—especially rentals and residential sales—remains
                fragmented, inefficient, and heavily broker-dependent, resulting in higher costs,
                poor visibility, and weak conversion outcomes.
            </p>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-gray-800">
                <div>
                    <h3 class="font-semibold mb-2">Builders & Developers</h3>
                    <ul class="space-y-1 text-sm">
                        <li>• Depend on brokers for inconsistent lead quality</li>
                        <li>• Receive irrelevant inquiries from large portals</li>
                        <li>• Use manual tools like Excel for lead tracking</li>
                        <li>• Lack real-time market and demand visibility</li>
                    </ul>
                </div>

                <div>
                    <h3 class="font-semibold mb-2">Landlords</h3>
                    <ul class="space-y-1 text-sm">
                        <li>• Struggle to reach genuine tenants</li>
                        <li>• Face prolonged vacancy periods</li>
                        <li>• Waste time on unqualified inquiries</li>
                        <li>• Lack structured rental pricing insights</li>
                    </ul>
                </div>

                <div>
                    <h3 class="font-semibold mb-2">Tenants & Buyers</h3>
                    <ul class="space-y-1 text-sm">
                        <li>• Experience slow and opaque searches</li>
                        <li>• Pay high brokerage fees</li>
                        <li>• Have limited access to verified listings</li>
                        <li>• Rarely connect directly with owners</li>
                    </ul>
                </div>
            </div>

            <p class="text-gray-700 text-center max-w-4xl mx-auto mt-8">
                At the core, the ecosystem suffers from unstructured data, inefficient lead handling,
                and lack of transparency—hurting all stakeholders.
            </p>
        </div>

        <!-- WHAT BRICKLET SOLVES -->
        <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center mb-16">
            <div>
                <h2 class="text-2xl font-bold mb-4">What Bricklet Solves Today</h2>

                <h3 class="font-semibold mt-4 mb-1">Direct Property Connectivity</h3>
                <p class="text-gray-700 mb-3">
                    Bricklet operates as a zero-broker platform where owners, buyers,
                    and tenants connect directly—reducing costs, saving time, and
                    improving trust.
                </p>

                <h3 class="font-semibold mt-4 mb-1">Verified Lead Systems for Builders</h3>
                <ul class="space-y-1 text-gray-700 mb-3">
                    <li>• Reduce customer acquisition costs</li>
                    <li>• Improve conversion rates</li>
                    <li>• Eliminate dependency on brokers</li>
                </ul>

                <h3 class="font-semibold mt-4 mb-1">Real Estate–Focused CRM</h3>
                <ul class="space-y-1 text-gray-700">
                    <li>• Manage and assign leads</li>
                    <li>• Track conversations and site visits</li>
                    <li>• Schedule follow-ups and maintain notes</li>
                    <li>• Export leads and monitor performance</li>
                </ul>
            </div>

            <div class="flex flex-col items-center gap-6">

    <!-- Image 1 -->
    <div class="relative w-40 rounded-xl overflow-hidden shadow-md bg-white">
        <img src="/images/about1.jpg"
             alt="Property Services"
             class="w-full h-40 object-cover" />
        <div class="absolute bottom-0 w-full bg-black/60 text-white text-sm text-center py-2">
            Property Services
        </div>
    </div>

    <!-- Image 2 -->
    <div class="relative w-40 rounded-xl overflow-hidden shadow-md bg-white">
        <img src="/images/Vaani-profile-Picture.png.webp"
             alt="Bricklet CRM"
             class="w-full h-40 object-cover" />
        <div class="absolute bottom-0 w-full bg-black/60 text-white text-sm text-center py-2">
            Vaani AI Assistant
        </div>
    </div>

    <!-- Image 3 -->
    <div class="relative w-40 rounded-xl overflow-hidden shadow-md bg-white">
        <img src="/images/about2.jpg"
             alt="AI Assistant"
             class="w-full h-40 object-cover" />
        <div class="absolute bottom-0 w-full bg-black/60 text-white text-sm text-center py-2">
            Bricklet CRM
        </div>
    </div>

</div>

        </div>

        <!-- FUTURE DIRECTION -->
        <div class="bg-blue-50 rounded-xl p-8 shadow mb-16 text-center">
            <h2 class="text-2xl font-bold mb-4">Our Future Direction: Data Intelligence Network</h2>

            <p class="text-gray-700 max-w-4xl mx-auto mb-4 text-left">
                Bricklet is evolving beyond transactions into a data-intelligence-driven real
                estate network. As users interact with properties and listings, the ecosystem
                captures structured behavioural and market signals.
            </p>

            <ul class="max-w-3xl mx-auto space-y-2 text-gray-800 text-left">
		    <li>• Builders gain real-time demand and unit-type insights</li>
		    <li>• Landlords optimize pricing and reduce vacancies</li>
		    <li>• Buyers & tenants receive more relevant property matches</li>
		</ul>


            <p class="text-gray-700 max-w-4xl mx-auto mt-4 italic">
                While the direction is clear, the proprietary mechanisms powering Bricklet’s
                intelligence layer remain fully protected—preserving our long-term advantage.
            </p>
        </div>

        <!-- DIFFERENTIATORS -->
        <div class="text-center mb-16">
            <h2 class="text-2xl font-bold mb-6">What Makes Bricklet Different</h2>
            <ul class="max-w-2xl mx-auto space-y-2 text-gray-700 text-left">
                <li>• Verified, high-intent leads instead of mixed-quality inquiries</li>
                <li>• Zero brokerage model prioritizing transparency</li>
                <li>• CRM built specifically for real estate workflows</li>
                <li>• Direct owner–buyer–tenant connectivity</li>
                <li>• Data intelligence at the core, not as an afterthought</li>
            </ul>
        </div>

        <!-- MISSION & VISION -->
        <div class="bg-blue-100 rounded-xl p-8 shadow text-center">
            <h2 class="text-2xl font-bold mb-3">Our Mission</h2>
            <p class="text-gray-700 mb-6 max-w-4xl mx-auto">
                To simplify real estate transactions by enabling direct connectivity,
                verified leads, and structured sales systems—while reducing dependency
                on intermediaries and manual processes.
            </p>

            <h2 class="text-2xl font-bold mb-3">Our Vision</h2>
            <p class="text-gray-700 max-w-4xl mx-auto">
                To build India’s most connected and intelligent real estate ecosystem—combining
                direct property discovery, organized lead management, and data-driven insights
                to empower builders, landlords, tenants, and buyers.
            </p>
        </div>

    </section>
</div>
@endsection