"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Award, Rocket, Target, Quote, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="large"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Alex Chen"
          navItems={[
            { name: "About", id: "about" },
            { name: "Achievements", id: "achievements" },
            { name: "Ventures", id: "ventures" },
            { name: "Impact", id: "impact" }
          ]}
          button={{
            text: "Get in Touch",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="High School Excellence. Boundless Potential."
          description="Straight-A student, football team captain, and young entrepreneur running a nonprofit and a multi-million dollar fashion ecommerce business. Driven by impact, excellence, and innovation."
          tag="Student Portfolio"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/vertical-shot-happy-young-woman-with-curly-hair-holds-notepad-pen-makes-notes-what-she-observes-around-city-dressed-casual-green-jumper-poses-outdoors-against-blurred-background_273609-56665.jpg"
          imageAlt="Professional portrait of Alex Chen, student achiever"
          imagePosition="right"
          buttons={[
            { text: "View My Work", href: "ventures" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="achievements" data-section="achievements">
        <MetricCardTen
          title="Key Achievements"
          description="Recognition of academic excellence, athletic leadership, and entrepreneurial impact"
          tag="Highlights"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              title: "Academic Excellence",              subtitle: "Consistent high performance across all subjects",              category: "Academics",              value: "4.0 GPA",              buttons: [{ text: "View Transcript", href: "#" }]
            },
            {
              id: "2",              title: "Football Team Captain",              subtitle: "Led team to regional championships, mentored 50+ athletes",              category: "Leadership",              value: "2 Seasons",              buttons: [{ text: "Team Stats", href: "#" }]
            },
            {
              id: "3",              title: "Coral Conservation NGO",              subtitle: "Founded and directed nonprofit focused on ocean ecosystem preservation",              category: "Social Impact",              value: "$100K+ Raised",              buttons: [{ text: "Learn About It", href: "#" }]
            },
            {
              id: "4",              title: "Fashion Ecommerce Brand",              subtitle: "Built sustainable fast-fashion startup from concept to scale",              category: "Entrepreneurship",              value: "$1M+ Revenue",              buttons: [{ text: "Visit Store", href: "#" }]
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Me"
          description="Driven by curiosity, ambition, and a desire to make meaningful impact"
          tabs={[
            {
              id: "academics",              label: "Academics",              description: "Maintaining a 4.0 GPA while balancing leadership roles and entrepreneurial ventures. I'm passionate about rigorous learning, critical thinking, and applying knowledge to real-world problems. My academic foundation supports everything I do."
            },
            {
              id: "athletics",              label: "Athletics",              description: "As football team captain, I've learned the value of teamwork, discipline, and resilience. Leading 50+ athletes taught me servant leadership and how to motivate others toward excellence. Sports shaped my character and work ethic."
            },
            {
              id: "philosophy",              label: "Philosophy",              description: "I believe success isn't just about personal achievement—it's about creating positive impact. Whether through conservation efforts or sustainable fashion, I'm committed to building businesses and initiatives that balance profit with purpose."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/flat-university-concept_23-2148170499.jpg"
          imageAlt="Student working on academic projects"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="ventures" data-section="ventures">
        <ProductCardThree
          title="My Ventures"
          description="Two distinct initiatives creating real-world impact at scale"
          tag="Entrepreneurship"
          tagIcon={Rocket}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="two-columns-alternating-heights"
          products={[
            {
              id: "1",              name: "Coral Reef Alliance (Nonprofit)",              price: "Impact-Driven",              imageSrc: "https://img.b2bpic.net/free-photo/wide-underwater-shot-green-brown-coral-reefs_181624-1317.jpg",              imageAlt: "Coral reef conservation initiative"
            },
            {
              id: "2",              name: "EcoStyle Fashion (Ecommerce)",              price: "$1M+ Revenue",              imageSrc: "https://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg",              imageAlt: "Sustainable fashion ecommerce brand"
            }
          ]}
        />
      </div>

      <div id="impact" data-section="impact">
        <FeatureCardThree
          title="Leadership & Impact"
          description="Creating measurable change through innovation, determination, and collaborative leadership"
          tag="What I Do"
          tagIcon={Target}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",              title: "Academic Excellence",              description: "Maintaining top grades while managing multiple ventures, demonstrating discipline and time management at the highest level.",              imageSrc: "https://img.b2bpic.net/free-vector/flat-university-concept_23-2148170499.jpg"
            },
            {
              id: "02",              title: "Athletic Leadership",              description: "Serving as football captain, leading by example, mentoring teammates, and driving team culture toward championship success.",              imageSrc: "https://img.b2bpic.net/free-photo/view-soccer-players-before-show_23-2150885867.jpg"
            },
            {
              id: "03",              title: "Entrepreneurial Innovation",              description: "Building sustainable businesses from the ground up, combining profitability with purpose and positive environmental impact.",              imageSrc: "https://img.b2bpic.net/free-photo/fashion-designer-working-her-workshop_23-2148877337.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Recognition"
          description="What teachers, coaches, and mentors have to say"
          tag="Testimonials"
          tagIcon={Quote}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Martinez",              role: "High School Principal",              testimonial: "Alex exemplifies what we hope to see in our students—academic achievement paired with genuine leadership and social responsibility. An exceptional role model.",              imageSrc: "https://img.b2bpic.net/free-photo/group-diverse-people-talking-each-other_23-2150966171.jpg",              imageAlt: "Portrait of Dr. Sarah Martinez"
            },
            {
              id: "2",              name: "Coach James Wilson",              role: "Football Coach",              testimonial: "As team captain, Alex brought unmatched dedication, strategic thinking, and care for his teammates. He elevated everyone around him and embodies true leadership.",              imageSrc: "https://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995012.jpg",              imageAlt: "Portrait of Coach James Wilson"
            },
            {
              id: "3",              name: "Maria Gonzalez",              role: "Environmental Science Teacher",              testimonial: "Alex's passion for ocean conservation is inspiring. He turned that passion into action with his nonprofit, showing real-world impact while maintaining academic excellence.",              imageSrc: "https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167361.jpg",              imageAlt: "Portrait of Maria Gonzalez"
            },
            {
              id: "4",              name: "Thomas Chen",              role: "Business Mentor",              testimonial: "Few entrepreneurs think beyond profit. Alex built a million-dollar fashion brand while genuinely prioritizing sustainability and social impact. He's exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/businesspeople-meeting-indoors_23-2148824845.jpg",              imageAlt: "Portrait of Thomas Chen"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Connect"
          title="Let's Talk About Opportunities"
          description="Whether you're interested in my ventures, looking for a driven team member, or want to collaborate on impact-driven projects, I'd love to hear from you."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173779.jpg"
          imageAlt="Collaborative team working together"
          mediaPosition="right"
          tagIcon={MessageCircle}
          inputPlaceholder="your.email@example.com"
          buttonText="Send"
          termsText="I'll respond within 48 hours. No spam, just genuine conversation."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Alex Chen"
          copyrightText="© 2025 Alex Chen. All rights reserved."
          columns={[
            {
              title: "Navigation",              items: [
                { label: "About", href: "about" },
                { label: "Achievements", href: "achievements" },
                { label: "Ventures", href: "ventures" }
              ]
            },
            {
              title: "Ventures",              items: [
                { label: "Coral Reef Alliance", href: "https://example.com/coral" },
                { label: "EcoStyle Fashion", href: "https://example.com/ecostyle" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email", href: "mailto:alex@example.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}