"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import AboutMetric from "@/components/sections/about/AboutMetric";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { BookOpen, Users, Award, TrendingUp, Globe } from "lucide-react";
import Link from "next/link";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="radialGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandedName="BogCoder"
          navItems={[
            { name: "Courses", id: "courses" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Enroll Now",            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Master Coding at BogCoder IT School"
          description="Transform your future with industry-leading programming courses. Learn web development, mobile apps, backend systems, and more from expert instructors."
          tag="Education"
          tagIcon={BookOpen}
          buttons={[
            { text: "Start Learning", href: "/courses" },
            { text: "View Courses", href: "/pricing" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg",              imageAlt: "Programming classroom with students learning"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg",              imageAlt: "Web development course materials"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg",              imageAlt: "Mobile app development"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg",              imageAlt: "Backend development workspace"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg",              imageAlt: "Students collaborating on coding projects"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="BogCoder: Empowering the Next Generation of Tech Professionals"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              icon: Users,
              label: "Students Graduated",              value: "5,000+"
            },
            {
              icon: Award,
              label: "Certification Programs",              value: "15+"
            },
            {
              icon: TrendingUp,
              label: "Job Placement Rate",              value: "92%"
            },
            {
              icon: Globe,
              label: "Global Alumni Network",              value: "150+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Success Stories from Our Graduates"
          description="Real experiences from students who transformed their careers with BogCoder."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Alex Rodriguez, Junior Developer at TechCorp",              date: "Date: 15 January 2025",              title: "BogCoder completely transformed my career trajectory!",              quote: "I started as a complete beginner with zero coding experience. The instructors were incredibly patient and knowledgeable. Within 6 months, I landed my first developer job earning $65,000 annually. The job placement support was invaluable.",              tag: "Web Development",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg"
            },
            {
              id: "2",              name: "Maria Chen, Mobile Developer at StartupXYZ",              date: "Date: 12 January 2025",              title: "The best investment in my future!",              quote: "The mobile development curriculum was comprehensive and up-to-date with current industry standards. I appreciated the hands-on projects and real-world scenarios. Now I'm building apps for 2 million+ users globally.",              tag: "Mobile Development",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg"
            },
            {
              id: "3",              name: "James Wilson, Full-Stack Engineer at Innovation Labs",              date: "Date: 08 January 2025",              title: "Worth every penny and more!",              quote: "I switched careers from marketing to tech at 32 years old. BogCoder's mentorship program was crucial for my success. The community is supportive and the instructors truly care about your progress. Highly recommended!",              tag: "Full Stack",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="BogCoder"
          columns={[
            {
              items: [
                { label: "Courses", href: "/courses" },
                { label: "Pricing", href: "/pricing" },
                { label: "Career Support", href: "#" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              items: [
                { label: "FAQ", href: "/faq" },
                { label: "Contact", href: "/contact" },
                { label: "Support", href: "#" }
              ]
            },
            {
              items: [
                { label: "Terms of Service", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Refund Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
