"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Sparkles, Zap, Briefcase, Users, Code, CheckCircle, Star, HelpCircle, Phone } from 'lucide-react';
import Link from 'next/link';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: 'Home', id: '/' },
            { name: 'Programs', id: '/programs' },
            { name: 'About', id: '/about' },
            { name: 'Pricing', id: '/pricing' },
            { name: 'Contact', id: '/contact' }
          ]}
          brandName="TechAcademy"
          bottomLeftText="Excellence in Tech Education"
          bottomRightText="hello@techacademy.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard 
          logoText="TechAcademy"
          description="Master in-demand technology skills with expert-led courses designed for career advancement. Learn coding, data science, cloud computing, and more from industry professionals."
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718974283-oudgyyly.jpg"
          imageAlt="Students learning coding in a technology classroom"
          frameStyle="browser"
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout 
          title="Why Choose TechAcademy?"
          description="We're committed to providing world-class technology education that empowers learners to build the future. Our comprehensive curriculum, experienced instructors, and supportive community create an ideal learning environment."
          tag="Our Mission"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779677820-d8z98ms7.jpg"
          imageAlt="Professional team collaborating on technology projects"
          bulletPoints={[
            {
              title: "Expert Instructors",
              description: "Learn from industry veterans with 10+ years of real-world experience in technology and software development.",
              icon: Award
            },
            {
              title: "Hands-On Learning", 
              description: "Build real projects and portfolios that showcase your skills to potential employers and clients.",
              icon: Zap
            },
            {
              title: "Career Support",
              description: "Get job placement assistance, resume reviews, and interview preparation from our dedicated career team.",
              icon: Briefcase
            },
            {
              title: "Lifetime Community",
              description: "Join a thriving community of learners and professionals with exclusive networking events and resources.",
              icon: Users
            }
          ]}
          buttons={[
            { text: "Explore Programs", href: "/programs" }
          ]}
        />
      </div>

      <div id="programs" data-section="programs">
        <ProductCardTwo 
          title="Featured Programs"
          description="Choose from our comprehensive selection of cutting-edge technology programs designed to match your career goals."
          tag="Popular Programs"
          tagIcon={Code}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",
              brand: "Web Development",
              name: "Full-Stack Web Development",
              price: "$2,499",
              rating: 5,
              reviewCount: "1.2k",
              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg",
              imageAlt: "Web development program showcase"
            },
            {
              id: "2",
              brand: "Data Science",
              name: "Data Science & Analytics",
              price: "$2,799",
              rating: 5,
              reviewCount: "980",
              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",
              imageAlt: "Data science program showcase"
            },
            {
              id: "3",
              brand: "Cloud Computing",
              name: "Cloud Infrastructure & DevOps",
              price: "$2,599",
              rating: 5,
              reviewCount: "750",
              imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150040415.jpg",
              imageAlt: "Cloud computing program showcase"
            }
          ]}
          buttons={[
            { text: "View All Programs", href: "/programs" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour 
          title="Learning Features"
          description="Discover what makes our academy the premier choice for technology education and career growth."
          tag="Core Benefits"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "1",
              title: "Personalized Learning Paths",
              author: "Curriculum Team",
              description: "Custom-tailored courses that adapt to your learning pace and career goals with flexible scheduling options.",
              tags: ["Adaptive", "Flexible"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718974283-oudgyyly.jpg",
              imageAlt: "Personalized learning dashboard"
            },
            {
              id: "2", 
              title: "Industry-Recognized Certifications",
              author: "Credentials Team",
              description: "Earn certifications that are valued by top tech companies and boost your professional credibility.",
              tags: ["Certification", "Recognition"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg",
              imageAlt: "Certification achievements"
            },
            {
              id: "3",
              title: "Live Mentorship Sessions",
              author: "Mentor Program",
              description: "Get direct guidance from experienced professionals through weekly one-on-one and group mentoring sessions.",
              tags: ["Mentorship", "Live Support"],
              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",
              imageAlt: "Mentorship session in progress"
            },
            {
              id: "4",
              title: "Job Placement Pipeline",
              author: "Career Services", 
              description: "Direct connections with hiring partners and exclusive job opportunities for our graduates.",
              tags: ["Placement", "Opportunities"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150040415.jpg",
              imageAlt: "Career placement opportunities"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve 
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Michael Rodriguez",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",
              name: "Emily Patterson", 
              imageSrc: "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",
              imageAlt: "Emily Patterson"
            },
            {
              id: "4",
              name: "David Kim",
              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              name: "Jessica Martinez",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",
              name: "James Wilson",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          cardTitle="Over 5,000 students have transformed their careers through TechAcademy"
          cardTag="Student Success Stories"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo 
          title="Flexible Pricing for Every Goal"
          description="Choose the plan that fits your learning journey. All plans include lifetime access to course materials and community support."
          tag="Transparent Pricing"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              badge: "Starter",
              badgeIcon: Zap,
              price: "$199",
              subtitle: "Perfect for beginners exploring tech",
              buttons: [
                { text: "Start Free Trial", href: "/contact" },
                { text: "Learn More", href: "/pricing" }
              ],
              features: [
                "Lifetime access to course materials",
                "Community support and forums",
                "Basic progress tracking",
                "Mobile app access", 
                "Certificate of completion"
              ]
            },
            {
              id: "professional",
              badge: "Professional",
              badgeIcon: Award,
              price: "$2,499",
              subtitle: "Best for serious learners and career changers",
              buttons: [
                { text: "Enroll Now", href: "/contact" },
                { text: "Schedule Demo", href: "/pricing" }
              ],
              features: [
                "All Starter features included",
                "Live instructor sessions",
                "1-on-1 mentorship (2 hours/month)",
                "Job preparation workshops",
                "Resume and portfolio review",
                "Industry certification included"
              ]
            }
          ]}
        />
      </div>

      <FooterBaseReveal 
        columns={[
          {
            title: "Programs",
            items: [
              { label: "Web Development", href: "/programs" },
              { label: "Data Science", href: "/programs" },
              { label: "Cloud Computing", href: "/programs" },
              { label: "All Programs", href: "/programs" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Career Support", href: "/programs" },
              { label: "Blog", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "/about" },
              { label: "Community Forum", href: "/about" },
              { label: "Success Stories", href: "/about" },
              { label: "Support", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 TechAcademy | All Rights Reserved"
      />
    </ThemeProvider>
  );
}