@extends('layouts.site')

@section('content')
<section class="inner-hero container">
<div>
<p class="eyebrow">About Tashi</p>
<h1>Real estate advisory.<br>
<em>Built around your side of the decision.</em>
</h1>
<p>Tashi Properties is a Bengaluru-based real estate consultancy specialising in Residential Consulting, Commercial Consulting and NRI Advisory.</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/architecture.jpg') }}" alt="Contemporary architecture and thoughtfully designed spaces" loading="lazy" width="1200" height="900">
</div>
</section>
<section class="section container">
<div class="intro-grid">
<h2>Property is the asset.<br>
<em>People are at the centre<br>of the decision.</em>
</h2>
<div>
<p>Every client comes to real estate with a different objective. A family may be buying a home for the next decade. An investor may be building a portfolio. A business may be looking for its next location.</p>
<p>Tashi was built to bring market perspective, thoughtful evaluation and dependable execution to these decisions.</p>
<p class="statement">A real estate consultant should help you make a decision — not simply make a sale.</p>
</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 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<br>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