@extends('layouts.app')

@section('title', 'Our Story — 20 Years of Craftsmanship | Furnitec')
@section('meta_description', 'Furnitec Industries Ltd., est. 2004 with Danish technical cooperation from Scanmach. Led by BUET architect Ferdous Ahmed. Trusted by Grameenphone, BRAC, Islami Bank and exported to Japan.')

@section('content')

{{-- Hero --}}
<section class="bg-ink text-white">
    <div class="max-w-4xl mx-auto px-4 sm:px-8 py-20 sm:py-36 text-center">
        <p class="eyebrow text-white/50 mb-6">Est. 2004 — Dhaka, Bangladesh</p>
        <h1 class="font-display text-4xl sm:text-6xl font-light leading-[1.12]">Two decades of making<br class="hidden sm:block"> homes feel like <span class="italic font-medium">home</span>.</h1>
        <p class="mt-8 text-white/65 text-base sm:text-lg max-w-2xl mx-auto leading-relaxed font-light">
            Furnitec Industries Ltd. was born from a partnership between Bangladeshi ambition and Danish precision —
            and has grown into one of the country's most trusted furniture makers.
        </p>
    </div>
</section>

{{-- Story --}}
<section class="max-w-[1400px] mx-auto px-4 sm:px-8 py-16 sm:py-28 grid lg:grid-cols-2 gap-12 lg:gap-20 items-center">
    <div class="reveal">
        <p class="eyebrow text-brand mb-5">How It Began</p>
        <h2 class="font-display text-3xl sm:text-5xl font-light leading-[1.15]">A Danish handshake,<br>a Dhaka workshop.</h2>
        <div class="mt-8 space-y-5 text-stone-warm leading-relaxed font-light">
            <p>
                In 2004, Furnitec Industries Ltd. was established with technical cooperation from
                <span class="text-ink">Scanmach of Denmark</span>. Our Danish partners helped us select our machinery
                and trained our workforce in product design, raw-material selection and equipment maintenance —
                disciplines we still practice on every single piece today.
            </p>
            <p>
                We specialise in <span class="text-ink">solid wood, particle board, plywood and metal furniture</span> —
                and blends of all four. Most of our raw materials and accessories are imported,
                so every piece meets international quality standards.
            </p>
            <p>
                Today we manufacture for <span class="text-ink">hotels, restaurants, hospitals, garment factories, schools
                and universities</span> — and export to clients as far as <span class="text-ink">Japan</span>.
                Every home delivery carries that same export-grade quality.
            </p>
        </div>
    </div>
    <div class="reveal grid grid-cols-2">
        <div class="border border-line p-7 sm:p-9 text-center">
            <p class="font-display text-4xl sm:text-5xl font-light">2004</p>
            <p class="text-[11px] tracking-[0.18em] uppercase text-stone-warm mt-3">Founded with Danish cooperation</p>
        </div>
        <div class="border border-line border-l-0 p-7 sm:p-9 text-center">
            <p class="font-display text-4xl sm:text-5xl font-light">150<span class="text-brand">+</span></p>
            <p class="text-[11px] tracking-[0.18em] uppercase text-stone-warm mt-3">Designs in collection</p>
        </div>
        <div class="border border-line border-t-0 p-7 sm:p-9 text-center">
            <p class="font-display text-4xl sm:text-5xl font-light">40<span class="text-brand">+</span></p>
            <p class="text-[11px] tracking-[0.18em] uppercase text-stone-warm mt-3">Institutional clients</p>
        </div>
        <div class="border border-line border-l-0 border-t-0 p-7 sm:p-9 text-center">
            <p class="font-display text-4xl sm:text-5xl font-light">5<span class="text-brand">★</span></p>
            <p class="text-[11px] tracking-[0.18em] uppercase text-stone-warm mt-3">Hotel-grade quality</p>
        </div>
    </div>
</section>

{{-- Leadership --}}
<section class="bg-ink text-white">
    <div class="max-w-[1400px] mx-auto px-4 sm:px-8 py-16 sm:py-28 grid lg:grid-cols-2 gap-12 lg:gap-20 items-center">
        <div class="reveal order-2 lg:order-1">
            <ul class="divide-y divide-white/10 border-y border-white/10">
                @foreach(['National Theater, Dhaka', 'Osmani National Stadium', 'Naval Academy Complex, Chittagong', 'Rifles Square Complex, BGB Headquarters', 'Dhaka Metro Shopping Mall'] as $project)
                    <li class="flex items-baseline gap-5 py-4">
                        <span class="font-display text-brand">{{ str_pad($loop->iteration, 2, '0', STR_PAD_LEFT) }}</span>
                        <span class="text-white/75 font-light">{{ $project }}</span>
                    </li>
                @endforeach
            </ul>
            <p class="mt-5 text-[11px] tracking-[0.2em] uppercase text-white/40">Landmark projects designed by our founder</p>
        </div>
        <div class="reveal order-1 lg:order-2">
            <p class="eyebrow text-white/40 mb-5">Leadership</p>
            <h2 class="font-display text-3xl sm:text-5xl font-light leading-[1.15]">An architect's eye<br>on every piece.</h2>
            <div class="mt-8 space-y-5 text-white/65 leading-relaxed font-light">
                <p>
                    Our Managing Director, <span class="text-white">Ferdous Ahmed</span>, is an architect from
                    <span class="text-white">BUET</span> whose career began in 1983 — designing some of Bangladesh's
                    most recognisable landmarks before turning that same discipline to furniture.
                </p>
                <p>
                    It's why a Furnitec piece feels different: proportion first, honesty of materials,
                    durability without compromise.
                </p>
            </div>
        </div>
    </div>
</section>

{{-- Trusted By --}}
<section class="max-w-[1400px] mx-auto px-4 sm:px-8 py-16 sm:py-28">
    <div class="reveal text-center mb-12 sm:mb-16">
        <p class="eyebrow text-brand mb-5">Our Clients</p>
        <h2 class="font-display text-3xl sm:text-5xl font-light">Trusted by the institutions<br class="hidden sm:block"> that build Bangladesh.</h2>
    </div>

    <div class="reveal grid sm:grid-cols-2 lg:grid-cols-4 gap-px bg-line border border-line">
        <div class="bg-white p-7 sm:p-9">
            <h3 class="text-[12px] font-semibold tracking-[0.18em] uppercase pb-4 mb-5 border-b border-line">Government & Institutions</h3>
            <ul class="space-y-2.5 text-sm text-stone-warm font-light">
                <li>Padma Multipurpose Bridge Authority</li>
                <li>Civil Aviation Authority of Bangladesh</li>
                <li>BUET</li>
                <li>BGB</li>
                <li>BEPZA</li>
                <li>Bangladesh Computer Council</li>
                <li>Bangladesh Agricultural Research Council</li>
                <li>Bangladesh Human Rights Commission</li>
                <li>National Health Network</li>
            </ul>
        </div>
        <div class="bg-white p-7 sm:p-9">
            <h3 class="text-[12px] font-semibold tracking-[0.18em] uppercase pb-4 mb-5 border-b border-line">Hotels & Resorts</h3>
            <ul class="space-y-2.5 text-sm text-stone-warm font-light">
                <li>Grand Sultan Tea Resort & Golf, Srimangal</li>
                <li>Windy Terrace Boutique Hotel, Cox's Bazar</li>
                <li>Jamuna Resort Ltd., Tangail</li>
                <li>Ratnadweep Resort, Pabna</li>
                <li>Rangamati Resort, Gazipur</li>
                <li>Hotel Grand Park, Barisal</li>
                <li>Helvetia Fast Food & Coffee House Ltd.</li>
            </ul>
        </div>
        <div class="bg-white p-7 sm:p-9">
            <h3 class="text-[12px] font-semibold tracking-[0.18em] uppercase pb-4 mb-5 border-b border-line">Corporate</h3>
            <ul class="space-y-2.5 text-sm text-stone-warm font-light">
                <li>Grameenphone</li>
                <li>BRAC</li>
                <li>icddr,b</li>
                <li>CARE Bangladesh</li>
                <li>Islami Bank Ltd.</li>
                <li>Eastern Housing Ltd.</li>
                <li>Brummer & Partners Asset Management</li>
                <li>Bangladesh Industrial Finance Company Ltd.</li>
                <li>Juki Bangladesh Ltd.</li>
                <li>Haripur Power Ltd.</li>
                <li>Padma Group of Converters</li>
            </ul>
        </div>
        <div class="bg-white p-7 sm:p-9">
            <h3 class="text-[12px] font-semibold tracking-[0.18em] uppercase pb-4 mb-5 border-b border-line">Garments & Export</h3>
            <ul class="space-y-2.5 text-sm text-stone-warm font-light">
                <li>Noman Fashion Fabrics Ltd.</li>
                <li>Saad Saan Apparels Ltd.</li>
                <li>Ever Smart Bangladesh Ltd.</li>
            </ul>
            <h3 class="text-[12px] font-semibold tracking-[0.18em] uppercase pb-4 mb-5 mt-9 border-b border-line text-brand">International</h3>
            <ul class="space-y-2.5 text-sm text-stone-warm font-light">
                <li>AXCIS, Inc. — Akaiwa City, Okayama, Japan</li>
            </ul>
        </div>
    </div>
</section>

{{-- Values --}}
<section class="bg-cream py-16 sm:py-28">
    <div class="max-w-[1400px] mx-auto px-4 sm:px-8">
        <div class="reveal text-center mb-12 sm:mb-16">
            <p class="eyebrow text-brand mb-4">What We Stand For</p>
            <h2 class="font-display text-3xl sm:text-5xl font-light">Built on Three Promises</h2>
        </div>
        <div class="reveal grid sm:grid-cols-3 gap-px bg-line border border-line">
            <div class="bg-white p-8 sm:p-10">
                <p class="font-display text-2xl text-brand">01</p>
                <h3 class="text-[13px] font-semibold tracking-[0.16em] uppercase mt-5 mb-3">Honest Materials</h3>
                <p class="text-stone-warm text-sm leading-relaxed font-light">Solid wood, premium particle board, plywood and metal — with imported raw materials and accessories to maintain international quality standards.</p>
            </div>
            <div class="bg-white p-8 sm:p-10">
                <p class="font-display text-2xl text-brand">02</p>
                <h3 class="text-[13px] font-semibold tracking-[0.16em] uppercase mt-5 mb-3">Continuous Excellence</h3>
                <p class="text-stone-warm text-sm leading-relaxed font-light">Every product is carefully designed to raise the level of convenience and usability — then quality-checked before it leaves our factory.</p>
            </div>
            <div class="bg-white p-8 sm:p-10">
                <p class="font-display text-2xl text-brand">03</p>
                <h3 class="text-[13px] font-semibold tracking-[0.16em] uppercase mt-5 mb-3">Customer First</h3>
                <p class="text-stone-warm text-sm leading-relaxed font-light">From free design advice on WhatsApp to cash-on-delivery and home assembly — we make premium furniture effortless to own.</p>
            </div>
        </div>
    </div>
</section>

{{-- CTA --}}
<section class="max-w-4xl mx-auto px-4 sm:px-8 py-16 sm:py-28 text-center">
    <h2 class="reveal font-display text-3xl sm:text-5xl font-light">Experience the craft yourself.</h2>
    <p class="reveal mt-5 text-stone-warm text-lg font-light">Visit our showroom at House 07, Road 07, Gulshan-1 — or browse the collection online.</p>
    <div class="reveal mt-10 flex flex-col items-center sm:flex-row sm:items-start justify-center gap-4">
        <a href="{{ route('shop') }}" class="btn btn-red">Shop the Collection</a>
        <a href="{{ route('contact') }}" class="btn btn-line">Visit the Showroom</a>
    </div>
</section>

@endsection