"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, TrendingUp, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="dotGrid"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="outline"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Go Work"
          button={{
            text: "Enroll Now",
            href: "#contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Go Work"
          description="Master IT skills with industry-leading courses. Start your tech career journey with expert instructors and hands-on projects."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492693670-lj7ueobz.png"
          imageAlt="Coding and programming workspace"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <AboutMetric
          title="Go Work is transforming IT education by providing practical, industry-focused training that connects students with real-world opportunities."
          metrics={[
            {
              icon: Users,
              label: "Active Students",
              value: "2,500+"
            },
            {
              icon: Award,
              label: "Expert Instructors",
              value: "45+"
            },
            {
              icon: TrendingUp,
              label: "Job Placement Rate",
              value: "92%"
            },
            {
              icon: Zap,
              label: "Courses Available",
              value: "18+"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardEleven
          title="How We Train You"
          description="Our proven learning methodology takes you from basics to professional-ready in structured steps."
          tag="Learning Path"
          features={[
            {
              id: 1,
              title: "Requirements Analysis",
              description: "We assess your current skill level and career goals to customize your learning path. Personal mentorship begins here.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492694761-e96hadsf.jpg"
            },
            {
              id: 2,
              title: "Intensive Development",
              description: "Hands-on coding projects, real-world scenarios, and collaborative team exercises build your practical expertise.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492695669-hy749o3o.jpg"
            },
            {
              id: 3,
              title: "Quality Testing",
              description: "Rigorous code reviews, debugging challenges, and quality assurance practices ensure you understand best practices.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672727126-a97a9rhj.jpg"
            },
            {
              id: 4,
              title: "Career Launch",
              description: "Portfolio building, interview prep, and job placement assistance help you land roles with top tech companies.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672728464-s6bmwda4.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Training Packages"
          description="Choose the right package for your learning goals and schedule."
          plans={[
            {
              id: "starter",
              title: "Starter",
              price: "$499",
              period: "/month",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672729251-otls1mux.jpg",
              button: {
                text: "Get Started",
                href: "#contact"
              },
              features: [
                "5 beginner-level courses",
                "Weekly live sessions",
                "Email support",
                "Certificate of completion"
              ]
            },
            {
              id: "professional",
              title: "Professional",
              price: "$999",
              period: "/month",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672730035-e2exv3ex.jpg",
              button: {
                text: "Enroll Now",
                href: "#contact"
              },
              features: [
                "15 intermediate courses",
                "Daily live sessions and office hours",
                "1-on-1 mentorship",
                "Portfolio building support",
                "Priority job board access"
              ]
            },
            {
              id: "enterprise",
              title: "Enterprise",
              price: "$2,499",
              period: "/month",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672731012-02y7h7no.jpg",
              button: {
                text: "Contact Sales",
                href: "#contact"
              },
              features: [
                "All Professional features",
                "Advanced specialization tracks",
                "Guaranteed job placement",
                "Corporate training customization",
                "Dedicated account manager"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Instructors"
          description="Learn from industry experts with years of real-world experience."
          members={[
            {
              id: "1",
              name: "Alex Johnson",
              role: "Full Stack Lead",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg"
            },
            {
              id: "2",
              name: "Maria Chen",
              role: "Frontend Specialist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672733745-z17sze1s.jpg"
            },
            {
              id: "3",
              name: "David Kumar",
              role: "DevOps Engineer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672734552-1pi21ji6.jpg"
            },
            {
              id: "4",
              name: "Sophie Martin",
              role: "UI/UX Designer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672735551-zee5mm98.jpg"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Student Success Stories"
          description="Hear from graduates who landed their dream jobs."
          testimonials={[
            {
              id: "1",
              name: "James Wilson",
              handle: "@jameswilson",
              testimonial: "Go Work transformed my career. Within 3 months of completing the program, I landed a job at a top tech company. The instructors were incredibly supportive.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672736383-37d60c7y.jpg"
            },
            {
              id: "2",
              name: "Lisa Chen",
              handle: "@lisachen_dev",
              testimonial: "The hands-on projects and real-world scenarios prepared me perfectly for the job market. Best investment I made in my career.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672737218-lpv1rhki.jpg"
            },
            {
              id: "3",
              name: "Michael Brown",
              handle: "@mbrowndev",
              testimonial: "Excellent curriculum and amazing mentorship. I went from zero coding experience to my first developer role in just 4 months.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672738160-spbsp0n6.jpg"
            },
            {
              id: "4",
              name: "Emma Rodriguez",
              handle: "@emma_codes",
              testimonial: "The career support and job placement assistance were game-changers. I'm now earning 60% more than before starting the program.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672739043-xa1ack2n.jpg"
            },
            {
              id: "5",
              name: "Alex Park",
              handle: "@alexpark_dev",
              testimonial: "Professional instructors, collaborative environment, and practical skills. Go Work exceeded all my expectations.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672739944-7d9wdjnf.jpg"
            },
            {
              id: "6",
              name: "Sarah Thompson",
              handle: "@sarahtech",
              testimonial: "The portfolio projects I built during the course became the foundation for my job interviews. Highly recommend Go Work to anyone serious about tech.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672740987-ty1vffpp.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our courses and enrollment."
          faqs={[
            {
              id: "1",
              title: "Do I need prior coding experience?",
              content: "No, we offer courses for all skill levels from complete beginners to advanced developers. Our courses are designed to meet you where you are and help you progress."
            },
            {
              id: "2",
              title: "How long are the courses?",
              content: "Our bootcamp programs typically run 12-16 weeks full-time or 6-9 months part-time. Individual courses range from 4-12 weeks depending on the topic."
            },
            {
              id: "3",
              title: "What is your job placement guarantee?",
              content: "Our Enterprise plan includes a job placement guarantee. If you don't land a job within 6 months after graduation, we'll refund 50% of your tuition. We have a 92% placement rate overall."
            },
            {
              id: "4",
              title: "Can I take courses part-time?",
              content: "Yes, all our courses are available in both full-time and part-time formats. Part-time options are perfect for working professionals."
            },
            {
              id: "5",
              title: "Do you offer career support after graduation?",
              content: "Yes, career support is included in all plans. This includes resume review, interview preparation, portfolio guidance, and access to our job board with exclusive opportunities from partner companies."
            },
            {
              id: "6",
              title: "What payment options are available?",
              content: "We accept monthly payments, full upfront payments with a 10% discount, and offer financing options through approved partners for qualified students."
            }
          ]}
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Launch Your Tech Career?"
          description="Fill out the form below and our admissions team will get back to you within 24 hours with course recommendations tailored to your goals."
          inputs={[
            {
              name: "fullName",
              type: "text",
              placeholder: "Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number",
              required: false
            },
            {
              name: "experience",
              type: "text",
              placeholder: "Current Experience Level (Beginner/Intermediate/Advanced)",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your career goals and what program interests you...",
            rows: 5,
            required: true
          }}
          buttonText="Send Inquiry"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672731963-dy25hbg0.jpg"
          imageAlt="Professional IT training environment"
          mediaPosition="right"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Courses",
              items: [
                {
                  label: "Web Development",
                  href: "#features"
                },
                {
                  label: "Mobile Apps",
                  href: "#features"
                },
                {
                  label: "Cloud Computing",
                  href: "#features"
                },
                {
                  label: "Data Science",
                  href: "#features"
                }
              ]
            },
            {
              title: "Company",
              items: [
                {
                  label: "About Us",
                  href: "#about"
                },
                {
                  label: "Our Team",
                  href: "#team"
                },
                {
                  label: "Careers",
                  href: "#contact"
                },
                {
                  label: "Blog",
                  href: "#"
                }
              ]
            },
            {
              title: "Support",
              items: [
                {
                  label: "FAQ",
                  href: "#faq"
                },
                {
                  label: "Contact Us",
                  href: "#contact"
                },
                {
                  label: "Terms of Service",
                  href: "#"
                },
                {
                  label: "Privacy Policy",
                  href: "#"
                }
              ]
            }
          ]}
          copyrightText="© 2025 Go Work | IT Training Academy"
        />
      </div>
    </ThemeProvider>
  );
}