import Layout from '@/layouts/client/layout';
import ourStory from '@asset/img/about/A1PG1ALsIBL._AC_UF894,1000_QL80_.jpg';
import kaleen from '@asset/img/about/kaleen.jpg';
import ns from '@asset/img/about/ns.gif';
import oko from '@asset/img/about/oko.gif';
import { Head } from '@inertiajs/react';

import { HeartHandshake, Lightbulb, Target } from 'lucide-react';
export default function About() {
    return (
        <>
            <Head title="About Us">
                <meta
                    name="description"
                    content="Experience the finest hand-knotted carpets in Nepal with Soorya Carpet. Each piece is crafted by skilled artisans to deliver unmatched quality, luxury, and timeless design."
                />
            </Head>
            <Layout>
                <section className="mx-auto flex max-w-screen-2xl flex-col gap-32 px-12 py-12 max-sm:px-8">
                    <div className="grid h-1/2 grid-cols-2 gap-20 overflow-clip max-md:grid-cols-1 max-md:gap-12">
                        <div className="flex flex-col gap-2">
                            <h1 className="font-serif text-5xl leading-tight font-medium tracking-tight max-sm:text-4xl">
                                Our Story: Crafting Legacies Since 1974
                            </h1>
                            <div className="flex flex-col gap-4 text-sm max-sm:text-base">
                                <p>
                                    The story of Soorya Carpet Industries begins
                                    in the early 1970s, when Mr. Laxman Shrestha
                                    and Mrs. Renuka Shrestha left their village
                                    in Dolakha and moved to Kathmandu with the
                                    ambition of building something meaningful.
                                    What started as a small rug-weaving
                                    initiative in a single room eventually grew
                                    into one of Nepal’s largest carpet
                                    manufacturing enterprises. Through
                                    perseverance and vision, they provided
                                    livelihoods to more than 1,000 skilled and
                                    unskilled workers and made a significant
                                    contribution to the country’s GDP. For over
                                    two decades, Soorya Carpet Industries earned
                                    international recognition, particularly in
                                    Germany, for exporting high-quality,
                                    hand-knotted carpets.
                                </p>
                                <p>
                                    By the late 1990s, however, Nepal’s carpet
                                    industry suffered severe setbacks owing to
                                    economic, social, and political challenges.
                                    Global scrutiny following child labour
                                    controversies in the wider industry, coupled
                                    with the instability caused by the Maoist
                                    insurgency, crippled the sector. Like many
                                    others, Soorya Carpet Industries was forced
                                    to scale down and eventually suspend
                                    production.
                                </p>
                                <p>
                                    The industry never quite returned to its
                                    early-1990s mass-scale export peak, yet it
                                    found ways to reinvent itself and stay
                                    relevant. Recognizing this shift, Soorya
                                    Carpet Industries transitioned from
                                    large-scale production to a boutique model,
                                    focusing on the niche luxury segment with
                                    custom-made, limited-edition rugs.
                                </p>
                            </div>
                        </div>
                        <img
                            src={ourStory}
                            alt="Our Story"
                            className="aspect-[5/3] h-full w-full rounded-xl object-cover object-center"
                        />
                    </div>{' '}
                    <div className="grid h-1/2 grid-cols-2 gap-20 overflow-clip max-md:grid-cols-1 max-md:gap-12">
                        <img
                            src={kaleen}
                            alt="Kaleen Story"
                            className="aspect-[5/3] h-full w-full rounded-xl object-cover object-center"
                        />
                        <div className="flex flex-col gap-2">
                            <h2 className="font-serif text-5xl leading-tight font-medium tracking-tight max-sm:text-4xl">
                                The Kaleen Rebrand Story: A New Chapter
                            </h2>
                            <div className="flex flex-col gap-4 text-sm max-sm:text-base">
                                <p>
                                    Guided by the aspiration to create premium,
                                    ethical and artistic carpets, this journey
                                    led to the launch of Kaleen—our exclusive
                                    designer carpet brand.
                                </p>
                                <p>
                                    Kaleen celebrates craftsmanship, artistry,
                                    and ethics. We create bespoke,
                                    limited-edition rugs that range from
                                    time-honoured traditional designs to bold,
                                    innovative forms, all crafted to complement
                                    modern interiors and aesthetics. Our
                                    collections are inspired by beautiful
                                    landscapes of Nepal and the five elements of
                                    life: Fire, Water, Earth, Air, and Metal.
                                </p>
                                <p>
                                    Handmade carpets have long been central to
                                    interior design—a tradition that remains
                                    timeless. At Kaleen, we are proud to carry
                                    this heritage forward with integrity and
                                    creativity. Our ambition is to build a
                                    strong brand identity, uphold ethical
                                    credibility, and expand into discerning
                                    global markets.
                                </p>
                            </div>
                        </div>
                    </div>
                </section>

                <section className="mx-auto flex max-w-screen-2xl flex-col gap-8 px-12 py-12 max-md:px-6">
                    <h3 className="text-center font-serif text-5xl leading-tight font-medium tracking-tight max-sm:text-4xl">
                        Our Guiding Principles
                    </h3>
                    <div className="flex gap-8 max-md:flex-col">
                        <div className="flex flex-col items-center gap-4 rounded-xl bg-accent px-8 py-8 text-center max-sm:px-4">
                            <Lightbulb size={48} color="#5A1A1A" />
                            <p className="font-serif text-3xl font-semibold">
                                Our vision
                            </p>
                            <p className="text-center">
                                To be the global leader in luxury handcrafted
                                carpets, renowned for unparalleled quality,
                                innovative design, and sustainable practices.
                            </p>
                        </div>{' '}
                        <div className="flex flex-col items-center gap-4 rounded-xl bg-accent px-8 py-8 text-center">
                            <Target size={48} color="#5A1A1A" />
                            <p className="font-serif text-3xl font-semibold">
                                Our Mission
                            </p>
                            <p className="text-center">
                                To meticulously craft exquisite carpets that
                                enrich lives and spaces, preserving artisanal
                                heritage while inspiring contemporary design.
                            </p>
                        </div>{' '}
                        <div className="flex flex-col items-center gap-4 rounded-xl bg-accent px-8 py-8 text-center">
                            <HeartHandshake size={48} color="#5A1A1A" />
                            <p className="font-serif text-3xl font-semibold">
                                Our Promise
                            </p>
                            <p className="text-center">
                                We promise exceptional artistry, ethical
                                sourcing, and personalized service, ensuring
                                every Kaleen carpet is a timeless masterpiece.
                            </p>
                        </div>
                    </div>
                </section>
                <section className="mx-auto flex max-w-screen-2xl flex-col gap-8 px-12 py-12">
                    <h4 className="text-center font-serif text-5xl leading-tight font-medium tracking-tight max-sm:text-4xl">
                        Our Commitment to Quality & Ethics
                    </h4>
                    <div className="flex items-center justify-center gap-8">
                        <img src={ns} alt="NS Standard" />
                        <img src={oko} alt="OKO Standard" />
                    </div>
                </section>
            </Layout>
        </>
    );
}
