"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Zap, Users, HelpCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Champion"
          navItems={[
            { name: "About", id: "about" },
            { name: "Achievements", id: "achievements" },
            { name: "Ventures", id: "ventures" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Champion Student"
          description="Straight-A student. Football team captain. Coral conservation nonprofit founder. Ecommerce entrepreneur with $1M+ in sales. Redefining what's possible."
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"
          imageAlt="high school student confident portrait professional headshot young leader"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Leading Through Excellence"
          description="A driven high school student balancing academic rigor with athletic leadership and entrepreneurial innovation. Proven ability to excel across multiple domains while maintaining integrity and drive. Ready to make an impact at the highest level."
          tag="About Me"
          imageSrc="https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-922.jpg"
          imageAlt="football team team captain sports leadership football field"
          useInvertedBackground="noInvert"
          buttons={[{ text: "View Resume", href: "#ventures" }]}
        />
      </div>

      <div id="achievements" data-section="achievements">
        <MetricCardTen
          title="Achievements & Recognition"
          description="A comprehensive overview of academic honors, athletic accolades, and entrepreneurial milestones that define excellence."
          tag="Achievements"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              title: "Perfect GPA",              subtitle: "Consistent excellence across all courses and disciplines",              category: "Academic",              value: "4.0"
            },
            {
              id: "2",              title: "Football Team Captain",              subtitle: "Led team to conference championship as senior leader",              category: "Athletics",              value: "2024-25"
            },
            {
              id: "3",              title: "State Academic Awards",              subtitle: "Recognized by state education board for exceptional achievement",              category: "Recognition",              value: "5+"
            },
            {
              id: "4",              title: "Coral Conservation Impact",              subtitle: "Nonprofit protecting marine ecosystems and educating communities",              category: "Leadership",              value: "Active"
            },
            {
              id: "5",              title: "Ecommerce Success",              subtitle: "Fashion brand generating significant revenue and brand recognition",              category: "Business",              value: "$1M+"
            }
          ]}
        />
      </div>

      <div id="ventures" data-section="ventures">
        <ProductCardFour
          title="My Ventures"
          description="Two distinct ventures showcasing diverse entrepreneurial capabilities—environmental impact and commercial success."
          tag="Entrepreneurship"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          products={[
            {
              id: "1",              name: "Coral Haven Initiative",              price: "Nonprofit",              variant: "Marine Conservation & Education",              imageSrc: "https://img.b2bpic.net/free-photo/wide-underwater-shot-green-brown-coral-reefs_181624-1317.jpg",              imageAlt: "coral reef ocean conservation marine life environmental impact",              onProductClick: undefined
            },
            {
              id: "2",              name: "TrendWave Fashion",              price: "$1M+ Revenue",              variant: "Fast-Fashion Ecommerce Platform",              imageSrc: "https://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg",              imageAlt: "fashion brand clothing store ecommerce retail success",              onProductClick: undefined
            },
            {
              id: "3",              name: "Academic Excellence",              price: "4.0 GPA",              variant: "Straight-A Student Performance",              imageSrc: "https://img.b2bpic.net/free-photo/arrangement-different-olympics-medals_23-2148930688.jpg",              imageAlt: "medals awards achievement success",              onProductClick: undefined
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by teachers, coaches, mentors, and business partners who recognize exceptional character and capability"
          cardTag="Testimonials"
          cardTagIcon={Users}
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Dr. Sarah Mitchell"
            },
            {
              id: "2",              name: "Coach James Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",              imageAlt: "Coach James Rodriguez"
            },
            {
              id: "3",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "4",              name: "Jennifer Walsh",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageAlt: "Jennifer Walsh"
            },
            {
              id: "5",              name: "David Okonkwo",              imageSrc: "https://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",              imageAlt: "David Okonkwo"
            },
            {
              id: "6",              name: "Amanda Foster",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",              imageAlt: "Amanda Foster"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Learn more about my journey, ventures, and vision for the future."
          tag="FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How do you balance academics, athletics, and business?",              content: "Time management and prioritization are key. I approach each commitment with the same excellence standard, using structured schedules and surrounding myself with supportive mentors who keep me accountable. Every activity aligns with my core values of impact and growth."
            },
            {
              id: "2",              title: "What inspired the coral conservation nonprofit?",              content: "A marine biology trip sophomore year showed me the urgent need for coral reef protection. I realized I could combine my passion for the ocean with actionable leadership, so I founded Coral Haven Initiative to educate communities and support conservation efforts while mobilizing student action."
            },
            {
              id: "3",              title: "How did TrendWave Fashion reach $1M in sales?",              content: "TrendWave started as a passion project to make sustainable fast fashion accessible to high school students. Success came from understanding our market, leveraging social media authentically, maintaining quality standards, and building a community of loyal customers who believe in our brand values."
            },
            {
              id: "4",              title: "What are your college and career goals?",              content: "I'm seeking schools with strong business, environmental science, and leadership programs. Long-term, I envision founding ventures that combine profitability with environmental and social impact—building businesses that leave the world better than we found it."
            },
            {
              id: "5",              title: "How does being football captain influence your leadership style?",              content: "Team sports taught me that leadership is about elevating others, not just personal achievement. Being captain meant making tough calls, fostering unity, and leading by example. These principles translate directly to my nonprofit and business leadership."
            },
            {
              id: "6",              title: "What advice would you give to other ambitious students?",              content: "Choose quality over quantity. It's better to excel in fewer areas than spread yourself thin. Find mentors who challenge you, stay true to your values, and remember that your impact compounds when you blend passion with discipline."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Let's Connect"
          ctaDescription="Interested in learning more? Reach out—whether for college recruitment, business partnerships, or mentorship conversations."
          ctaButton={{ text: "Send Message", href: "mailto:contact@championportfolio.com" }}
          ctaIcon={Mail}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How can colleges or programs reach out?",              content: "Please contact via email at contact@championportfolio.com or through this contact form. I'm actively engaging with college recruitment processes and excited to discuss opportunities."
            },
            {
              id: "2",              title: "Are you open to business partnerships or collaborations?",              content: "Absolutely. Both TrendWave Fashion and Coral Haven Initiative are exploring partnership opportunities with brands, organizations, and individuals aligned with our mission. Let's discuss potential synergies."
            },
            {
              id: "3",              title: "Do you offer mentorship or speaking opportunities?",              content: "Yes. I'm passionate about inspiring younger students to pursue excellence across academics, athletics, and entrepreneurship. Reach out to discuss speaking engagements or informal mentorship conversations."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Champion"
          copyrightText="© 2025 Champion Student Portfolio. All rights reserved."
          columns={[
            {
              title: "Navigation",              items: [
                { label: "About", href: "about" },
                { label: "Achievements", href: "achievements" },
                { label: "Ventures", href: "ventures" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email", href: "mailto:contact@championportfolio.com" },
                { label: "LinkedIn", href: "https://www.linkedin.com" },
                { label: "Instagram", href: "https://www.instagram.com" }
              ]
            },
            {
              title: "Ventures",              items: [
                { label: "Coral Haven Initiative", href: "https://example.com/coral-haven" },
                { label: "TrendWave Fashion", href: "https://example.com/trendwave" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}