import EmpowermentHero from "@/components/sections/EmpowermentHero";
import EmpowermentVision from "@/components/sections/EmpowermentVision";
import EmpowermentStory from "@/components/sections/EmpowermentStory";
import WomenSection from "@/components/sections/WomenSection";
import EmpowermentPrograms from "@/components/sections/EmpowermentPrograms";
import EmpowermentImpact from "@/components/sections/EmpowermentImpact";
import EmpowermentHowItWorks from "@/components/sections/EmpowermentHowItWorks";
import EmpowermentStories from "@/components/sections/EmpowermentStories";
import EmpowermentPartners from "@/components/sections/EmpowermentPartners";
import EmpowermentCTA from "@/components/sections/EmpowermentCTA";

const WINGS_WOMEN_STATS = [
  { value: "500", plus: "+", label: "Women Founders" },
  { value: "35", plus: "+", label: "Cities Active" },
  { value: "100", plus: "+", label: "Enterprises Launched" },
];

const WINGS_WOMEN_CARDS = [
  {
    title: "Venture Building",
    desc: "End-to-end support for women launching logistics enterprises — from ideation to market entry.",
    icon: (
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
        <path d="M4 19V5" />
        <path d="M4 7h12l-2 4 2 4H4" />
        <path d="M18 19h2" />
      </svg>
    ),
  },
  {
    title: "Entrepreneurship",
    desc: "Women building, owning, and scaling sustainable businesses within the logistics ecosystem.",
    icon: (
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
        <rect x="3" y="7" width="18" height="13" rx="2" />
        <path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18" />
      </svg>
    ),
  },
  {
    title: "Founder Networks",
    desc: "Peer communities and strategic connections that accelerate growth and open new markets.",
    icon: (
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
        <circle cx="8" cy="8" r="3" />
        <circle cx="16" cy="8" r="3" />
        <path d="M2.5 20c.7-3.1 2.8-5 5.5-5s4.8 1.9 5.5 5" />
        <path d="M10.5 20c.7-3.1 2.8-5 5.5-5s4.8 1.9 5.5 5" />
      </svg>
    ),
  },
  {
    title: "Enterprise Leadership",
    desc: "Strategic decision-making, operational excellence, and vision-driven leadership for women founders.",
    icon: (
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
        <circle cx="12" cy="9" r="5" />
        <path d="M9 13.5 7.5 21 12 18l4.5 3-1.5-7.5" />
      </svg>
    ),
  },
];

export const metadata = {
  title: "Doormile Wings — Women Entrepreneurship Initiative",
  description: "Doormile Wings empowers women to build, own, and lead enterprises within the logistics ecosystem through strategic partnerships, founder networks, and entrepreneurial infrastructure.",
  alternates: {
    canonical: "https://doormile.com/empowerment",
  },
  openGraph: {
    title: "Doormile Wings — Women Entrepreneurship Initiative",
    description: "An entrepreneurial ecosystem empowering women to launch, grow, and lead logistics enterprises with strategic partnerships and industry collaboration.",
    url: "https://doormile.com/empowerment",
    siteName: "Doormile",
    type: "website",
    images: [
      {
        url: "https://doormile.com/images/wings-logo.png",
        width: 1200,
        height: 630,
        alt: "Doormile Wings — Women Entrepreneurship Initiative",
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title: "Doormile Wings — Women Entrepreneurship Initiative",
    description: "An entrepreneurial ecosystem empowering women to launch, grow, and lead logistics enterprises with strategic partnerships and industry collaboration.",
    images: ["https://doormile.com/images/wings-logo.png"],
  },
};

export default function EmpowermentPage() {
  return (
    <div id="empowerment" className="content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none">
      <div className="content">
        <div className="content-inner">
          <div data-elementor-type="wp-page" data-elementor-id="86" className="elementor elementor-86 elementor-59 elementor-empowerment">
            <EmpowermentHero />
            <EmpowermentVision />
            <EmpowermentStory />
            <WomenSection
              eyebrow="/ Women Empowerment /"
              bannerLabel="Women Entrepreneurship"
              bannerCopy="An ecosystem where women build, own, and scale enterprises across logistics."
              ctaLabel="Explore the ecosystem"
              ctaHref="#wings-empowerment-programs"
              heading="Women Building The Next Mile"
              stats={WINGS_WOMEN_STATS}
              cards={WINGS_WOMEN_CARDS}
            />
            <EmpowermentPrograms />
            <EmpowermentImpact />
            <EmpowermentHowItWorks />
            <EmpowermentStories />
            <EmpowermentPartners />
            <EmpowermentCTA />
          </div>
        </div>
      </div>
    </div>
  );
}
