"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import { Zap, Star, BookOpen, Users, TrendingUp, MessageCircle, HelpCircle, Phone, Linkedin, Twitter, Facebook, Instagram } from "lucide-react";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "home" },
            { name: "Courses", id: "programs" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
            { name: "FAQ", id: "faq" }
          ]}
          brandName="IT Academy"
          bottomLeftText="Building Tech Talent"
          bottomRightText="hello@itacademy.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          background={{ variant: "canvas-reveal" }}
          title="Master In-Demand Tech Skills"
          description="Learn from industry experts and launch your career in software development, data science, cloud computing, and cybersecurity. Hands-on training designed for real-world success."
          tag="Your Path to Tech Excellence"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg"
          imageAlt="IT Academy Dashboard"
          buttons={[
            { text: "Explore Courses", href: "programs" },
            { text: "Schedule Demo", href: "contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Why Choose IT Academy"
          description="Comprehensive learning experience with proven outcomes and industry recognition"
          tag="What We Offer"
          tagIcon={Star}
          features={[
            {
              id: "1",              title: "Expert Instructors with Real-World Experience",              tags: ["Industry Leaders", "Mentorship"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-colleagues-learning-work_23-2149300706.jpg",              imageAlt: "Expert instructors teaching"
            },
            {
              id: "2",              title: "Hands-On Projects and Portfolio Building",              tags: ["Practical Skills", "Portfolio"],
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-company-female-leader-meeting-serious-woman-suit-listening-her-colleagues-reports-analyzing-information-preparing-set-new-tasks-targets-business-growth-strategy-concept_74855-24548.jpg",              imageAlt: "Students working on projects"
            },
            {
              id: "3",              title: "Career Support and Job Placement",              tags: ["Career Growth", "Employment"],
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-speakers-standing-near-whiteboard_74855-4029.jpg",              imageAlt: "Career guidance and support"
            },
            {
              id: "4",              title: "Flexible Learning Options",              tags: ["Self-Paced", "Online"],
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-business-man-holding-notebook_23-2149333047.jpg",              imageAlt: "Flexible learning schedule"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="programs" data-section="programs">
        <ProductCardTwo
          title="Featured Programs"
          description="Choose from our comprehensive curriculum designed for different skill levels and career goals"
          tag="Course Offerings"
          tagIcon={BookOpen}
          products={[
            {
              id: "1",              brand: "Beginner Track",              name: "Full Stack Web Development",              price: "₹25,000",              rating: 5,
              reviewCount: "892",              imageSrc: "https://img.b2bpic.net/free-photo/person-computing-software-code-laptop_482257-85707.jpg",              imageAlt: "Web Development Course"
            },
            {
              id: "2",              brand: "Advanced Track",              name: "Data Science & Machine Learning",              price: "₹35,000",              rating: 5,
              reviewCount: "756",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",              imageAlt: "Data Science Course"
            },
            {
              id: "3",              brand: "Professional Track",              name: "Cloud Computing & DevOps",              price: "₹32,000",              rating: 5,
              reviewCount: "634",              imageSrc: "https://img.b2bpic.net/free-photo/man-working-energy-innovations-his-laptop_23-2148820170.jpg",              imageAlt: "Cloud Computing Course"
            },
            {
              id: "4",              brand: "Specialized Track",              name: "Cybersecurity & Network Protection",              price: "₹28,000",              rating: 5,
              reviewCount: "521",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038852.jpg",              imageAlt: "Cybersecurity Course"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[{ text: "View All Programs", href: "#" }]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Expert Instructors"
          description="Learn from seasoned professionals with decades of combined industry experience"
          tag="Our Faculty"
          tagIcon={Users}
          members={[
            {
              id: "1",              name: "Rajesh Kumar",              role: "Full Stack Developer",              imageSrc: "https://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg",              imageAlt: "Rajesh Kumar"
            },
            {
              id: "2",              name: "Priya Sharma",              role: "Data Science Lead",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-businessman_23-2148825893.jpg",              imageAlt: "Priya Sharma"
            },
            {
              id: "3",              name: "Arjun Patel",              role: "Cloud Architect",              imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg",              imageAlt: "Arjun Patel"
            },
            {
              id: "4",              name: "Neha Verma",              role: "Security Expert",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg",              imageAlt: "Neha Verma"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact & Success Stories"
          description="Proven track record of student success and industry recognition"
          tag="Results That Speak"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "5000+",              title: "Students Graduated",              description: "Successfully transitioned to tech careers",              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg",              imageAlt: "Students success"
            },
            {
              id: "2",              value: "95%",              title: "Job Placement Rate",              description: "Within 6 months of graduation",              imageSrc: "https://img.b2bpic.net/free-photo/person-computing-software-code-laptop_482257-85707.jpg",              imageAlt: "Career placement"
            },
            {
              id: "3",              value: "50+",              title: "Industry Partners",              description: "Hiring our talented graduates",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-speakers-standing-near-whiteboard_74855-4029.jpg",              imageAlt: "Industry partners"
            },
            {
              id: "4",              value: "12",              title: "Years of Excellence",              description: "Delivering quality tech education",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-colleagues-learning-work_23-2149300706.jpg",              imageAlt: "Academy experience"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Student Success Stories"
          description="Hear directly from graduates who transformed their careers"
          tag="Testimonials"
          tagIcon={MessageCircle}
          testimonials={[
            {
              id: "1",              name: "Amit Desai",              handle: "@amit_desai | Full Stack Developer at TechCorp",              testimonial: "The curriculum was incredibly comprehensive and the instructors really cared about our success. I landed a dream job within 3 months of graduation!",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              imageAlt: "Amit Desai"
            },
            {
              id: "2",              name: "Sneha Gupta",              handle: "@sneha_gupta | Data Scientist at CloudTech",              testimonial: "Hands-on projects and real-world mentorship gave me the confidence to excel in my role. IT Academy truly delivers on its promise.",              imageSrc: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg",              imageAlt: "Sneha Gupta"
            },
            {
              id: "3",              name: "Vikram Singh",              handle: "@vikram_singh | Cloud Engineer at InnovateSoft",              testimonial: "The career support team went above and beyond. They helped me with interview prep and networking. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6612.jpg",              imageAlt: "Vikram Singh"
            },
            {
              id: "4",              name: "Anjali Reddy",              handle: "@anjali_reddy | Security Analyst at SecureNet",              testimonial: "Best investment I made for my future. The flexible learning options allowed me to balance work and study perfectly.",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg",              imageAlt: "Anjali Reddy"
            },
            {
              id: "5",              name: "Rohit Kapoor",              handle: "@rohit_kapoor | Full Stack Developer at StartupXYZ",              testimonial: "The instructors are industry veterans. Their insights and practical knowledge are invaluable for anyone starting in tech.",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-portrait-young-successful-woman-employee-entrepreneur-office-hall-tutor-carry-laptop-notebooks-looking-away-with-satisfied-pleased-smile-like-her-job_197531-30584.jpg",              imageAlt: "Rohit Kapoor"
            },
            {
              id: "6",              name: "Deepika Nair",              handle: "@deepika_nair | DevOps Engineer at CloudFirst",              testimonial: "From zero to hero! The structured path and continuous support made my career transformation seamless and enjoyable.",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-holding-book_23-2148396358.jpg",              imageAlt: "Deepika Nair"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our courses and enrollment process"
          tag="Help & Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What are the prerequisites for joining?",              content: "Most of our programs are designed for beginners with basic computer knowledge. Some advanced tracks require foundation knowledge in programming or mathematics, which we can help assess during the enrollment process."
            },
            {
              id: "2",              title: "How long does each program take?",              content: "Our programs range from 3 to 6 months depending on the track. Full Stack Web Development is typically 4 months, Data Science is 5 months, and specialized tracks vary. We offer flexible scheduling to accommodate working professionals."
            },
            {
              id: "3",              title: "Is the curriculum updated regularly?",              content: "Yes, absolutely! Our curriculum is updated every quarter to reflect the latest industry trends and technologies. We work closely with our industry partners to ensure our courses remain relevant and job-ready."
            },
            {
              id: "4",              title: "What support is available after graduation?",              content: "We provide lifetime career support including job placement assistance, interview coaching, resume review, and continued access to course materials. Our alumni network also offers ongoing networking opportunities."
            },
            {
              id: "5",              title: "Can I switch between batch timings?",              content: "Yes, we understand schedules change. You can request a batch transfer within 2 weeks of course start. Some programs also offer online recorded sessions for maximum flexibility."
            },
            {
              id: "6",              title: "What's the payment and refund policy?",              content: "We offer flexible payment plans and installment options. Full refund is available within 7 days of enrollment, 50% refund within 30 days. After that, refunds are not available but course credits can be transferred."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-company-female-leader-meeting-serious-woman-suit-listening-her-colleagues-reports-analyzing-information-preparing-set-new-tasks-targets-business-growth-strategy-concept_74855-24548.jpg"
          imageAlt="IT Academy Learning"
          mediaPosition="left"
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Start Your Tech Journey?"
          ctaDescription="Schedule a free consultation with our advisors to find the perfect program for your goals."
          ctaButton={{ text: "Book Your Consultation", href: "mailto:hello@itacademy.com" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How do I enroll?",              content: "Visit our enrollment page, select your preferred program and batch, and complete the application form. We'll review your profile and schedule a call to confirm your registration."
            },
            {
              id: "2",              title: "Is there a certification?",              content: "Yes! Upon successful completion, you receive an industry-recognized certificate from IT Academy along with a detailed transcript of your accomplishments."
            },
            {
              id: "3",              title: "Do you offer scholarships?",              content: "We offer merit-based scholarships for exceptional candidates and need-based assistance for eligible students. Contact our admissions team to learn more."
            },
            {
              id: "4",              title: "What tools and technologies are covered?",              content: "We cover industry-standard tools including JavaScript, Python, React, Node.js, AWS, Azure, Docker, Kubernetes, and more. Check the detailed syllabus for each program."
            }
          ]}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="IT Academy"
          copyrightText="© 2025 IT Academy. All rights reserved. | Building the next generation of tech talent."
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com/company/it-academy", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com/it_academy", ariaLabel: "Twitter" },
            { icon: Facebook, href: "https://facebook.com/itacademy", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/it_academy", ariaLabel: "Instagram" }
          ]}
        />
      </div>

      <PricingCardThree />
    </ThemeProvider>
  );
}