import { Building2, Wine, CheckCircle2 } from "lucide-react";

export default function PartnershipMonetization() {
  return (
    <section id="monetization" className="py-20 lg:py-28 bg-brand-sand/50 border-t 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">
            Sustainable Commercial Architecture
          </span>
          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-title font-bold text-brand-dark mt-2">
            High-Yield B2B &amp; B2C Monetization Models
          </h2>
          <p className="text-brand-muted mt-3 text-sm sm:text-base leading-relaxed">
            Operating as an objective, prestigious editorial guide unlocks dual revenue streams from both luxury hospitality vendors and discerning couples.
          </p>
        </div>

        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
          {/* B2B Revenue */}
          <div className="card-luxury p-8 sm:p-10 rounded-3xl bg-white border border-brand-border">
            <div className="flex items-center justify-between mb-6">
              <span className="px-3.5 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-brand-ivory text-brand-dark border border-brand-border">
                Enterprise &amp; Vendor Inflows (B2B)
              </span>
              <Building2 className="w-6 h-6 text-brand-gold" />
            </div>

            <h3 className="font-title text-2xl font-bold text-brand-dark mb-4">
              Curated Directory &amp; Editorial PR Subscriptions
            </h3>

            <ul className="space-y-4 text-sm text-brand-muted">
              <li className="flex items-start gap-3">
                <div className="w-6 h-6 rounded-full bg-brand-sand text-brand-gold shrink-0 flex items-center justify-center text-xs mt-0.5">
                  <CheckCircle2 className="w-4 h-4 text-brand-gold" />
                </div>
                <div>
                  <strong className="text-brand-dark">Annual Curated Listing Retainers:</strong>
                  <p className="text-xs mt-0.5 leading-relaxed">
                    Annual placement fees for vetted 5-star resorts, master floral designers, cinematographers, and bridal ateliers.
                  </p>
                </div>
              </li>
              <li className="flex items-start gap-3">
                <div className="w-6 h-6 rounded-full bg-brand-sand text-brand-gold shrink-0 flex items-center justify-center text-xs mt-0.5">
                  <CheckCircle2 className="w-4 h-4 text-brand-gold" />
                </div>
                <div>
                  <strong className="text-brand-dark">Featured Real Weddings &amp; Editorial Spotlights:</strong>
                  <p className="text-xs mt-0.5 leading-relaxed">
                    High-production editorial reviews, venue showcases, and spotlight interviews targeted at international planners.
                  </p>
                </div>
              </li>
              <li className="flex items-start gap-3">
                <div className="w-6 h-6 rounded-full bg-brand-sand text-brand-gold shrink-0 flex items-center justify-center text-xs mt-0.5">
                  <CheckCircle2 className="w-4 h-4 text-brand-gold" />
                </div>
                <div>
                  <strong className="text-brand-dark">Private Newsletter &amp; Planner Collective Broadcasts:</strong>
                  <p className="text-xs mt-0.5 leading-relaxed">
                    Direct editorial reach into our dedicated subscriber list of prospective international brides and overseas wedding coordinators.
                  </p>
                </div>
              </li>
            </ul>
          </div>

          {/* B2C Revenue */}
          <div className="card-luxury p-8 sm:p-10 rounded-3xl bg-white border border-brand-border">
            <div className="flex items-center justify-between mb-6">
              <span className="px-3.5 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-brand-ivory text-brand-dark border border-brand-border">
                Client Advisory &amp; Concierge (B2C)
              </span>
              <Wine className="w-6 h-6 text-brand-gold" />
            </div>

            <h3 className="font-title text-2xl font-bold text-brand-dark mb-4">
              Independent Consulting &amp; VIP Inquiry Steering
            </h3>

            <ul className="space-y-4 text-sm text-brand-muted">
              <li className="flex items-start gap-3">
                <div className="w-6 h-6 rounded-full bg-brand-sand text-brand-gold shrink-0 flex items-center justify-center text-xs mt-0.5">
                  <CheckCircle2 className="w-4 h-4 text-brand-gold" />
                </div>
                <div>
                  <strong className="text-brand-dark">High-Ticket Destination Concierge:</strong>
                  <p className="text-xs mt-0.5 leading-relaxed">
                    Advisory fees for resort selection, contract audit, budget structuring, and international marriage protocol counseling.
                  </p>
                </div>
              </li>
              <li className="flex items-start gap-3">
                <div className="w-6 h-6 rounded-full bg-brand-sand text-brand-gold shrink-0 flex items-center justify-center text-xs mt-0.5">
                  <CheckCircle2 className="w-4 h-4 text-brand-gold" />
                </div>
                <div>
                  <strong className="text-brand-dark">Precision Vendor Matching &amp; Retainers:</strong>
                  <p className="text-xs mt-0.5 leading-relaxed">
                    Guiding affluent couples to verified planners and creative studios tailored to their distinct aesthetics and budget tiers.
                  </p>
                </div>
              </li>
              <li className="flex items-start gap-3">
                <div className="w-6 h-6 rounded-full bg-brand-sand text-brand-gold shrink-0 flex items-center justify-center text-xs mt-0.5">
                  <CheckCircle2 className="w-4 h-4 text-brand-gold" />
                </div>
                <div>
                  <strong className="text-brand-dark">Multi-Day Experience &amp; Pre-Wedding Itineraries:</strong>
                  <p className="text-xs mt-0.5 leading-relaxed">
                    Curating private yacht charters, bespoke cultural dinners in Hoi An, and exclusive guest hospitality programs.
                  </p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
}