"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, BookOpen, Heart, Star, Trophy, Users, Zap } from 'lucide-react';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';

export default function SitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[{name:"Hero",id:"hero-section"},{name:"About",id:"about-section"},{name:"Feature",id:"achievements-section"},{name:"Metric",id:"metrics-section"},{name:"Testimonial",id:"testimonials-section"},{name:"Contact",id:"contact-section"}]}
          button={{text:"Contact Me"}}
          brandName="AthletePro Portfolio"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboardCarousel
          title="Elevating Excellence: Athlete & Scholar"
          description="Dedicated to achieving greatness both on the field and in the classroom. Committed to academic rigor and athletic prowess, ready to contribute to your institution's legacy of excellence."
          background={{ variant: 'radial-gradient' }}
          tag="College Recruiting Ready"
          tagIcon={Trophy}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Achievements", href: "#achievements-section", dataWebildId: "btn_view_achievements" },
            { text: "Contact Me", href: "#contact-section", dataWebildId: "btn_contact_me" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/shirtless-man-practicing-parkour-outdoors_52683-114636.jpg", imageAlt: "Athlete training outdoors with intensity" },
            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-training-outdoors_23-2150351926.jpg", imageAlt: "Professional athlete in training session" },
            { imageSrc: "http://img.b2bpic.net/free-photo/man-ready-sport-night_23-2149304841.jpg", imageAlt: "Athlete preparing for competition" },
            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-tying-shoelaces_23-2149142343.jpg", imageAlt: "Athlete focused on performance preparation" }
          ]}
          ariaLabel="Hero carousel showcasing athletic excellence and training dedication"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <SplitAbout 
          title="About My Journey"
          description="I am a dedicated college-track athlete with a passion for excellence in both academics and athletics. My commitment to hard work, discipline, and leadership has shaped my path toward achieving my goals in college admissions and beyond."
          tag="Athlete & Scholar"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{text:"View Achievements",href:"#achievements-section"},{text:"Contact Me",href:"#contact-section"}]}
          buttonAnimation="slide-up"
          bulletPoints={[{title:"Academic Excellence",description:"Maintained a 3.8 GPA while competing at the varsity level in track and field.",icon:BookOpen},{title:"Leadership Roles",description:"Captain of the track team and peer mentor for incoming freshmen.",icon:Users},{title:"Community Impact",description:"Volunteered over 100 hours in local youth sports programs.",icon:Heart}]}
          imageSrc="http://img.b2bpic.net/free-photo/front-view-athlete-facing-camera_23-2148222173.jpg"
          imageAlt="Profile photo of the athlete in uniform"
          mediaAnimation="slide-up"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={false}
          className="py-16"
        />
      </div>

      <div id="achievements-section" data-section="achievements-section">
        <FeatureCardTwentyTwo 
          features={[{id:"feature-1",category:["Academic Excellence"],title:"GPA: 3.9/4.0",imageSrc:"http://img.b2bpic.net/free-photo/education-diploma-certificate-copy-space-template_23-2148769662.jpg",imageAlt:"Academic achievement badge"},{id:"feature-2",category:["Athletic Achievement"],title:"State Championship Title",imageSrc:"http://img.b2bpic.net/free-photo/assortment-different-medals_23-2148930703.jpg",imageAlt:"State championship trophy"},{id:"feature-3",category:["Leadership"],title:"Team Captain",imageSrc:"http://img.b2bpic.net/free-photo/multiethnic-athlete-group-talking-with-each-other-running-track_171337-6946.jpg",imageAlt:"Team captain insignia"}]}
          animationType="slide-up"
          title="Athletic & Academic Achievements"
          description="Showcasing a blend of exceptional performance on the field and in the classroom, demonstrating dedication and excellence across all areas of life."
          textboxLayout="inline-image"
          useInvertedBackground={false}
          tag="Highlights"
          tagIcon={Trophy}
          tagAnimation="blur-reveal"
          buttons={[{text:"View Full Resume",href:"#"}]}
          buttonAnimation="opacity"
          ariaLabel="Athletic and academic achievements section"
        />
      </div>

      <div id="metrics-section" data-section="metrics-section">
        <MetricCardOne 
          title="Athletic & Academic Excellence"
          description="Key achievements that showcase my dedication to both sports and academics, demonstrating the balance and discipline required for college-level performance."
          metrics={[{id:"metric-1",value:"98%",title:"GPA",description:"Maintained exceptional academic standing throughout high school",icon:Award},{id:"metric-2",value:"12",title:"Varsity Seasons",description:"Competed at the highest level in multiple sports",icon:Trophy},{id:"metric-3",value:"150+",title:"Hours Volunteered",description:"Committed to community service and leadership",icon:Heart},{id:"metric-4",value:"3",title:"National Championships",description:"Achieved top-tier recognition in competitive events",icon:Star}]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          tag="Performance Highlights"
          tagIcon={Zap}
          tagAnimation="blur-reveal"
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardOne 
          testimonials={[{id:"testimonial-1",name:"Dr. Sarah Mitchell",role:"Head Coach",company:"University of California, Berkeley",rating:5,imageSrc:"http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg",imageAlt:"Dr. Sarah Mitchell, Head Coach at UC Berkeley"},{id:"testimonial-2",name:"Prof. James Rodriguez",role:"Academic Advisor",company:"Stanford University",rating:5,imageSrc:"http://img.b2bpic.net/free-photo/close-up-people-studying-with-laptop_23-2149204726.jpg",imageAlt:"Prof. James Rodriguez, Academic Advisor at Stanford University"},{id:"testimonial-3",name:"Coach Lisa Thompson",role:"Track & Field Director",company:"Harvard University",rating:5,imageSrc:"http://img.b2bpic.net/free-photo/signing-contract_1098-21766.jpg",imageAlt:"Coach Lisa Thompson, Track & Field Director at Harvard University"}]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Coaches and Academics Say"
          description="Hear from college coaches and academic advisors who have worked with top-tier athletes like myself. Their insights reflect the high standards and dedication I bring to both the track and the classroom."
          tag="Athletic Excellence"
          tagIcon={Trophy}
          tagAnimation="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          ariaLabel="Testimonials section featuring feedback from college coaches and academic advisors"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm 
          title="Let's Connect"
          description="Ready to discuss your athletic and academic journey? Reach out to schedule a conversation or submit your application."
          inputs={[{name:"firstName",type:"text",placeholder:"First Name",required:true},{name:"lastName",type:"text",placeholder:"Last Name",required:true},{name:"email",type:"email",placeholder:"Email Address",required:true},{name:"phone",type:"tel",placeholder:"Phone Number"}]}
          textarea={{name:"message",placeholder:"Your Message",rows:5,required:true}}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/young-pleople-playing-with-ball-office_23-2149060316.jpg"
          imageAlt="Athlete reaching out to college coach"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
          onSubmit={(data) => console.log('Form data:', data)}
          ariaLabel="Contact section"
          className="py-16"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterSimple 
          columns={[{title:"Quick Links",items:[{label:"Home",href:"#hero-section"},{label:"About",href:"#about-section"},{label:"Achievements",href:"#achievements-section"},{label:"Metrics",href:"#metrics-section"}]},{title:"Contact",items:[{label:"Get in Touch",href:"#contact-section"},{label:"Email",href:"mailto:athlete@university.edu"},{label:"Phone",href:"tel:+1234567890"}]},{title:"Resources",items:[{label:"Athletic Profile",href:"#achievements-section"},{label:"Academic Transcript",href:"#about-section"},{label:"Testimonials",href:"#testimonials-section"}]}]}
          bottomLeftText="© 2023 Elite Athlete Portfolio. All rights reserved."
          bottomRightText="Designed with passion for excellence"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
