@extends('layouts.site')

@section('content')
<section class="hero hero-editorial" aria-labelledby="hero-title">
    <video class="hero-image" data-src="{{ asset('assets/this_my_home_for_a_real_estate.mp4') }}" poster="{{ asset('assets/hero-dusk.jpg') }}" width="1536" height="1024" muted loop playsinline preload="none" aria-hidden="true"></video>
    <div class="hero-shade" aria-hidden="true"></div>
    <div class="hero-content">
        <div class="hero-heading">
            <p class="eyebrow">Bengaluru real estate · A considered perspective</p>
            <h1 id="hero-title">Real estate decisions.<br><em>Expertly advised.</em></h1>
        </div>
        <div class="hero-story">
            <p>Real estate consulting &amp; advisory for<br>homebuyers, investors, businesses and NRIs.</p>
            <a class="hero-link" href="#introduction">Discover the Tashi perspective <x-arrow /></a>
        </div>
        <div class="hero-footer">
            <a class="hero-scroll" href="#introduction"><span aria-hidden="true">↓</span> Scroll to explore</a>
            <nav class="hero-services" aria-label="Explore our advisory services">
                <a href="{{ route('residential') }}">Residential</a>
                <a href="{{ route('commercial') }}">Commercial</a>
                <a href="{{ route('nri-advisory') }}">NRI advisory</a>
            </nav>
            <span class="hero-location">Bengaluru, India</span>
        </div>
    </div>
</section>
<section class="section introduction container" id="introduction">
<div class="intro-grid">
<div>
<p class="eyebrow">Advice before property</p>
<h2>Finding property is easy.<br>Choosing well<br>
<em>takes perspective.</em>
</h2>
</div>
<div class="intro-copy">
<p>Bengaluru has no shortage of properties, projects or opinions. The challenge is knowing what deserves your attention — and what doesn’t.</p>
<p>Tashi Properties brings market understanding, property evaluation and on-ground expertise together to help you make real estate decisions with greater clarity.</p>
<p class="statement">We don’t begin with what’s available.<br>We begin with what makes sense for you.</p>
<a class="text-link" href="{{ url('/about/') }}">Get to know 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>
<div class="stats">
<div>
<strong>5+</strong>
<span>Years of real estate experience</span>
</div>
<div>
<strong>150+</strong>
<span>Clients advised</span>
</div>
<div>
<strong>₹270 Cr+</strong>
<span>Transactions facilitated</span>
</div>
<div>
<strong>15+</strong>
<span>Bengaluru micro-markets</span>
</div>
</div>
</section>
<section class="section expertise-section" id="expertise">
<div class="container">
<div class="section-heading">
<div>
<p class="eyebrow">Our expertise</p>
<h2>Different real estate needs.<br>
<em>One advisory relationship.</em>
</h2>
</div>
<p>From your first home to your next business address. Perspective for every kind of property decision.</p>
</div>
<div class="expertise-controls" hidden>
    <span>Swipe to explore</span>
    <div class="slider-pagination">
        <button type="button" data-slider-prev aria-label="Previous service" aria-controls="expertise-slides">&larr;</button>
        <span data-slider-count aria-live="polite" aria-atomic="true">01 / 03</span>
        <button type="button" data-slider-next aria-label="Next service" aria-controls="expertise-slides">&rarr;</button>
    </div>
</div>
<div class="service-grid" id="expertise-slides" aria-label="Our expertise">
<a class="service-card" href="{{ url('/residential/') }}">
<div class="service-image">
<img class="" src="{{ asset('assets/residential.jpg') }}" alt="A serene residence opening onto a green garden" loading="lazy" width="1200" height="900">
<span class="image-index">01 /</span>
<span class="round-arrow">
<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>
</span>
</div>
<div class="service-meta">
<h3>Residential Consulting</h3>
<span>A place to live. A considered investment.</span>
</div>
<p>For homebuyers, investors and property owners navigating Bengaluru’s residential market.</p>
</a>
<a class="service-card" href="{{ url('/commercial/') }}">
<div class="service-image">
<img class="" src="{{ asset('assets/commercial.jpg') }}" alt="A bright contemporary office with shared workspaces" loading="lazy" width="1200" height="900">
<span class="image-index">02 /</span>
<span class="round-arrow">
<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>
</span>
</div>
<div class="service-meta">
<h3>Commercial Consulting</h3>
<span>The space. The terms. The bigger picture.</span>
</div>
<p>For businesses, entrepreneurs and investors making commercial real estate decisions.</p>
</a>
<a class="service-card" href="{{ url('/nri-advisory/') }}">
<div class="service-image">
<img class="" src="{{ asset('assets/nri.jpg') }}" alt="A refined living space with warm timber and natural light" loading="lazy" width="1200" height="900">
<span class="image-index">03 /</span>
<span class="round-arrow">
<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>
</span>
</div>
<div class="service-meta">
<h3>NRI Advisory</h3>
<span>Your interests here. Wherever you are.</span>
</div>
<p>For NRIs who need dependable real estate representation on the ground in Bengaluru.</p>
</a>
</div>
</div>
</section>
@include('partials.filter')

@include('partials.markets')
<section class="allied-section section">
<div class="container allied-layout">
<div class="allied-photo">
<img class="" src="{{ asset('assets/hero-interior.jpg') }}" alt="Natural light falling across a thoughtfully furnished living room" loading="lazy" width="1200" height="900">
<span>Beyond the transaction</span>
</div>
<div>
<p class="eyebrow">Tashi Allied Services</p>
<h2>The transaction may end.<br>
<em>Property ownership doesn’t.</em>
</h2>
<p>Our relationship with clients can continue beyond buying, selling or investing. Additional support across the property ownership journey.</p>
<div class="allied-links">
@foreach(config('tashi.allied') as $alliedService)
<a href="{{ route('allied-services') }}#service-{{ $loop->index }}">{{ $alliedService[0] }}<x-arrow />
</a>
@endforeach
</div>
<a class="button allied-explore" href="{{ url('/allied-services/') }}">Explore all allied services<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>
</section>
@include('partials.testimonials')
<section class="manifesto container">
<div>
<p class="eyebrow">The Tashi perspective</p>
<p>Our value isn’t measured by how many properties we can show you. It’s measured by <em>how confidently you can choose one.</em>
</p>
<a class="text-link" href="{{ url('/about/') }}">More about 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>
<span class="manifesto-signature">Tashi</span>
</section>
@include('partials.closing')

@endsection