"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Sparkles, Zap, Code, CheckCircle, Crown } from 'lucide-react';
import Link from 'next/link';

export default function ProgramsPage() {
  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="programs" data-section="programs">
        <ProductCardTwo 
          title="All Programs"
          description="Comprehensive technology education programs designed to accelerate your career in the digital world. From beginner-friendly courses to advanced specializations."
          tag="Complete Catalog"
          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"
            },
            {
              id: "4",
              brand: "Mobile Development",
              name: "React Native & Flutter",
              price: "$2,399",
              rating: 5,
              reviewCount: "640",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718974283-oudgyyly.jpg",
              imageAlt: "Mobile development program showcase"
            },
            {
              id: "5",
              brand: "Cybersecurity",
              name: "Ethical Hacking & Security",
              price: "$2,999",
              rating: 5,
              reviewCount: "520",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779677820-d8z98ms7.jpg",
              imageAlt: "Cybersecurity program showcase"
            },
            {
              id: "6",
              brand: "AI & ML",
              name: "Artificial Intelligence & Machine Learning",
              price: "$3,199",
              rating: 5,
              reviewCount: "880",
              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg",
              imageAlt: "AI and ML program showcase"
            }
          ]}
          buttons={[
            { text: "Enroll Now", href: "/contact" }
          ]}
        />
      </div>

      <div id="program-features" data-section="program-features">
        <FeatureCardTwentyFour 
          title="Program Features"
          description="Every program includes these comprehensive features designed to maximize your learning success and career outcomes."
          tag="What You Get"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "1",
              title: "Project-Based Learning",
              author: "Curriculum Design",
              description: "Build real-world applications and portfolios that demonstrate your skills to potential employers.",
              tags: ["Practical", "Portfolio"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg",
              imageAlt: "Students working on projects"
            },
            {
              id: "2",
              title: "Industry Certifications",
              author: "Accreditation Team",
              description: "Earn recognized certifications from leading technology companies including Google, AWS, and Microsoft.",
              tags: ["Certification", "Industry"],
              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",
              imageAlt: "Industry certification badges"
            },
            {
              id: "3",
              title: "Career Coaching",
              author: "Career Services",
              description: "Personal career coaching including interview preparation, resume optimization, and job search strategies.",
              tags: ["Career", "Coaching"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150040415.jpg",
              imageAlt: "Career coaching session"
            }
          ]}
        />
      </div>

      <div id="program-pricing" data-section="program-pricing">
        <PricingCardTwo 
          title="Program Pricing"
          description="Flexible payment options for every program. All plans include lifetime access and job placement support."
          tag="Payment Plans"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "full-payment",
              badge: "Full Payment",
              badgeIcon: Zap,
              price: "Save 15%",
              subtitle: "Pay in full and save on any program",
              buttons: [
                { text: "Choose Program", href: "/contact" },
                { text: "Learn More", href: "/contact" }
              ],
              features: [
                "15% discount on all programs",
                "Immediate full access",
                "All program materials included",
                "Lifetime community access",
                "Priority support"
              ]
            },
            {
              id: "installments",
              badge: "Monthly Payments",
              badgeIcon: Award,
              price: "0% Interest",
              subtitle: "Split payments over 6-12 months",
              buttons: [
                { text: "Apply Now", href: "/contact" },
                { text: "Check Eligibility", href: "/contact" }
              ],
              features: [
                "0% interest payment plans",
                "6, 9, or 12 month options",
                "Start learning immediately",
                "All program benefits included",
                "Flexible payment dates"
              ]
            },
            {
              id: "scholarship",
              badge: "Scholarship Program",
              badgeIcon: Crown,
              price: "Up to 50% Off",
              subtitle: "Need-based financial assistance",
              buttons: [
                { text: "Apply for Scholarship", href: "/contact" },
                { text: "Requirements", href: "/contact" }
              ],
              features: [
                "Up to 50% tuition reduction",
                "Income-based eligibility",
                "Diversity & inclusion focused",
                "Mentorship included",
                "Career guarantee support"
              ]
            }
          ]}
        />
      </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>
  );
}