"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { BookOpen, Beaker, TrendingUp, Users, Award, Zap } from "lucide-react";

export default function ProgramsPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/" },
    { name: "Programs", id: "#programs" },
    { name: "Why LUCS", id: "/" },
    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
    {
      title: "Programs",      items: [
        { label: "Bachelor of Science", href: "#programs" },
        { label: "Bachelor of Commerce", href: "#programs" },
        { label: "Master's Programs", href: "#programs" },
        { label: "Research Opportunities", href: "#programs" },
      ],
    },
    {
      title: "About",      items: [
        { label: "Our Mission", href: "/" },
        { label: "Faculty", href: "/" },
        { label: "Infrastructure", href: "/" },
        { label: "Achievements", href: "/" },
      ],
    },
    {
      title: "Student Life",      items: [
        { label: "Campus Activities", href: "/" },
        { label: "Hostel Facilities", href: "/" },
        { label: "Sports & Recreation", href: "/" },
        { label: "Student Portal", href: "https://portal.lucs.edu.in" },
      ],
    },
    {
      title: "Connect",      items: [
        { label: "Contact Us", href: "/contact" },
        { label: "Facebook", href: "https://facebook.com/lucsedu" },
        { label: "Instagram", href: "https://instagram.com/lucsedu" },
        { label: "LinkedIn", href: "https://linkedin.com/school/lucs" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="blurBottom"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple navItems={navItems} brandName="LUCS" />
      </div>

      <div id="programs" data-section="programs" className="pt-20">
        <FeatureCardSix
          title="Our Academic Programs"
          description="Comprehensive pathways designed to develop critical thinking, research skills, and professional competency"
          tag="Academic Excellence"
          tagIcon={BookOpen}
          features={[
            {
              id: 1,
              title: "Bachelor of Science",              description: "Physics, Chemistry, Biology, Mathematics, and Computer Science with advanced laboratory facilities and research opportunities.",              imageSrc: "https://images.unsplash.com/photo-1530521954914-0f2b4ccdaa26?w=600&h=400&fit=crop",              imageAlt: "Science Laboratory",              buttons: [
                { text: "Learn More", href: "/" },
              ],
            },
            {
              id: 2,
              title: "Bachelor of Commerce",              description: "Accounting, Economics, Management, and Finance programs aligned with industry standards and professional certifications.",              imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=600&h=400&fit=crop",              imageAlt: "Commerce Department",              buttons: [
                { text: "Learn More", href: "/" },
              ],
            },
            {
              id: 3,
              title: "Master's Programs",              description: "Advanced postgraduate degrees in specialized areas with focus on research, innovation, and career advancement.",              imageSrc: "https://images.unsplash.com/photo-1553729782-b2efc2c563a3?w=600&h=400&fit=crop",              imageAlt: "Postgraduate Studies",              buttons: [
                { text: "Learn More", href: "/" },
              ],
            },
            {
              id: 4,
              title: "Research & Innovation",              description: "Dedicated research centers and laboratories for cutting-edge studies in science, commerce, and interdisciplinary fields.",              imageSrc: "https://images.unsplash.com/photo-1576091160399-3173fba999b8?w=600&h=400&fit=crop",              imageAlt: "Research Center",              buttons: [
                { text: "Learn More", href: "/" },
              ],
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="program-stats" data-section="program-stats">
        <MetricCardThree
          metrics={[
            { id: "1", icon: BookOpen, title: "Programs Offered", value: "25+" },
            { id: "2", icon: Beaker, title: "Labs & Facilities", value: "40+" },
            { id: "3", icon: TrendingUp, title: "Placement Success", value: "95%" },
            { id: "4", icon: Users, title: "Active Students", value: "5,000+" },
          ]}
          title="Program Excellence Metrics"
          description="Demonstrating our commitment to quality education and student success"
          tag="By The Numbers"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
        />
      </div>

      <div id="program-options" data-section="program-options">
        <PricingCardTwo
          plans={[
            {
              id: "1",              badge: "Science Programs",              badgeIcon: Beaker,
              price: "Various",              subtitle: "Advanced science education with cutting-edge research",              buttons: [
                { text: "Apply Now", href: "/" },
                { text: "Details", href: "/" },
              ],
              features: [
                "Physics, Chemistry, Biology, Mathematics",                "Computer Science & Information Technology",                "Advanced laboratories & equipment",                "Research collaboration opportunities",                "International exchange programs"],
            },
            {
              id: "2",              badge: "Commerce Programs",              badgeIcon: Award,
              price: "Various",              subtitle: "Professional education aligned with industry needs",              buttons: [
                { text: "Apply Now", href: "/" },
                { text: "Details", href: "/" },
              ],
              features: [
                "Accounting & Financial Management",                "Economics & Business Studies",                "Corporate Finance & Banking",                "Industry expert faculty",                "Professional certifications integrated"],
            },
            {
              id: "3",              badge: "Postgraduate",              badgeIcon: Zap,
              price: "Various",              subtitle: "Advanced degrees with specialization options",              buttons: [
                { text: "Apply Now", href: "/" },
                { text: "Details", href: "/" },
              ],
              features: [
                "M.Sc in Science disciplines",                "M.Com in Commerce specializations",                "Research-focused curriculum",                "Publication opportunities",                "Career advancement focus"],
            },
          ]}
          title="Program Categories"
          description="Choose from our diverse academic offerings tailored to your career goals"
          tag="Educational Pathways"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2025 Lords Universal College of Science and Commerce. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
