"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, Target, BookOpen, TrendingUp, Users, MessageCircle, HelpCircle, Bell, ArrowRight } from "lucide-react";

export default function LandingPage() {
  const navItems = [
    { name: "About", id: "about" },
    { name: "Courses", id: "courses" },
    { name: "Faculty", id: "faculty" },
    { name: "Impact", id: "metrics" },
    { name: "Contact", id: "contact" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Influential Initiatives Academy"
          navItems={navItems}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Transform Your Leadership Journey"
          description="Discover powerful education programs designed to cultivate influential leaders and drive positive institutional change."
          tag="Premier Education"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/african-american-professor-mentoring-diverse-students-library_482257-123126.jpg"
          imageAlt="Influential Initiatives Academy learning environment"
          mediaAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Programs", href: "#courses" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Dr. Sarah Mitchell",              handle: "Program Director",              testimonial: "This academy has fundamentally transformed how leaders approach institutional challenges and create lasting impact.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"
            },
            {
              name: "James Chen",              handle: "Graduate, Class 2024",              testimonial: "The curriculum is comprehensive, the faculty exceptional. I've grown both professionally and personally.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"
            },
            {
              name: "Maria Rodriguez",              handle: "Executive, Fortune 500",              testimonial: "The leadership frameworks I learned here directly improved our organization's strategic outcomes.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-woman_23-2148201895.jpg"
            }
          ]}
          testimonialRotationInterval={5000}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Dedicated to Excellence in Education"
          description="At Influential Initiatives Academy, we believe education shapes leaders and leaders transform institutions. Our mission is to cultivate thoughtful, principled leaders equipped with contemporary knowledge and timeless wisdom to drive meaningful change."
          tag="Our Mission"
          tagIcon={Target}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/students-learning-library-high-angle_23-2149647042.jpg"
          imageAlt="Modern academic facilities at Influential Initiatives Academy"
          useInvertedBackground={false}
          buttons={[{ text: "Discover Our Programs", href: "#courses" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="courses" data-section="courses">
        <FeatureCardTwentySix
          title="Featured Courses"
          description="Our carefully curated programs blend contemporary practice with enduring principles of leadership and institutional excellence."
          tag="Academic Excellence"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          features={[
            {
              title: "Strategic Leadership",              description: "Master strategic thinking, decision-making frameworks, and organizational transformation in today's complex landscape.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-learning-language_23-2149300728.jpg",              imageAlt: "Strategic Leadership course",              buttonIcon: ArrowRight
            },
            {
              title: "Critical Thinking & Analysis",              description: "Develop advanced analytical capabilities to navigate complexity, evaluate evidence, and make informed institutional decisions.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-through-partitions_23-2149831294.jpg",              imageAlt: "Critical Thinking course",              buttonIcon: ArrowRight
            },
            {
              title: "Innovation & Change Management",              description: "Lead transformational change through innovative thinking, stakeholder engagement, and sustainable implementation strategies.",              imageSrc: "http://img.b2bpic.net/free-vector/technological-ecology-concept_23-2148438859.jpg",              imageAlt: "Innovation and Change Management course",              buttonIcon: ArrowRight
            },
            {
              title: "Ethics & Institutional Values",              description: "Explore ethical frameworks and values-driven leadership that align organizational goals with societal responsibility.",              imageSrc: "http://img.b2bpic.net/free-photo/equality-parity-balance-justice-fair-concept_53876-21180.jpg",              imageAlt: "Ethics and Values course",              buttonIcon: ArrowRight
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View All Courses", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Measurable Impact"
          description="Our commitment to excellence is reflected in tangible outcomes and institutional recognition."
          tag="Our Success"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "2,500+",              title: "Leaders Trained",              items: ["Global alumni network", "Active across 45+ countries", "90% employment rate"]
            },
            {
              id: "2",              value: "98%",              title: "Satisfaction Rate",              items: ["Rigorous curriculum design", "World-class faculty mentors", "Peer-led learning communities"]
            },
            {
              id: "3",              value: "500+",              title: "Institutional Partnerships",              items: ["Universities worldwide", "Corporate collaborations", "Research initiatives"]
            },
            {
              id: "4",              value: "25+",              title: "Years of Excellence",              items: ["Established track record", "Continuous innovation", "Trusted by leaders globally"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="faculty" data-section="faculty">
        <TeamCardOne
          title="Meet Our Faculty"
          description="Distinguished educators and thought leaders dedicated to your growth and institutional excellence."
          tag="Expert Mentors"
          tagIcon={Users}
          tagAnimation="slide-up"
          members={[
            {
              id: "1",              name: "Dr. Margaret Hayes",              role: "Dean, Leadership Studies",              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Dr. Margaret Hayes"
            },
            {
              id: "2",              name: "Prof. David Okonkwo",              role: "Strategic Management",              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Prof. David Okonkwo"
            },
            {
              id: "3",              name: "Dr. Elena Vasquez",              role: "Innovation & Change",              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Dr. Elena Vasquez"
            },
            {
              id: "4",              name: "Prof. James Wilson",              role: "Ethics & Governance",              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Prof. James Wilson"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Graduates Say"
          description="Hear from leaders transformed by their experience at Influential Initiatives Academy."
          tag="Student Voices"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Victoria Chen",              handle: "@vchen_leader",              testimonial: "This program fundamentally shifted my leadership philosophy and equipped me with practical tools to lead institutional change. The insights I gained are invaluable.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              imageAlt: "Victoria Chen"
            },
            {
              id: "2",              name: "Michael Thompson",              handle: "@m_thompson_exec",              testimonial: "The faculty's real-world expertise combined with rigorous academic frameworks created an exceptional learning environment. My perspective on strategic decision-making has been completely transformed.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              imageAlt: "Michael Thompson"
            },
            {
              id: "3",              name: "Dr. Amara Okafor",              handle: "@amara_doc",              testimonial: "An outstanding institution dedicated to nurturing not just leaders, but thoughtful change-makers. The network I've built here is incredibly valuable professionally.",              imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-woman_23-2148201895.jpg",              imageAlt: "Dr. Amara Okafor"
            },
            {
              id: "4",              name: "Robert Garcia",              handle: "@rgarcia_initiatives",              testimonial: "The curriculum balances theory with practical application perfectly. I've immediately applied the concepts I learned to my organization with measurable success.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              imageAlt: "Robert Garcia"
            },
            {
              id: "5",              name: "Lisa Watanabe",              handle: "@lwatanabe_leader",              testimonial: "Influential Initiatives Academy stands out for its commitment to ethics and societal impact. This shaped my approach to leadership profoundly.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              imageAlt: "Lisa Watanabe"
            },
            {
              id: "6",              name: "David Patel",              handle: "@dpatel_innovate",              testimonial: "The peer cohort was as valuable as the formal curriculum. The connections and relationships built here are sustaining my professional journey.",              imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-woman_23-2148201895.jpg",              imageAlt: "David Patel"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our programs and admissions process."
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What is the typical duration of programs?",              content: "Our flagship programs typically run 12-18 months on a flexible schedule. We offer intensive modules, evening sessions, and online components to accommodate working professionals. Most participants complete their studies while maintaining their professional commitments."
            },
            {
              id: "2",              title: "What are the admission requirements?",              content: "We seek professionals with 5+ years of leadership experience, strong academic credentials, and demonstrated commitment to institutional excellence. We review applications holistically, considering professional experience, educational background, leadership potential, and alignment with our mission."
            },
            {
              id: "3",              title: "Do you offer financial aid or scholarships?",              content: "Yes, we offer merit-based scholarships for exceptional candidates, need-based financial assistance, and flexible payment plans. We also work with organizations to develop customized corporate training programs with volume discounts."
            },
            {
              id: "4",              title: "What career support is available?",              content: "Our Career Services team provides executive coaching, interview preparation, leadership assessment, and access to our extensive alumni network. We maintain relationships with top organizations globally and facilitate ongoing professional development opportunities."
            },
            {
              id: "5",              title: "Are programs available online or in-person?",              content: "We offer blended learning experiences combining in-person intensive modules, online seminars, and self-directed study. This allows participants to benefit from face-to-face collaboration while maintaining flexibility in their schedules."
            },
            {
              id: "6",              title: "What makes your academy different?",              content: "Our academy uniquely combines rigorous academic frameworks with practical institutional application. We emphasize ethics-driven leadership, foster genuine peer learning communities, and maintain strong connections with global organizations seeking thoughtful leaders."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to receive updates on new programs, faculty insights, and exclusive opportunities from Influential Initiatives Academy."
          tagIcon={Bell}
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/african-american-professor-mentoring-diverse-students-library_482257-123126.jpg"
          imageAlt="Influential Initiatives Academy community"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Influential Initiatives Academy"
          copyrightText="© 2025 Influential Initiatives Academy. All rights reserved."
          columns={[
            {
              title: "Programs",              items: [
                { label: "Strategic Leadership", href: "#courses" },
                { label: "Critical Thinking", href: "#courses" },
                { label: "Innovation & Change", href: "#courses" },
                { label: "Ethics & Governance", href: "#courses" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "About Us", href: "#about" },
                { label: "Faculty", href: "#faculty" },
                { label: "Alumni Network", href: "#" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "FAQ", href: "#faq" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
