@extends('layouts.site')

@section('content')
<section class="inner-hero container">
    <div class="inner-hero-content">
        <p class="eyebrow">About Tashi</p>
        <h1>Real estate advisory.<br><em>Built around your side of the decision.</em></h1>
        <p class="hero-intro">Tashi Properties is a Bengaluru-based real estate consultancy specialising in Residential Consulting, Commercial Consulting and NRI Advisory.</p>
        <div class="hero-action-row">
            <a class="button" href="{{ url('/contact/') }}">Talk to Tashi <x-arrow /></a>
        </div>
        <div class="hero-stats-bar">
            <div class="hero-stat-pill"><strong>5+</strong><span>Years Exp.</span></div>
            <div class="hero-stat-pill"><strong>150+</strong><span>Clients Advised</span></div>
            <div class="hero-stat-pill"><strong>₹270 Cr+</strong><span>Transactions</span></div>
        </div>
    </div>
    <div class="inner-hero-gallery">
        <div class="hero-gallery-primary">
            <x-editorial-image name="indian-about-consultation" alt="Property advisors discussing an apartment shortlist with a homebuyer" />
            <div class="inner-hero-badge">
                <span class="badge-title">About Tashi</span>
                <span class="badge-loc">Bengaluru / India</span>
            </div>
        </div>
        <div class="hero-gallery-secondary">
            <x-editorial-image name="about-consultation" alt="Advisors marking up an apartment floor plan" />
        </div>
    </div>
</section>
<section class="section container about-priorities">
<div class="intro-grid">
<h2>Property is the asset.<br>
<em>People are at the centre<br>of the decision.</em>
</h2>
<div>
<p>Different objectives need different advice. We bring local market knowledge, thoughtful evaluation and on-ground coordination to your decision.</p>
<p class="statement">A real estate consultant should help you make a decision — not simply make a sale.</p>
</div>
</div>
<div class="audience-cards">
    <article class="audience-card"><div class="card-art" aria-hidden="true"><span class="card-symbol"><x-service-icon name="home" /></span><span class="card-art-number">01</span></div><span>01 / A HOME</span><h3>For the life ahead.</h3><p>Compare location, space and everyday convenience around your family.</p></article>
    <article class="audience-card"><div class="card-art" aria-hidden="true"><span class="card-symbol"><x-service-icon name="commercial-investment" /></span><span class="card-art-number">02</span></div><span>02 / AN INVESTMENT</span><h3>For the bigger picture.</h3><p>Consider entry price, demand, rental potential and your investment horizon.</p></article>
    <article class="audience-card"><div class="card-art" aria-hidden="true"><span class="card-symbol"><x-service-icon name="office" /></span><span class="card-art-number">03</span></div><span>03 / A BUSINESS</span><h3>For your next chapter.</h3><p>Find a location and commercial terms that support how your business works.</p></article>
</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 container why-tashi" aria-labelledby="why-tashi-title">
    <div class="why-tashi-story">
        <p class="eyebrow">Why Tashi</p>
        <h2 id="why-tashi-title">Different expertise.<br><em>Your interests at the centre.</em></h2>
        <p class="why-tashi-lead">Finding a property is only the beginning. Understanding whether it is right for you takes more than one perspective.</p>
        <p>Our team brings residential and commercial real estate, hospitality, workplace expansion, legal, taxation, Vastu and NRI representation into one advisory relationship.</p>
        <a class="text-link" href="#team">Meet the people behind Tashi <x-arrow /></a>
    </div>
    <div class="why-tashi-perspectives">
        <p class="eyebrow">One connected team</p>
        <h3>A wider view.<br>A more considered decision.</h3>
        <div class="why-tashi-specialisms">
            <div>
                <span aria-hidden="true">01</span>
                <div><h4>The property perspective</h4><p>Residential &amp; commercial real estate, hospitality and workplace expansion.</p></div>
            </div>
            <div>
                <span aria-hidden="true">02</span>
                <div><h4>The specialist perspective</h4><p>Legal, documentation, taxation and Vastu considerations brought into the conversation.</p></div>
            </div>
            <div>
                <span aria-hidden="true">03</span>
                <div><h4>The local perspective</h4><p>On-ground understanding of Bengaluru and representation for clients living overseas.</p></div>
            </div>
        </div>
        <p class="why-tashi-signoff">One team behind every recommendation.</p>
    </div>
</section>
<section class="section team-section" id="team">
<div class="container">
<div class="team-heading">
<div>
<p class="eyebrow">The people behind the perspective</p>
<h2>One team.<br>
<em>Many areas of expertise.</em>
</h2>
</div>
<p>Meet the people who bring property, business and specialist perspectives to your real estate decisions.</p>
</div>
<div class="team-grid">
@foreach(config('tashi.team') as $member)
@continue(($member['visible'] ?? true) === false)
<article class="team-card" aria-labelledby="team-member-{{ $loop->index }}">
<div class="team-card-heading">
@php($portrait = config('tashi.team_portraits')[$member[0]] ?? null)
@if($portrait)
<span class="team-monogram team-portrait" style="--portrait-width: {{ $portrait['width'] }}%; --portrait-left: {{ $portrait['left'] }}%; --portrait-top: {{ $portrait['top'] }}%;">
    <img src="{{ asset('assets/team/'.$portrait['file']) }}" alt="{{ $member[0] }}" loading="lazy" decoding="async">
</span>
@else
<span class="team-monogram" aria-hidden="true">{{ mb_substr(preg_replace('/^(Mr\.|Dr\.)\s*/', '', $member[0]), 0, 1) }}</span>
@endif
<div>
<p class="team-role">{{ $member[1] }}</p>
<h3 id="team-member-{{ $loop->index }}">{{ $member[0] }}</h3>
</div>
</div>
<p class="team-bio">{{ $member[2] }}</p>
@if(!empty($member[3]))
<details class="team-profile">
<summary>Experience &amp; background <span class="expand-icon" aria-hidden="true"></span></summary>
<p>{{ $member[3] }}</p>
</details>
@endif
</article>
@endforeach
</div>
</div>
</section>
@include('partials.filter')

@include('partials.closing')

@endsection