"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Heart, CheckCircle, Sparkles, Zap, Award, Crown, Star, HelpCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Give Help"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Give Help"
          description="Transform your potential into excellence through personalized coaching. We help driven professionals unlock their best selves with strategic guidance and proven methodologies."
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/mid-adult-ceo-giving-presentation-his-team-office-asks-one-his-colleagues-opinion_637285-985.jpg"
          imageAlt="Professional coaching session"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Philosophy"
          tagIcon={Heart}
          title="Coaching that changes lives and unlocks potential in every professional."
          description="Founded on the belief that everyone deserves guidance to achieve their goals."
          subdescription="Give Help Coaching - Transforming careers and lives since 2018."
          icon={CheckCircle}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085988.jpg"
          imageAlt="Give Help Coaching founder and philosophy"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyTwo
          title="Our Coaching Services"
          description="Comprehensive coaching programs designed to accelerate your professional growth and personal development."
          tag="Services"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "Executive Leadership Coaching",              category: ["Leadership", "Executive Development"],
              imageSrc: "https://img.b2bpic.net/free-photo/mid-adult-ceo-giving-presentation-his-team-office-asks-one-his-colleagues-opinion_637285-985.jpg",              imageAlt: "Executive leadership coaching session"
            },
            {
              id: "2",              title: "Career Transition & Growth",              category: ["Career", "Professional Growth"],
              imageSrc: "https://img.b2bpic.net/free-photo/women-discussing-business-desk_23-2149332995.jpg",              imageAlt: "Career coaching and professional development"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Coaching Plans"
          description="Choose the coaching plan that fits your needs and investment level."
          tag="Pricing"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "starter",              badge: "Foundation",              badgeIcon: Sparkles,
              price: "$199/mo",              subtitle: "Perfect for professionals beginning their coaching journey",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "2 coaching sessions per month",                "Email support between sessions",                "Personalized goal-setting framework",                "Progress tracking tools"
              ]
            },
            {
              id: "professional",              badge: "Professional",              badgeIcon: Award,
              price: "$399/mo",              subtitle: "Ideal for serious professionals seeking rapid transformation",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "4 coaching sessions per month",                "Priority email and phone support",                "Custom development plan",                "LinkedIn profile optimization",                "Performance metrics dashboard"
              ]
            },
            {
              id: "elite",              badge: "Elite",              badgeIcon: Crown,
              price: "$799/mo",              subtitle: "Premium executive coaching for maximum impact",              buttons: [
                { text: "Schedule Consultation", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Unlimited coaching sessions",                "24/7 dedicated support",                "Executive business strategy sessions",                "Industry network introductions",                "Personal brand development",                "Quarterly business reviews"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by over 500+ professionals who transformed their careers through Give Help coaching."
          cardTag="Client Success Stories"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-happy-son-looking-his-father_23-2148404141.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Robertson",              imageSrc: "https://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "James Robertson"
            },
            {
              id: "3",              name: "Maria Gonzalez",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg",              imageAlt: "Maria Gonzalez"
            },
            {
              id: "4",              name: "David Chen",              imageSrc: "https://img.b2bpic.net/free-photo/young-person-intership_23-2149315641.jpg",              imageAlt: "David Chen"
            },
            {
              id: "5",              name: "Lisa Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/friendly-successful-female-professional-posing-with-arms-folded_74855-2814.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              name: "Michael Brown",              imageSrc: "https://img.b2bpic.net/free-photo/succesful-enterprenours-business-people-conference-room-great-minds_482257-25769.jpg",              imageAlt: "Michael Brown"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our coaching services, process, and investment."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/people-learning-language-work-full-shot_23-2149300731.jpg"
          imageAlt="FAQ and coaching support"
          mediaPosition="right"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What makes Give Help coaching different?",              content: "We combine evidence-based coaching methodologies with personalized attention. Our coaches have 10+ years of experience in executive development and career transformation, with a track record of helping professionals achieve their most ambitious goals."
            },
            {
              id: "2",              title: "How long does the coaching relationship typically last?",              content: "Most clients engage with us for 6-12 months. However, the timeline depends on your goals. Some professionals work with us short-term for specific challenges, while others maintain ongoing coaching relationships for continuous growth."
            },
            {
              id: "3",              title: "Can I cancel my coaching plan?",              content: "Yes, we offer flexible terms. Monthly plans can be cancelled with 30 days notice. We're confident you'll see value within the first month, and we offer a satisfaction guarantee on all coaching services."
            },
            {
              id: "4",              title: "How are coaching sessions scheduled?",              content: "Sessions are scheduled at your convenience, with flexibility for time zones and busy schedules. We offer virtual coaching via Zoom, phone, or in-person meetings for local clients."
            },
            {
              id: "5",              title: "What if I'm not sure which plan is right for me?",              content: "We offer a complimentary 30-minute discovery call to understand your goals and recommend the best coaching plan. Contact us today to schedule your free consultation."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay updated with coaching insights and professional growth tips."
          description="Subscribe to our newsletter for exclusive coaching strategies, success stories, and professional development resources delivered to your inbox."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/group-entrepreneurs-cooperating-while-creating-mind-map-whiteboard-office-focus-is-businesswoman-writing-adhesive-notes_637285-7036.jpg"
          imageAlt="Professional development and coaching newsletter"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to receive coaching insights and professional development tips."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Give Help"
          columns={[
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Services", href: "services" },
                { label: "Pricing", href: "pricing" }
              ]
            },
            {
              items: [
                { label: "Testimonials", href: "testimonials" },
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}