@extends('layouts.site')

@section('content')
<section class="inner-hero container">
<div>
<p class="eyebrow">Bengaluru real estate</p>
<h1>One city.<br>
<em>Many real estate markets.</em>
</h1>
<p>Different corridors. Different demand drivers. Different opportunities. Understanding where to look begins with understanding why you’re looking.</p>
<a class="button" href="{{ url('/contact/') }}">Talk to Tashi<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M4 12h15M13 5l7 7-7 7"/>
</svg>
</a>
</div>
<div class="inner-hero-image">
<img class="" src="{{ asset('assets/residential.jpg') }}" alt="Contemporary architecture and thoughtfully designed spaces" loading="lazy" width="1200" height="900">
</div>
</section>
<section class="section markets-section" id="markets">
<div class="container market-layout">
<div>
<p class="eyebrow">Bengaluru, understood</p>
<h2>One city.<br>
<em>Many real estate<br>markets.</em>
</h2>
<p>North Bengaluru isn’t Whitefield.<br>Whitefield isn’t Sarjapur.</p>
<p>Our job is not to tell you which location is the hottest. It’s to understand which location makes sense for what you’re trying to achieve.</p>
<a class="text-link" href="{{ url('/contact/') }}">Explore Bengaluru with Tashi<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M4 12h15M13 5l7 7-7 7"/>
</svg>
</a>
<div class="city-coordinate">12.9716° N &nbsp; 77.5946° E <span>BENGALURU</span>
</div>
</div>
<div class="market-list">
<details open>
<summary>
<span class="market-index">01</span>
<h3>North Bengaluru</h3>
<span class="expand-icon" aria-hidden="true">
</span>
</summary>
<div class="market-detail">
<h4>Growth. Infrastructure. New possibilities.</h4>
<p>North Bengaluru has evolved into a significant residential and commercial corridor, shaped by airport connectivity, infrastructure development and continued expansion.</p>
<div class="place-tags">
<a href="{{ url('/contact/?location=Hebbal') }}">Hebbal<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Thanisandra') }}">Thanisandra<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Yelahanka') }}">Yelahanka<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Jakkur') }}">Jakkur<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Devanahalli') }}">Devanahalli<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
</div>
</div>
</details>
<details >
<summary>
<span class="market-index">02</span>
<h3>East Bengaluru</h3>
<span class="expand-icon" aria-hidden="true">
</span>
</summary>
<div class="market-detail">
<h4>Employment. Connectivity. Established demand.</h4>
<p>East Bengaluru is closely connected to the city’s technology and employment ecosystem, creating a large and diverse residential and commercial market.</p>
<div class="place-tags">
<a href="{{ url('/contact/?location=Whitefield') }}">Whitefield<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Varthur') }}">Varthur<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=KR%20Puram') }}">KR Puram<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Brookefield') }}">Brookefield<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Old%20Airport%20Road') }}">Old Airport Road<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
</div>
</div>
</details>
<details >
<summary>
<span class="market-index">03</span>
<h3>South & South-East Bengaluru</h3>
<span class="expand-icon" aria-hidden="true">
</span>
</summary>
<div class="market-detail">
<h4>Established neighbourhoods meet emerging corridors.</h4>
<p>From mature residential locations to technology-driven growth corridors, South and South-East Bengaluru offer very different real estate propositions within the same broad market.</p>
<div class="place-tags">
<a href="{{ url('/contact/?location=Sarjapur%20Road') }}">Sarjapur Road<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Electronic%20City') }}">Electronic City<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Bannerghatta%20Road') }}">Bannerghatta Road<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=JP%20Nagar') }}">JP Nagar<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Kanakapura%20Road') }}">Kanakapura Road<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
</div>
</div>
</details>
<details >
<summary>
<span class="market-index">04</span>
<h3>Central Bengaluru</h3>
<span class="expand-icon" aria-hidden="true">
</span>
</summary>
<div class="market-detail">
<h4>Established. Connected. Limited.</h4>
<p>Central Bengaluru presents a different real estate equation — established neighbourhoods, mature infrastructure, premium addresses and comparatively constrained availability.</p>
<div class="place-tags">
<a href="{{ url('/contact/?location=Indiranagar') }}">Indiranagar<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Koramangala') }}">Koramangala<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Richmond%20Town') }}">Richmond Town<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=CBD') }}">CBD<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
<a href="{{ url('/contact/?location=Sadashivanagar') }}">Sadashivanagar<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">
<path d="M5 19 19 5M5 5h14v14"/>
</svg>
</a>
</div>
</div>
</details>
</div>
</div>
</section>
<section class="section location-filter" aria-labelledby="location-filter-title">
    <div class="container location-filter-layout">
        <div class="location-filter-intro">
            <p class="eyebrow">The Tashi Filter &mdash; location</p>
            <h2 id="location-filter-title">A good location.<br><em>For your kind<br>of life.</em></h2>
            <p class="location-filter-premise">Don&rsquo;t ask which location is best. Ask which is best for what.</p>
            <p>Six questions to look beyond the address and understand how a Bengaluru neighbourhood fits your plans.</p>
            <a class="text-link" href="{{ route('contact', ['focus' => 'filter']) }}">Find your location fit <x-arrow /></a>
            <div class="location-filter-note"><span aria-hidden="true">06</span><p>Questions to ask.<br>One more considered choice.</p></div>
        </div>
        <div class="location-filter-cards">
            <article class="location-filter-card">
                <div class="location-filter-card-label"><span aria-hidden="true">01</span><h3>Purpose</h3></div>
                <h4>What are you choosing for?</h4>
                <p>End use, investment, business occupancy or commercial investment — the reason changes how a location should be judged.</p>
            </article>
            <article class="location-filter-card">
                <div class="location-filter-card-label"><span aria-hidden="true">02</span><h3>Connectivity</h3></div>
                <h4>What needs to be within reach?</h4>
                <p>Connected to what matters to you — work, customers, the airport, schools or key business districts.</p>
            </article>
            <article class="location-filter-card">
                <div class="location-filter-card-label"><span aria-hidden="true">03</span><h3>Value</h3></div>
                <h4>What does your budget buy?</h4>
                <p>What does your budget buy here, compared with the alternatives?</p>
            </article>
            <article class="location-filter-card">
                <div class="location-filter-card-label"><span aria-hidden="true">04</span><h3>Ecosystem</h3></div>
                <h4>Does daily life work here?</h4>
                <p>Does the surrounding employment, education, healthcare and retail infrastructure support your requirement?</p>
            </article>
            <article class="location-filter-card">
                <div class="location-filter-card-label"><span aria-hidden="true">05</span><h3>Trade-offs</h3></div>
                <h4>What are you compromising on?</h4>
                <p>What are you accepting in exchange for the location’s advantages?</p>
            </article>
            <article class="location-filter-card">
                <div class="location-filter-card-label"><span aria-hidden="true">06</span><h3>Future</h3></div>
                <h4>Will it still make sense later?</h4>
                <p>Infrastructure, development, demand and future supply — will the location keep making sense?</p>
            </article>
        </div>
    </div>
</section>
<section class="section container" aria-labelledby="bengaluru-objectives-title">
<div class="section-heading">
<div>
<p class="eyebrow">Different objectives, different Bengaluru</p>
<h2 id="bengaluru-objectives-title">Start with what you’re<br><em>trying to achieve.</em></h2>
</div>
<p>The right Bengaluru location depends on why you’re looking, not which one is trending.</p>
</div>
<div class="notes-links">
<a href="{{ url('/residential/') }}">
<h3>Buying a home?</h3>
<p>Think beyond appreciation. Commute, schools, social infrastructure and the life you’ll actually live there matter just as much as the address.</p>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M5 19 19 5M5 5h14v14"/></svg>
</a>
<a href="{{ url('/residential/') }}">
<h3>Investing?</h3>
<p>Look at the larger equation — entry price, demand drivers, rental potential, infrastructure and your investment horizon.</p>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M5 19 19 5M5 5h14v14"/></svg>
</a>
<a href="{{ url('/commercial/') }}">
<h3>Looking for commercial property?</h3>
<p>The city looks different through a business lens — workforce accessibility, customer proximity and occupancy economics become central.</p>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M5 19 19 5M5 5h14v14"/></svg>
</a>
<a href="{{ url('/nri-advisory/') }}">
<h3>Based overseas?</h3>
<p>The ability to evaluate, transact and manage a property remotely can matter more than the neighbourhood itself.</p>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M5 19 19 5M5 5h14v14"/></svg>
</a>
</div>
</section>
@include('partials.closing')

@endsection