import {
  Search,
  ShieldCheck,
  Cpu,
  Globe,
  ArrowUpRight,
  Sparkles,
} from "lucide-react";

export default function PartnershipStrategicEdge() {
  return (
    <section id="strategic-edge" className="py-20 lg:py-28 bg-brand-sand/60 border-b border-brand-border/60">
      <div className="container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="max-w-3xl mx-auto text-center mb-16">
          <span className="text-xs uppercase tracking-widest text-brand-gold font-bold">
            Unfair Strategic Moat
          </span>
          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-title font-bold text-brand-dark mt-2">
            Why Developing <span className="italic font-title text-brand-dark">Vietnam Wedding Guide</span> Gives You Unmatched Dominance
          </h2>
          <p className="text-brand-muted mt-3 text-sm sm:text-base leading-relaxed">
            This is not merely acquiring web addresses. You are stepping into an already-indexed, semantically validated category authority engineered to bypass algorithmic incubation and immediately capture high-intent international demand.
          </p>
        </div>

        <div className="grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8">
          {/* Moat 1: Intent & Exact Match */}
          <div className="card-luxury p-8 rounded-3xl flex flex-col justify-between bg-white border border-brand-border">
            <div>
              <div className="w-14 h-14 rounded-2xl bg-brand-ivory border border-brand-border flex items-center justify-center text-brand-gold mb-6 shadow-xs">
                <Search className="w-6 h-6" />
              </div>
              <div className="text-[11px] font-bold text-brand-gold uppercase tracking-wider mb-1">Advantage 01</div>
              <h3 className="font-title text-2xl font-bold text-brand-dark mb-3">
                100% Direct Search Intent &amp; Exact Match
              </h3>
              <p className="text-sm text-brand-muted leading-relaxed">
                Global couples and planners begin their discovery journey with exact search queries like <strong className="text-brand-dark font-medium">&quot;Wedding in Vietnam&quot;</strong> and <strong className="text-brand-dark font-medium">&quot;Vietnam Wedding Guide&quot;</strong>. Owning this keyword-entity pairing means zero expenditure on market re-education. You instantly capture qualified organic search volume and high-trust direct type-ins.
              </p>
            </div>
            <div className="mt-6 pt-4 border-t border-brand-border text-xs text-brand-dark/80 font-medium flex items-center gap-2">
              <ArrowUpRight className="w-4 h-4 text-brand-gold shrink-0" />
              <span>Captures couples actively preparing multi-thousand dollar budgets</span>
            </div>
          </div>

          {/* Moat 2: Algorithmic Head Start */}
          <div className="card-luxury p-8 rounded-3xl flex flex-col justify-between relative bg-white border-2 border-brand-gold/60 shadow-md">
            <div className="absolute -top-3.5 right-6 bg-brand-dark text-brand-gold text-[10px] font-bold uppercase tracking-wider px-3 py-1 rounded-full border border-brand-gold/40">
              Saves 12+ Months of R&amp;D
            </div>
            <div>
              <div className="w-14 h-14 rounded-2xl bg-brand-ivory border border-brand-border flex items-center justify-center text-brand-gold mb-6 shadow-xs">
                <ShieldCheck className="w-6 h-6" />
              </div>
              <div className="text-[11px] font-bold text-brand-gold uppercase tracking-wider mb-1">Advantage 02</div>
              <h3 className="font-title text-2xl font-bold text-brand-dark mb-3">
                Pre-Indexed Knowledge Graph &amp; Clean Entity
              </h3>
              <p className="text-sm text-brand-muted leading-relaxed">
                Google&apos;s most punitive barrier to entry is the 6-to-12-month &quot;Sandbox Period&quot; where algorithms test new domains for authenticity. The creator (<strong className="text-brand-dark font-medium">Nhi Võ</strong>) has dedicated over a year to meticulously architecting editorial depth, search authority, and pristine topical relevance. Partners inherit a seasoned entity cleared of algorithmic trial phases.
              </p>
            </div>
            <div className="mt-6 pt-4 border-t border-brand-border text-xs text-brand-dark/80 font-medium flex items-center gap-2">
              <Sparkles className="w-4 h-4 text-brand-gold shrink-0" />
              <span>Immediate scale readiness — bypass the costly Google Sandbox entirely</span>
            </div>
          </div>

          {/* Moat 3: Generative AI & GEO */}
          <div className="card-luxury p-8 rounded-3xl flex flex-col justify-between bg-white border border-brand-border">
            <div>
              <div className="w-14 h-14 rounded-2xl bg-brand-ivory border border-brand-border flex items-center justify-center text-brand-gold mb-6 shadow-xs">
                <Cpu className="w-6 h-6" />
              </div>
              <div className="text-[11px] font-bold text-brand-gold uppercase tracking-wider mb-1">Advantage 03</div>
              <h3 className="font-title text-2xl font-bold text-brand-dark mb-3">
                Engineered for Generative Engine Optimization (GEO)
              </h3>
              <p className="text-sm text-brand-muted leading-relaxed">
                Modern couples increasingly consult Perplexity, ChatGPT Search, and Google AI Overviews rather than browsing dozens of links. Because <strong className="text-brand-dark font-medium">Vietnam Wedding Guide</strong> is designed as a deep, objective editorial platform rather than a hard-selling booking site, AI engines naturally cite it as an authoritative knowledge source.
              </p>
            </div>
            <div className="mt-6 pt-4 border-t border-brand-border text-xs text-brand-dark/80 font-medium flex items-center gap-2">
              <Sparkles className="w-4 h-4 text-brand-gold shrink-0" />
              <span>Dominates natural citation share in the Generative AI search era</span>
            </div>
          </div>

          {/* Moat 4: Global .COM Extension */}
          <div className="card-luxury p-8 rounded-3xl flex flex-col justify-between bg-white border border-brand-border">
            <div>
              <div className="w-14 h-14 rounded-2xl bg-brand-ivory border border-brand-border flex items-center justify-center text-brand-gold mb-6 shadow-xs">
                <Globe className="w-6 h-6" />
              </div>
              <div className="text-[11px] font-bold text-brand-gold uppercase tracking-wider mb-1">Advantage 04</div>
              <h3 className="font-title text-2xl font-bold text-brand-dark mb-3">
                True Global .COM Prestige — Zero Local Limitations
              </h3>
              <p className="text-sm text-brand-muted leading-relaxed">
                Unlike country code domains (<code className="text-xs bg-stone-100 px-1.5 py-0.5 rounded font-mono">.vn</code> or <code className="text-xs bg-stone-100 px-1.5 py-0.5 rounded font-mono">.com.vn</code>) which search engines prioritize strictly within domestic borders, the <strong className="text-brand-dark font-medium">.COM</strong> extension is the undisputed worldwide gold standard. It indexes effortlessly across high-purchasing source markets: North America, Australia, Singapore, Europe, and India.
              </p>
            </div>
            <div className="mt-6 pt-4 border-t border-brand-border text-xs text-brand-dark/80 font-medium flex items-center gap-2">
              <Globe className="w-4 h-4 text-brand-gold shrink-0" />
              <span>Effortless reach into lucrative diaspora and global high-net-worth demographics</span>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}