"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, CheckCircle, Zap, Star, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="medium"
      background="grid"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Valera StartUp"
          button={{
            text: "Enroll Now",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Launch Your Tech Career at Valera StartUp"
          description="Master coding, web development, and startup principles. Learn from industry experts and build real-world projects that matter."
          tag="Cutting-Edge IT Education"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-people-working-laptops_23-2149739424.jpg"
          imageAlt="Students learning technology and coding"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Start Learning", href: "pricing" },
            { text: "Explore Programs", href: "about" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Building Tomorrow's Tech Leaders" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg", alt: "Startup team collaboration" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn Our Approach", href: "#features" }
          ]}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Why Choose Valera StartUp?"
          description="Our comprehensive programs are designed to prepare you for success in the tech industry."
          tag="Core Benefits"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "curriculum",              label: "01",              title: "Industry-Focused Curriculum",              items: [
                "Web development fundamentals",                "Advanced JavaScript & React",                "Full-stack development",                "DevOps & cloud technologies",                "Real-world project experience"
              ]
            },
            {
              id: "mentorship",              label: "02",              title: "Expert Mentorship Program",              items: [
                "One-on-one guidance",                "Career counseling sessions",                "Code reviews & feedback",                "Industry connections",                "Resume & interview prep"
              ]
            },
            {
              id: "outcomes",              label: "03",              title: "Proven Career Outcomes",              items: [
                "95% job placement rate",                "Average salary increase: 65%",                "Lifetime career support",                "Exclusive job board access",                "Startup opportunity network"
              ]
            }
          ]}
          animationType="opacity"
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Choose Your Learning Path"
          description="Flexible pricing options designed for every learner. Start your journey today."
          tag="Affordable Education"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "foundations",              price: "$499",              name: "Foundations",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "8-week bootcamp",                "HTML, CSS, JavaScript basics",                "2 capstone projects",                "Community access",                "Job placement assistance"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$1,299",              name: "Professional Program",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "16-week intensive program",                "Full-stack development",                "React & Node.js mastery",                "5+ real-world projects",                "1:1 mentorship",                "Career coaching",                "Job guarantee"
              ]
            },
            {
              id: "advanced",              price: "$1,999",              name: "Advanced Specialization",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "24-week advanced program",                "Startup-focused curriculum",                "DevOps & cloud engineering",                "Leadership training",                "10+ portfolio projects",                "Unlimited mentorship",                "Startup network access",                "Equity opportunity potential"
              ]
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Students Say"
          description="Real success stories from graduates who transformed their careers."
          tag="Student Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Marcus Chen",              handle: "@marcusdev",              testimonial: "Valera StartUp completely changed my career trajectory. The mentorship and real-world projects prepared me for my senior developer role. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg"
            },
            {
              id: "2",              name: "Sarah Mitchell",              handle: "@sarahmtech",              testimonial: "Coming from a non-tech background, I was nervous. The instructors were patient and the curriculum was perfectly structured. Got hired within 2 weeks of graduation!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"
            },
            {
              id: "3",              name: "David Rodriguez",              handle: "@davidcodes",              testimonial: "The startup connections I made through Valera led directly to my co-founder. We're now building our own SaaS product. Best investment ever!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-entrepreneur-woman_23-2148898746.jpg"
            },
            {
              id: "4",              name: "Emily Thompson",              handle: "@emilythompdev",              testimonial: "The job placement rate is real. They genuinely care about your success and provide ongoing support. My salary increased by 80% after completing the program.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
            },
            {
              id: "5",              name: "Alex Kumar",              handle: "@alexkumardev",              testimonial: "The hands-on projects and real code reviews transformed me into a confident developer. The community is supportive and the career outcomes are outstanding.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about Valera StartUp programs and enrollment."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-people-studying-math_23-2150444962.jpg"
          imageAlt="Support and guidance illustration"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What are the prerequisites for the programs?",              content: "No prior coding experience required for Foundations and Professional programs. We welcome complete beginners. The Advanced Specialization requires completion of our Professional Program or equivalent experience."
            },
            {
              id: "2",              title: "Is the course work-compatible?",              content: "Yes! Our Foundations program offers flexible schedules with evening and weekend options. The Professional and Advanced programs are intensive but many students work part-time. We recommend dedicating 20-30 hours per week minimum."
            },
            {
              id: "3",              title: "What's your job placement guarantee?",              content: "We guarantee job placement within 6 months of program completion for Professional and Advanced students who successfully complete all projects. Our career team works with 500+ hiring partners across the tech industry."
            },
            {
              id: "4",              title: "Can I get financial aid or payment plans?",              content: "Yes! We offer multiple options: income-based repayment plans, employer sponsorships, scholarships for underrepresented groups, and partnerships with financing companies. Contact our enrollment team to explore options."
            },
            {
              id: "5",              title: "What kind of projects will I build?",              content: "You'll build real production-ready applications: e-commerce platforms, social networks, financial dashboards, mobile apps, and startup MVPs. All projects go into your portfolio and many lead to actual business opportunities."
            },
            {
              id: "6",              title: "Is there lifetime career support?",              content: "Absolutely. Valera StartUp graduates get lifetime access to our job board, alumni network, mentorship availability, and career coaching. We're invested in your long-term success."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Tech Journey Today"
          description="Fill out the form below and our enrollment team will contact you within 24 hours to discuss the perfect program for you."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg"
          imageAlt="Contact us illustration"
          mediaPosition="right"
          buttonText="Send Inquiry"
          inputs={[
            { name: "firstName", type: "text", placeholder: "First Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "program", type: "text", placeholder: "Interested Program (Foundations/Professional/Advanced)", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your background and goals...",            rows: 5,
            required: false
          }}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-vector/technology-digital-concept-blue-background_1035-17972.jpg"
          imageAlt="Technology background"
          logoText="Valera StartUp"
          copyrightText="© 2025 Valera StartUp. All rights reserved. Empowering the next generation of tech leaders."
          columns={[
            {
              title: "Programs",              items: [
                { label: "Foundations", href: "pricing" },
                { label: "Professional", href: "pricing" },
                { label: "Advanced", href: "pricing" },
                { label: "All Courses", href: "about" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Mission", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact Us", href: "contact" },
                { label: "Student Portal", href: "#" },
                { label: "Alumni Network", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}