"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            {name: "Home", id: "hero"},
            {name: "About", id: "about"},
            {name: "Services", id: "features"},
            {name: "Pricing", id: "pricing"},
            {name: "Contact", id: "contact"}
          ]}
          brandName="ProCoach"
          bottomLeftText="Transform Your Potential"
          bottomRightText="hello@procoach.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="ProCoach"
          description="Transform your potential into results. Expert coaching for personal and professional growth."
          buttons={[
            {text: "Book Consultation", href: "#contact"},
            {text: "Learn More", href: "#about"}
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/senior-employee-teaching-newcomer_1262-21072.jpg"
          imageAlt="Coaching session with mentor"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {type: "text", content: "Proven coaching methodologies designed to unlock"},
            {type: "image", src: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Coach portrait"},
            {type: "text", content: "your full potential"}
          ]}
          buttons={[
            {text: "Start Your Journey", href: "#contact"}
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Personal Development",              description: "Work through limiting beliefs and develop a stronger sense of self. Build confidence and clarity for meaningful life changes.",              phoneOne: {imageSrc: "https://img.b2bpic.net/free-photo/business-trainer-sharing-experience-with-group-colleagues_74855-2622.jpg"},
              phoneTwo: {imageSrc: "https://img.b2bpic.net/free-photo/business-trainer-sharing-experience-with-group-colleagues_74855-2622.jpg"}
            },
            {
              id: 2,
              title: "Executive Coaching",              description: "Enhance your leadership skills and strategic thinking. Navigate complex challenges and build high-performing teams.",              phoneOne: {imageSrc: "https://img.b2bpic.net/free-photo/business-trainer-sharing-experience-with-group-colleagues_74855-2622.jpg"},
              phoneTwo: {imageSrc: "https://img.b2bpic.net/free-photo/business-trainer-sharing-experience-with-group-colleagues_74855-2622.jpg"}
            }
          ]}
          showStepNumbers={true}
          title="Transformative Coaching Services"
          description="Personalized coaching designed for your unique goals and challenges"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Proven Results Through Dedicated Coaching and Client Success"
          tag="Impact"
          metrics={[
            {id: "1", value: "500+", description: "Clients successfully coached to their goals over the past decade"},
            {id: "2", value: "92%", description: "Client satisfaction rate with measurable progress toward objectives"},
            {id: "3", value: "15+", description: "Years of combined coaching expertise and industry knowledge"},
            {id: "4", value: "3x", description: "Average ROI reported by corporate coaching clients within first year"}
          ]}
          useInvertedBackground={false}
          metricsAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "The coaching transformed my career trajectory. Within six months, I landed my dream role and feel more confident than ever.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jameschen",              testimonial: "Working with the coach helped me break through years of self-doubt. The actionable strategies were exactly what I needed.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "3",              name: "Michelle Rodriguez",              handle: "@mrodriguez",              testimonial: "As a busy executive, I valued the structured approach and accountability. This coaching was a game-changer for my leadership.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg"
            },
            {
              id: "4",              name: "David Thompson",              handle: "@dthompson",              testimonial: "The personalized coaching addressed exactly what I needed. I've seen measurable results in both my professional and personal life.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "5",              name: "Lisa Anderson",              handle: "@lisaanderson",              testimonial: "I can't recommend this coaching enough. The insights gained have rippled into every area of my life.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg"
            },
            {
              id: "6",              name: "Michael Brooks",              handle: "@mbrooks",              testimonial: "Finally found a coach who truly listens and delivers results. Best investment I've made in myself.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            }
          ]}
          showRating={true}
          title="What Our Clients Say"
          description="Real success stories from people who transformed their lives through coaching"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          plans={[
            {
              id: "starter",              tag: "Starter Package",              price: "$299",              period: "/month",              description: "Perfect for those just beginning their coaching journey",              button: {text: "Get Started", href: "#contact"},
              featuresTitle: "What's Included:",              features: [
                "2 coaching sessions per month",                "Email support between sessions",                "Goal-setting framework",                "Progress tracking tools"
              ]
            },
            {
              id: "professional",              tag: "Professional Plan",              price: "$599",              period: "/month",              description: "Ideal for sustained growth and transformation",              button: {text: "Get Started", href: "#contact"},
              featuresTitle: "What's Included:",              features: [
                "4 coaching sessions per month",                "Priority email & phone support",                "Customized action plans",                "Monthly progress reviews",                "Accountability check-ins"
              ]
            },
            {
              id: "executive",              tag: "Executive Coaching",              price: "$1,299",              period: "/month",              description: "Comprehensive coaching for senior leaders and entrepreneurs",              button: {text: "Schedule Consultation", href: "#contact"},
              featuresTitle: "What's Included:",              features: [
                "Unlimited coaching sessions",                "24/7 priority support",                "Leadership assessments",                "One-on-one strategy sessions",                "Team coaching option",                "Quarterly business reviews"
              ]
            }
          ]}
          animationType="slide-up"
          title="Flexible Coaching Plans"
          description="Choose the coaching package that aligns with your goals and timeline"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            {
              id: "1",              title: "How long does coaching typically last?",              content: "Most clients see meaningful results within 3-6 months of consistent coaching. The duration depends on your specific goals and starting point. We recommend a minimum 3-month commitment to allow for real transformation."
            },
            {
              id: "2",              title: "Can I get a free consultation first?",              content: "Absolutely! We offer a complimentary 30-minute discovery call to discuss your goals, answer your questions, and determine if our coaching is the right fit for you. This helps us both ensure we're a good match before moving forward."
            },
            {
              id: "3",              title: "How are sessions conducted?",              content: "Sessions are conducted via Zoom, phone, or in-person depending on location and preference. Each session is typically 60 minutes and scheduled at a time that works for you. We use a structured approach combined with flexibility to address your unique needs."
            },
            {
              id: "4",              title: "What if I need to pause my coaching?",              content: "Life happens! We understand that circumstances change. You can pause your coaching for up to 3 months without losing your spot. Simply let us know, and we'll pick up where we left off when you're ready to continue."
            },
            {
              id: "5",              title: "Do you offer corporate team coaching?",              content: "Yes! We specialize in executive and team coaching for organizations. Corporate packages are customized based on team size, objectives, and timeline. Contact us to discuss your specific organizational needs."
            },
            {
              id: "6",              title: "What makes your coaching approach different?",              content: "Our approach combines proven coaching methodologies with personalized attention. We focus on sustainable change through deep understanding of your values, strengths, and aspirations. Results-oriented strategies ensure you see real progress."
            }
          ]}
          title="Frequently Asked Questions"
          description="Get answers to common questions about our coaching services"
          imageSrc="https://img.b2bpic.net/free-photo/call-center-agent-typing-pc-keyboard-assisting-customers-through-live-chat_482257-125755.jpg"
          imageAlt="Support and guidance"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform?"
          ctaDescription="Book your free consultation call today and take the first step toward achieving your goals."
          ctaButton={{text: "Schedule Free Call", href: "https://calendly.com"}}
          ctaIcon={Calendar}
          faqs={[
            {
              id: "1",              title: "What should I prepare for our first call?",              content: "Come with an open mind and bring any notes about your current situation, challenges, and desired outcomes. The more we understand your context, the better we can tailor our approach."
            },
            {
              id: "2",              title: "How do I know which plan is right for me?",              content: "During your free consultation, we'll discuss your goals, timeline, and needs. We'll recommend the plan that best aligns with your situation and budget. You can always upgrade or adjust as you progress."
            },
            {
              id: "3",              title: "What if I'm unsure about committing?",              content: "Starting with the Starter Package is perfect for testing the relationship and getting a feel for the coaching process. Many clients upgrade as they experience the value and momentum of their progress."
            }
          ]}
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="ProCoach"
          leftLink={{text: "Privacy Policy", href: "#"}}
          rightLink={{text: "Terms of Service", href: "#"}}
        />
      </div>
    </ThemeProvider>
  );
}