import { Plane, Hotel, PieChart, Crown } from "lucide-react";

export default function PartnershipMarketContext() {
  return (
    <section id="market-context" className="py-20 lg:py-28 bg-brand-ivory">
      <div className="container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
          <div className="lg:col-span-6">
            <span className="text-xs uppercase tracking-widest text-brand-gold font-bold">
              Macro Momentum (2025–2026)
            </span>
            <h2 className="text-3xl sm:text-4xl lg:text-5xl font-title font-bold text-brand-dark mt-2 mb-6">
              Vietnam: Asia&apos;s New Epicenter for Ultra-Luxury Destination Weddings
            </h2>
            <div className="space-y-4 text-sm sm:text-base text-brand-muted leading-relaxed">
              <p>
                Destination wedding tourism across Southeast Asia has reached a dramatic inflection point. As traditional hubs like Bali and Phuket grapple with severe overtourism, infrastructure fatigue, and prohibitive luxury import levies, <strong className="text-brand-dark font-medium">Vietnam has emerged as the premier high-value alternative</strong>.
              </p>
              <p>
                Empowered by the <strong className="text-brand-dark font-medium">90-day flexible e-visa policy</strong>, mature 5-star coastal properties (Four Seasons The Nam Hai, JW Marriott Phu Quoc, InterContinental Danang, Regent Phu Quoc), and superior full-resort buyout capabilities, Vietnam is hosting multi-million-dollar celebrations and affluent diaspora unions at an unprecedented scale.
              </p>
              <p className="font-medium text-brand-dark pt-2">
                Developing <em>Vietnam Wedding Guide</em> now allows you to position your brand at the undisputed pinnacle of this national transformation.
              </p>
            </div>
          </div>

          <div className="lg:col-span-6 grid grid-cols-1 sm:grid-cols-2 gap-4">
            <div className="bg-white p-6 rounded-3xl border border-brand-border shadow-xs">
              <div className="text-brand-gold mb-3">
                <Plane className="w-7 h-7" />
              </div>
              <div className="text-2xl font-title font-bold text-brand-dark">90-Day E-Visa</div>
              <p className="text-xs text-brand-muted mt-2 leading-relaxed">
                Seamless global attendee logistics and multi-country production crews.
              </p>
            </div>

            <div className="bg-white p-6 rounded-3xl border border-brand-border shadow-xs">
              <div className="text-brand-gold mb-3">
                <Hotel className="w-7 h-7" />
              </div>
              <div className="text-2xl font-title font-bold text-brand-dark">Resort Buyouts</div>
              <p className="text-xs text-brand-muted mt-2 leading-relaxed">
                Spacious 200–1,000 guest coastal private takeovers without Bali&apos;s gridlocks.
              </p>
            </div>

            <div className="bg-white p-6 rounded-3xl border border-brand-border shadow-xs">
              <div className="text-brand-gold mb-3">
                <PieChart className="w-7 h-7" />
              </div>
              <div className="text-2xl font-title font-bold text-brand-dark">Superior Value</div>
              <p className="text-xs text-brand-muted mt-2 leading-relaxed">
                20–35% optimized budget allocation vs. Bali &amp; Phuket with elevated bespoke production.
              </p>
            </div>

            <div className="bg-white p-6 rounded-3xl border border-brand-border shadow-xs">
              <div className="text-brand-gold mb-3">
                <Crown className="w-7 h-7" />
              </div>
              <div className="text-2xl font-title font-bold text-brand-dark">UHNW Focus</div>
              <p className="text-xs text-brand-muted mt-2 leading-relaxed">
                Rapidly expanding influx of high-budget multicultural &amp; diaspora couples.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}