"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, CheckCircle, BookOpen, Gift, Zap, Crown, Star, Rocket } from "lucide-react";

export default function MarketingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="MarketLab"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Modules", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Enroll Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Master Marketing Expertise in 12 Weeks"
          description="Learn proven strategies from industry experts. Transform your marketing skills and accelerate your career with our comprehensive, hands-on course."
          tag="Expert-Led Course"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/young-asia-financial-student-ladies-watching-lesson-online-studying-with-laptop-tablet-living-room-from-home-night_7861-3429.jpg"
          imageAlt="Marketing course banner with students learning"
          buttons={[
            { text: "Start Learning", href: "contact" },
            { text: "Explore Modules", href: "features" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Why Choose Us"
          tagIcon={CheckCircle}
          title="Transform Your Marketing Career"
          description="Our comprehensive course teaches you everything you need to become a marketing expert. From data analytics to creative strategy, you'll master the skills that drive real business results. Learn from professionals who have led campaigns for Fortune 500 companies."
          metrics={[
            { value: "50+", title: "Expert-Crafted Modules" },
            { value: "95%", title: "Student Satisfaction Rate" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg"
          imageAlt="Students collaborating on marketing strategy"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Master These Core Modules"
          description="Six comprehensive learning tracks designed to build your marketing expertise from fundamentals to advanced strategies."
          tag="Learning Path"
          tagIcon={BookOpen}
          textboxLayout="default"
          features={[
            {
              id: "01",              title: "Marketing Analytics",              description: "Master data analysis, Google Analytics, and conversion tracking to measure campaign performance and drive ROI.",              imageSrc: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",              imageAlt: "Analytics dashboard and metrics"
            },
            {
              id: "02",              title: "Social Media Strategy",              description: "Create viral campaigns, engage audiences, and build communities across Instagram, LinkedIn, TikTok, and Twitter.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-people-using-social-media-their-smartphones_53876-102035.jpg",              imageAlt: "Social media marketing engagement"
            },
            {
              id: "03",              title: "SEO & Content Marketing",              description: "Optimize for search engines, create SEO-friendly content, and dominate organic search rankings.",              imageSrc: "https://img.b2bpic.net/free-photo/search-engine-optimization-research-infomation-technology-concept_53876-124895.jpg",              imageAlt: "Search optimization and ranking"
            },
            {
              id: "04",              title: "Persuasive Copywriting",              description: "Write compelling headlines, CTAs, and ad copy that converts readers into customers and drives engagement.",              imageSrc: "https://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg",              imageAlt: "Copywriting and content creation"
            },
            {
              id: "05",              title: "Marketing Strategy",              description: "Develop comprehensive campaigns, segment audiences, and create integrated marketing plans that deliver results.",              imageSrc: "https://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",              imageAlt: "Strategic planning and execution"
            },
            {
              id: "06",              title: "Conversion Optimization",              description: "Increase conversion rates through A/B testing, funnel optimization, and customer psychology principles.",              imageSrc: "https://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",              imageAlt: "Conversion funnel optimization"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Flexible Pricing Options"
          description="Choose the plan that fits your learning goals and budget. All plans include lifetime access to course materials."
          tag="Special Offer"
          tagIcon={Gift}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "starter",              tag: "Starter Pack",              tagIcon: Sparkles,
              price: "$199",              period: "one-time",              description: "Perfect for beginners starting their marketing journey.",              button: { text: "Get Started", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Access to 4 core modules",                "50+ video lessons",                "Downloadable resources",                "Email support"
              ]
            },
            {
              id: "professional",              tag: "Professional",              tagIcon: Zap,
              price: "$499",              period: "one-time",              description: "Best for professionals looking to master marketing skills.",              button: { text: "Enroll Now", href: "contact" },
              featuresTitle: "Everything in Starter, plus:",              features: [
                "All 6 premium modules",                "120+ video lessons",                "Live Q&A sessions (monthly)",                "Certificate of completion",                "Priority email support",                "Exclusive templates & tools"
              ]
            },
            {
              id: "premium",              tag: "Premium Elite",              tagIcon: Crown,
              price: "$999",              period: "one-time",              description: "Ultimate package for serious marketers and agencies.",              button: { text: "Become Elite", href: "contact" },
              featuresTitle: "Everything in Professional, plus:",              features: [
                "1-on-1 mentorship sessions",                "Advanced case study modules",                "Private community access",                "Live group coaching calls (weekly)",                "Custom strategy reviews",                "Lifetime updates & new content"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Success Stories From Our Students"
          description="Join thousands of marketing professionals who have transformed their careers with our comprehensive course."
          tag="Student Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahj_marketing",              testimonial: "This course completely transformed my marketing career. I went from intern to marketing manager in 6 months using the strategies I learned here.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@mikechen_digital",              testimonial: "The analytics module alone paid for the entire course. My campaigns now generate 3x better ROI thanks to these data-driven techniques.",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@emily.marketing",              testimonial: "As a freelancer, this course helped me land bigger clients and command premium rates. The copywriting section is absolutely incredible.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "@david.kim.pm",              testimonial: "I started my own agency and used the exact frameworks taught here. Within a year, we're managing 15 clients and growing fast.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businesswoman-isolated-home_23-2148813223.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Walsh",              handle: "@jwalsh_creative",              testimonial: "The community and support here are unmatched. Learning alongside other driven marketers made this so much more valuable than I expected.",              imageSrc: "https://img.b2bpic.net/free-photo/studio-shot-young-confident-woman-with-long-dark-hair-wearing-blue-jacket-posing_291650-158.jpg",              imageAlt: "Jessica Walsh"
            },
            {
              id: "6",              name: "Marcus Thompson",              handle: "@marcus.t.digital",              testimonial: "Best investment I've made in my professional development. The conversion optimization strategies alone increased my e-commerce sales by 250%.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",              imageAlt: "Marcus Thompson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions About Our Course"
          sideDescription="Everything you need to know about getting started with our marketing expert program."
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long does the course take to complete?",              content: "Most students complete the course in 8-12 weeks studying 10-15 hours per week. However, you have lifetime access, so you can learn at your own pace. There's no time limit."
            },
            {
              id: "2",              title: "Do I need prior marketing experience?",              content: "No! Our course starts with fundamentals and builds up to advanced strategies. Whether you're brand new or have some experience, you'll find value at every level. We teach from the ground up."
            },
            {
              id: "3",              title: "What's your refund policy?",              content: "We offer a 30-day money-back guarantee. If you're not satisfied with the course within 30 days of purchase, we'll give you a full refund, no questions asked."
            },
            {
              id: "4",              title: "Is there a certificate upon completion?",              content: "Yes! All students who complete the coursework receive a professional Certificate of Completion. Our Professional and Premium plans also include credentials recognized by major marketing organizations."
            },
            {
              id: "5",              title: "Can I access the course on mobile?",              content: "Absolutely. Our platform is fully responsive and optimized for mobile, tablets, and desktop. Download lessons for offline viewing whenever you prefer."
            },
            {
              id: "6",              title: "What kind of support do I get?",              content: "Support depends on your plan. Starter gets email support, Professional gets priority support + monthly Q&A, and Premium includes 1-on-1 mentorship and weekly coaching calls."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started Today"
          title="Join Thousands of Marketing Experts"
          description="Start your transformation today. Enroll in our course and get instant access to all modules, resources, and community support."
          tagIcon={Rocket}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Enroll Now"
          termsText="By enrolling, you agree to our Terms of Service. We respect your privacy and will never spam you."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="MarketLab"
        />
      </div>
    </ThemeProvider>
  );
}