"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import {
  Sparkles,
  BookOpen,
  Shield,
  Zap,
  Star,
  Award,
  Users,
  CheckCircle,
} from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "About", id: "about" },
    { name: "Academics", id: "academics" },
    { name: "Staff", id: "staff" },
    { name: "Admissions", id: "admissions" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "Academics", href: "/academics" },
        { label: "Staff", href: "/staff" },
      ],
    },
    {
      items: [
        { label: "Admissions", href: "/admissions" },
        { label: "Student Life", href: "#" },
        { label: "Events", href: "#" },
        { label: "News", href: "#" },
      ],
    },
    {
      items: [
        { label: "Contact Us", href: "#" },
        { label: "Location", href: "#" },
        { label: "Phone", href: "#" },
        { label: "Email", href: "#" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Careers", href: "#" },
        { label: "Partners", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Gamo Bayra"
          navItems={navItems}
          button={{
            text: "Enroll Now",
            href: "/admissions",
          }}
        />
      </div>

      <div id="hero-home" data-section="hero-home">
        <HeroBillboardRotatedCarousel
          title="Welcome to Gamo Bayra Boarding Secondary School"
          description="Empowering young minds through academic excellence, character development, and holistic growth. Join our community of learners committed to shaping the leaders of tomorrow."
          tag="Excellence in Education"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Programs", href: "/academics" },
            { text: "Apply Now", href: "/admissions" },
          ]}
          buttonAnimation="blur-reveal"
          carouselItems={[
            {
              id: "carousel-1",
              imageSrc: "http://img.b2bpic.net/free-photo/two-female-sprinter-athlete-getting-ready-start-race-red-running-track-athletics-stadium_613910-6810.jpg",
              imageAlt: "School morning assembly",
            },
            {
              id: "carousel-2",
              imageSrc: "http://img.b2bpic.net/free-photo/big-family-railway_23-2147770347.jpg",
              imageAlt: "Boarding students in dormitory",
            },
            {
              id: "carousel-3",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-paint-hands_23-2149050542.jpg",
              imageAlt: "Student debate competition",
            },
            {
              id: "carousel-4",
              imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15681.jpg",
              imageAlt: "School technology lab",
            },
            {
              id: "carousel-5",
              imageSrc: "http://img.b2bpic.net/free-photo/students-rehashing-theater-class_23-2150960280.jpg",
              imageAlt: "Student music performance",
            },
            {
              id: "carousel-6",
              imageSrc: "http://img.b2bpic.net/free-photo/teens-with-books-relaxing-staircase_23-2147864056.jpg",
              imageAlt: "Community engagement event",
            },
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          background={{ variant: "radial-gradient" }}
          ariaLabel="Gamo Bayra School hero section"
        />
      </div>

      <div id="about-home" data-section="about-home">
        <TextAbout
          tag="Our Story"
          tagIcon={BookOpen}
          tagAnimation="opacity"
          title="A Legacy of Academic Excellence and Student Development"
          buttons={[{ text: "Learn More About Us", href: "/about" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={true}
          ariaLabel="About Gamo Bayra School"
        />
      </div>

      <div id="features-home" data-section="features-home">
        <FeatureBento
          title="What Makes Gamo Bayra Special"
          description="We provide comprehensive education combining rigorous academics with character development, boarding facilities, and extracurricular excellence."
          tag="Our Strengths"
          tagIcon={Shield}
          tagAnimation="blur-reveal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Academic Excellence",
              description: "Rigorous curriculum with experienced faculty ensuring strong foundational and advanced learning across all subjects.",
              bentoComponent: "icon-info-cards",
              items: [
                { icon: BookOpen, label: "Curriculum", value: "STEM + Arts" },
                { icon: Award, label: "Results", value: "95% Pass Rate" },
                { icon: Users, label: "Teachers", value: "Qualified Staff" },
              ],
            },
            {
              title: "Boarding Facilities",
              description: "Safe, comfortable residential spaces fostering community, independence, and lifelong friendships among students.",
              bentoComponent: "icon-info-cards",
              items: [
                { icon: Shield, label: "Safety", value: "24/7 Care" },
                { icon: Star, label: "Comfort", value: "Modern Dorms" },
                { icon: Users, label: "Community", value: "Strong Bonds" },
              ],
            },
            {
              title: "Holistic Development",
              description: "Sports, arts, music, and club activities developing critical thinking, leadership, and teamwork skills.",
              bentoComponent: "icon-info-cards",
              items: [
                { icon: Zap, label: "Sports", value: "Multiple Teams" },
                { icon: Star, label: "Arts", value: "Creative Programs" },
                { icon: Award, label: "Awards", value: "National Recognition" },
              ],
            },
          ]}
        />
      </div>

      <div id="metrics-home" data-section="metrics-home">
        <MetricCardThree
          title="Our Impact and Achievements"
          description="Trusted by families across the region, we continue to achieve excellence in education and student development."
          tag="By The Numbers"
          tagIcon={Award}
          tagAnimation="opacity"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
          metrics={[
            { id: "metric-1", icon: Users, title: "Students Enrolled", value: "850+" },
            { id: "metric-2", icon: Award, title: "Years of Service", value: "45+" },
            { id: "metric-3", icon: CheckCircle, title: "Success Rate", value: "95%" },
            { id: "metric-4", icon: Star, title: "Awards Won", value: "120+" },
          ]}
        />
      </div>

      <div id="testimonials-home" data-section="testimonials-home">
        <TestimonialCardTen
          title="What Parents and Students Say"
          description="Hear from our community about their transformative experiences at Gamo Bayra."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          testimonials={[
            {
              id: "testimonial-1",
              title: "Life-Changing Experience",
              quote: "Gamo Bayra transformed my son's academic and personal development. The boarding community fostered independence and strong values that will serve him throughout life.",
              name: "Sarah Kumsa",
              role: "Parent",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-student-girl-wearing-backpack-tenses-biceps-holds-book-notebook_141793-99885.jpg",
            },
            {
              id: "testimonial-2",
              title: "Outstanding Education",
              quote: "The faculty at Gamo Bayra are truly dedicated educators. My daughter's confidence in her academic abilities has grown tremendously during her time here.",
              name: "Daniel Yohannes",
              role: "Parent",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-student-girl-wearing-backpack-tenses-biceps-holds-book-notebook_141793-99885.jpg",
            },
            {
              id: "testimonial-3",
              title: "A Second Home",
              quote: "Beyond academics, Gamo Bayra is a family. The boarding experience taught me leadership, friendship, and responsibility in ways I never expected.",
              name: "Abebe Lemma",
              role: "Alumni",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-student-girl-wearing-backpack-tenses-biceps-holds-book-notebook_141793-99885.jpg",
            },
            {
              id: "testimonial-4",
              title: "Comprehensive Development",
              quote: "What impressed me most was how the school balances rigorous academics with sports, arts, and character development. It's truly holistic education.",
              name: "Girma Mekonnen",
              role: "Parent",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-student-girl-wearing-backpack-tenses-biceps-holds-book-notebook_141793-99885.jpg",
            },
            {
              id: "testimonial-5",
              title: "Excellent Faculty Support",
              quote: "The teachers genuinely care about their students. I've never felt more supported in my academic journey. This is the best school decision we made.",
              name: "Marta Kebede",
              role: "Current Student",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-student-girl-wearing-backpack-tenses-biceps-holds-book-notebook_141793-99885.jpg",
            },
            {
              id: "testimonial-6",
              title: "Building Leaders",
              quote: "Gamo Bayra instilled in me values of integrity, perseverance, and service. I'm now confident in pursuing my dreams and contributing to society.",
              name: "Tadesse Hailu",
              role: "Alumni",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-student-girl-wearing-backpack-tenses-biceps-holds-book-notebook_141793-99885.jpg",
            },
          ]}
        />
      </div>

      <div id="contact-home" data-section="contact-home">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Start Your Journey at Gamo Bayra"
          description="Join hundreds of families who have chosen Gamo Bayra Boarding Secondary School. Learn about our admissions process, tour our campus, and discover why we're the premier choice for secondary education."
          buttons={[
            { text: "Schedule Campus Tour", href: "/admissions" },
            { text: "Download Prospectus", href: "#" },
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={true}
          ariaLabel="Contact and admissions call-to-action"
        />
      </div>

      <div id="footer-home" data-section="footer-home">
        <FooterLogoEmphasis
          logoText="Gamo Bayra Boarding Secondary School"
          columns={footerColumns}
          ariaLabel="Footer navigation"
        />
      </div>
    </ThemeProvider>
  );
}