"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Globe, Zap, Cpu, Users, Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLarge"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "About", id: "about" },
        { name: "Programs", id: "programs" },
        { name: "Events", id: "events" },
        { name: "Team", id: "team" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="ALIC"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{ variant: "gradient-bars" }}
      title="We build what lasts"
      description="ALIC empowers the next generation of African leaders and innovators to drive sustainable progress and continent-wide impact."
      tag="Leadership & Innovation Circle"
      buttons={[
        { text: "Join Us", href: "#contact" },
        { text: "Explore Programs", href: "#programs" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/map-wisconsin-polygonal-mesh-line-map-flag-map_559531-11452.jpg"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "Portrait of African female leader" },
        { src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", alt: "Portrait of African male entrepreneur" },
        { src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034081.jpg", alt: "Portrait of young tech founder" },
        { src: "http://img.b2bpic.net/free-photo/attractive-european-girl-with-charming-smile-keeps-arms-folded-wears-round-spectacles_273609-18493.jpg", alt: "Portrait of policy researcher" },
        { src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Portrait of startup director" },
      ]}
      avatarText="Join 500+ innovators across the continent."
      marqueeItems={[
        { type: "text", text: "Driving Sustainable Progress" },
        { type: "text", text: "Fostering Cross-Border Collaboration" },
        { type: "text", text: "Strategic Innovation Networks" },
        { type: "text", text: "Empowering Emerging Leaders" },
        { type: "text", text: "Building the Future of Africa" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Identity"
      title="Who is ALIC?"
      description="African Leadership & Innovation Circle (ALIC) is a premier network dedicated to fostering African talent through cross-border collaboration and strategic innovation."
      subdescription="Our mission is to build a future where African innovators are at the forefront of global technological and social evolution."
      icon={Globe}
      imageSrc="http://img.b2bpic.net/free-photo/company-worker-using-documents-research-laptop-take-notes-young-office-employee-working-paperwork-report-with-website-information-computer-browsing-internet-app_482257-45831.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="programs" data-section="programs">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        { title: "Leadership Accelerator", description: "Intensive training for emerging leaders to scale their impact.", imageSrc: "http://img.b2bpic.net/free-photo/business-team-planning-marketing-strategy_53876-102032.jpg", buttonIcon: Zap },
        { title: "Innovation Lab", description: "A workspace for developers and entrepreneurs to build MVP products.", imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-analyzing-statistics-diagrams-pc_482257-77609.jpg", buttonIcon: Cpu },
        { title: "Networking Circle", description: "High-level connections across the African tech and leadership ecosystem.", imageSrc: "http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg", buttonIcon: Users },
        { title: "Policy Advocacy", description: "Influencing policy to create better environments for innovation.", imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124251.jpg", buttonIcon: Shield },
      ]}
      title="Empowerment Programs"
      description="We offer structured pathways to transform ideas into sustainable solutions."
    />
  </div>

  <div id="events" data-section="events">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Upcoming Events"
      description="Join our upcoming gatherings to learn, collaborate, and grow."
      blogs={[
        {
          id: "1",          category: "Summit",          title: "Future of Tech Africa",          excerpt: "Discussing AI and data trends.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg",          authorName: "ALIC Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg",          date: "Oct 12, 2024"},
        {
          id: "2",          category: "Workshop",          title: "Founder Secrets",          excerpt: "Scaling startups across borders.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-his-friend-enjoying-drinks-restaurant_23-2147861945.jpg",          authorName: "ALIC Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134319.jpg",          date: "Nov 05, 2024"},
        {
          id: "3",          category: "Circle",          title: "Member Mixer",          excerpt: "A space to connect with peers.",          imageSrc: "http://img.b2bpic.net/free-photo/people-looking-each-other-holding-glasses-champagne_23-2148331790.jpg",          authorName: "ALIC Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",          date: "Dec 01, 2024"},
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "g1",          groupTitle: "Core Teams",          members: [
            {
              id: "m1",              title: "Sarah Johnson",              subtitle: "Lead of GCD",              detail: "Spearheading our community strategy.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-worker-smiling_1098-3509.jpg"},
            {
              id: "m2",              title: "David Chen",              subtitle: "Tech Lead",              detail: "Driving our digital infrastructure.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg"},
            {
              id: "m3",              title: "Amina Okafor",              subtitle: "Media Director",              detail: "Amplifying our voice and brand.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-journalist-working_23-2148524083.jpg"},
          ],
        },
      ]}
      title="Our Leadership"
      description="The dedicated minds guiding ALIC's mission."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Impact"
      tag="Growing Numbers"
      metrics={[
        { id: "n1", value: "500+", description: "Active Members" },
        { id: "n2", value: "25+", description: "Countries Reached" },
        { id: "n3", value: "120+", description: "Successful Collaborations" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Google",        "Microsoft",        "AWS",        "Techstars",        "Unicef",        "African Union",        "Startup Africa"]}
      title="Global Collaborators"
      description="Organizations supporting our mission."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Contact Us"
      useInvertedBackground={false}
      background={{ variant: "radial-gradient" }}
      title="Let's Connect"
      description="Ready to build the future? Reach out to us."
      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="ALIC"
      leftLink={{ text: "Privacy Policy", href: "#" }}
      rightLink={{ text: "Terms of Service", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
