"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, Zap, CheckCircle, Shield } from "lucide-react";
import ContactCenter from '@/components/sections/contact/ContactCenter';

export default function Page() {
    return (
        <ThemeProvider
            defaultButtonVariant="text-stagger"
            defaultTextAnimation="entrance-slide"
            borderRadius="rounded"
            contentWidth="mediumLarge"
            sizing="largeSizeMediumTitles"
            background="circleGradient"
            cardStyle="gradient-radial"
            primaryButtonStyle="radial-glow"
            secondaryButtonStyle="layered"
            headingFontWeight="medium"
        >
            <div id="nav" data-section="nav">
                <NavbarLayoutFloatingInline
                    brandName="IT Academy"
                    navItems={[
                        { name: "About", id: "about" },
                        { name: "Courses", id: "courses" },
                        { name: "Success Stories", id: "testimonials" },
                        { name: "FAQ", id: "faq" }
                    ]}
                    button={{
                        text: "Enroll Now",            href: "contact"
                    }}
                />
            </div>

            <div id="hero" data-section="hero">
                <HeroLogo
                    logoText="IT Academy"
                    description="Master in-demand tech skills and launch your career in technology with our comprehensive, industry-focused courses."
                    buttons={[
                        { text: "Explore Courses", href: "courses" },
                        { text: "Learn More", href: "about" }
                    ]}
                    imageSrc="https://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891341.jpg"
                    imageAlt="Students learning coding and technology"
                    showDimOverlay={true}
                />
            </div>

            <div id="about" data-section="about">
                <SplitAbout
                    tag="About Us"
                    title="Empowering the Next Generation of Tech Professionals"
                    description="At IT Academy, we believe in transforming ambitions into achievements. Our mission is to provide world-class technical education that bridges the gap between academic learning and industry demands."
                    textboxLayout="default"
                    useInvertedBackground="invertDefault"
                    bulletPoints={[
                        {
                            title: "Expert Instructors",              description: "Learn from industry professionals with years of hands-on experience in leading tech companies.",              icon: Award
                        },
                        {
                            title: "Practical Projects",              description: "Build real-world applications and portfolio projects that demonstrate your expertise to employers.",              icon: Zap
                        },
                        {
                            title: "Career Support",              description: "Receive guidance on job placement, interview preparation, and career advancement strategies.",              icon: CheckCircle
                        },
                        {
                            title: "Flexible Learning",              description: "Choose between full-time, part-time, and self-paced options that fit your schedule.",              icon: Shield
                        }
                    ]}
                    imageSrc="https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg"
                    imageAlt="IT Academy Learning Environment"
                    imagePosition="right"
                />
            </div>

            <div id="learning-process" data-section="learning-process">
                <FeatureCardEight
                    tag="Our Methodology"
                    title="IT Academy"
                    description="We follow a proven 4-step methodology to ensure comprehensive learning and skill mastery."
                    textboxLayout="default"
                    useInvertedBackground="noInvert"
                    features={[
                        {
                            id: 1,
                            title: "Foundation Building",              description: "Start with core concepts and fundamentals. Master the basics before advancing to complex topics.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-working-laptops_23-2149739424.jpg",              imageAlt: "Foundation building and learning basics"
                        },
                        {
                            id: 2,
                            title: "Hands-On Practice",              description: "Engage in interactive coding sessions, labs, and workshops to reinforce theoretical knowledge.",              imageSrc: "https://img.b2bpic.net/free-photo/am-i-doing-it-right-group-young-people-casual-clothes-working-modern-office_146671-16514.jpg",              imageAlt: "Hands-on coding practice and workshops"
                        },
                        {
                            id: 3,
                            title: "Project Development",              description: "Build portfolio projects from scratch, applying learned skills to solve real-world problems.",              imageSrc: "https://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg",              imageAlt: "Real-world project development"
                        },
                        {
                            id: 4,
                            title: "Career Launch",              description: "Graduate with credentials, resume support, and job placement assistance from our career team.",              imageSrc: "https://img.b2bpic.net/free-photo/row-serious-focused-coworkers-sitting-table-typing-laptops_74855-10363.jpg",              imageAlt: "Career launch and job placement support"
                        }
                    ]}
                />
            </div>

            <div id="courses" data-section="courses">
                <ProductCardTwo
                    tag="Popular Courses"
                    title="Our Comprehensive Course Catalog"
                    description="Choose from industry-leading courses designed by experts and trusted by thousands of graduates worldwide."
                    textboxLayout="default"
                    useInvertedBackground="invertDefault"
                    gridVariant="three-columns-all-equal-width"
                    animationType="slide-up"
                    products={[
                        {
                            id: "web-dev",              brand: "IT Academy",              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-2150040428.jpg",              imageAlt: "Web Development course"
                        },
                        {
                            id: "data-science",              brand: "IT Academy",              name: "Data Science & Analytics",              price: "$2,799",              rating: 5,
                            reviewCount: "980",              imageSrc: "https://img.b2bpic.net/free-vector/website-development-banners_1284-9108.jpg",              imageAlt: "Data Science course"
                        },
                        {
                            id: "cloud-computing",              brand: "IT Academy",              name: "Cloud Computing & DevOps",              price: "$2,699",              rating: 5,
                            reviewCount: "750",              imageSrc: "https://img.b2bpic.net/free-photo/website-development-links-seo-webinar-cyberspace-concept_53876-120953.jpg",              imageAlt: "Cloud Computing course"
                        }
                    ]}
                />
            </div>

            <div id="metrics" data-section="metrics">
                <MetricCardSeven
                    tag="Our Impact"
                    title="Proven Results & Success Metrics"
                    description="Join thousands of students who have transformed their careers through IT Academy."
                    textboxLayout="default"
                    useInvertedBackground="noInvert"
                    animationType="scale-rotate"
                    metrics={[
                        {
                            id: "1",              value: "15K+",              title: "Students Trained",              items: ["From 50+ countries", "98% completion rate", "Diverse backgrounds"]
                        },
                        {
                            id: "2",              value: "92%",              title: "Job Placement Rate",              items: ["Within 6 months of graduation", "Average salary increase of 45%", "Top tech companies"]
                        },
                        {
                            id: "3",              value: "8+",              title: "Years in Education",              items: ["Founded since 2016", "Continuously updated curriculum", "Industry partnerships"]
                        },
                        {
                            id: "4",              value: "50+",              title: "Expert Instructors",              items: ["Average 12+ years experience", "Active in their fields", "Mentorship available"]
                        }
                    ]}
                />
            </div>

            <div id="testimonials" data-section="testimonials">
                <TestimonialCardFifteen
                    testimonial="IT Academy completely transformed my career. The structured curriculum, hands-on projects, and supportive instructors helped me land a job at a Fortune 500 tech company within 5 months of graduation. I went from frustrated self-learner to confident full-stack developer."
                    rating={5}
                    author="Sarah Chen, Senior Software Engineer at TechCorp"
                    avatars={[
                        {
                            src: "https://img.b2bpic.net/free-photo/young-woman-wearing-graduation-gown-outdoors_23-2148505264.jpg",              alt: "Sarah Chen"
                        },
                        {
                            src: "https://img.b2bpic.net/free-photo/smiley-young-woman-celebrating-her-graduation_23-2148505256.jpg",              alt: "John Rodriguez"
                        },
                        {
                            src: "https://img.b2bpic.net/free-photo/front-view-smiley-young-woman-wearing-graduation-gown_23-2148505261.jpg",              alt: "Emily Watson"
                        },
                        {
                            src: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-holding-laptop-coffee-wearing-blue-gentle-shirt-modern-building_158595-6711.jpg",              alt: "Michael Thompson"
                        },
                        {
                            src: "https://img.b2bpic.net/free-photo/young-woman-celebrating-her-graduation_23-2148505254.jpg",              alt: "Lisa Anderson"
                        },
                        {
                            src: "https://img.b2bpic.net/free-photo/best-friends-playing-graduation-ceremony_23-2148505278.jpg",              alt: "David Kumar"
                        }
                    ]}
                    useInvertedBackground="invertDefault"
                />
            </div>

            <div id="faq" data-section="faq">
                <FaqDouble
                    tag="Help Center"
                    title="Frequently Asked Questions"
                    description="Find answers to common questions about our programs, enrollment, and learning experience."
                    textboxLayout="default"
                    useInvertedBackground="noInvert"
                    animationType="smooth"
                    faqs={[
                        {
                            id: "1",              title: "What are the prerequisites for enrolling?",              content: "Our courses are designed for beginners to intermediate learners. Basic computer literacy is helpful, but not required. We provide foundational materials for those new to programming. No prior tech experience necessary!"
                        },
                        {
                            id: "2",              title: "How long does it take to complete a course?",              content: "Most full-time courses take 12-16 weeks. Part-time programs typically take 24-32 weeks. Self-paced options allow you to complete at your own speed. Each course page has detailed timeline information."
                        },
                        {
                            id: "3",              title: "Do you offer job placement assistance?",              content: "Yes! Our Career Services team provides resume reviews, interview coaching, and job placement support. We have partnerships with 200+ companies actively hiring our graduates. 92% of our students find jobs within 6 months."
                        },
                        {
                            id: "4",              title: "What certification will I receive?",              content: "Graduates receive an IT Academy Certificate of Completion. Many courses also provide industry-recognized certifications (AWS, Google Cloud, etc.). Certificates are digital and shareable on LinkedIn."
                        },
                        {
                            id: "5",              title: "Is financing available?",              content: "Yes! We offer multiple payment plans, income-share agreements (ISA), and work with several financial institutions for loans. We also have scholarships for eligible candidates. Contact our admissions team for details."
                        },
                        {
                            id: "6",              title: "Can I interact with instructors?",              content: "Absolutely! All our programs include office hours with instructors, group study sessions, and 1-on-1 mentoring. Our instructors are dedicated to your success and accessible throughout your learning journey."
                        }
                    ]}
                />
            </div>

          <div id="contact_center" data-section="contact_center">
            <ContactCenter
              tag="Contact"
              title="Get in Touch with Our Team"
              description="Have questions about our courses or how we can support your tech education journey? Our dedicated team is here to assist you."
              useInvertedBackground="noInvert"
            />
          </div>
            <div id="footer" data-section="footer">
                <FooterBase
                    logoText="IT Academy"
                    copyrightText="© 2025 IT Academy | Empowering Tech Professionals"
                    columns={[
                        {
                            title: "Programs",              items: [
                                { label: "Web Development", href: "courses" },
                                { label: "Data Science", href: "courses" },
                                { label: "Cloud Computing", href: "courses" },
                                { label: "View All Courses", href: "courses" }
                            ]
                        },
                        {
                            title: "Company",              items: [
                                { label: "About Us", href: "about" },
                                { label: "Our Mission", href: "about" },
                                { label: "Careers", href: "#careers" },
                                { label: "Blog", href: "#blog" }
                            ]
                        },
                        {
                            title: "Support",              items: [
                                { label: "FAQ", href: "faq" },
                                { label: "Contact Us", href: "contact" },
                                { label: "Learning Resources", href: "#resources" },
                                { label: "Student Portal", href: "#portal" }
                            ]
                        }
                    ]}
                />
            </div>
        </ThemeProvider>
    );
}
