"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { ArrowDown, Briefcase, Folder, Lightbulb, ShieldCheck, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="medium"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About Us",          id: "#about-us"},
        {
          name: "Services",          id: "#services"},
        {
          name: "How It Works",          id: "#how-it-works"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact Us",          id: "#contact-us"},
      ]}
      brandName="Goodlife Consolidation"
      button={{
        text: "Get a Quote",        href: "#contact-us"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Consolidate Your Debt, Reclaim Your Future"
      description="Goodlife Consolidation offers expert debt solutions to simplify your finances and reduce monthly payments. Start your journey to financial freedom today."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@sarah_j",          testimonial: "Goodlife Consolidation truly changed my life. I was overwhelmed by debt, but they helped me simplify everything into one affordable payment. The relief is incredible!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
        {
          name: "Michael D.",          handle: "@michael_d",          testimonial: "Professional, understanding, and highly effective. Goodlife provided clear guidance and a plan that actually works. My finances are finally under control.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg"},
        {
          name: "Emily R.",          handle: "@emily_r",          testimonial: "I can't thank Goodlife enough! Their team was compassionate and efficient. They negotiated better rates for me, and I'm now saving hundreds each month.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg"},
        {
          name: "David K.",          handle: "@david_k",          testimonial: "From the first consultation to finalizing my plan, Goodlife Consolidation exceeded my expectations. Transparent process and excellent results!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-desk-smiling_23-2147650934.jpg"},
        {
          name: "Jessica L.",          handle: "@jessica_l",          testimonial: "Highly recommend Goodlife. They listened to my concerns and crafted a personalized plan that perfectly fit my situation. Feeling so much lighter now.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg"},
        {
          name: "Robert B.",          handle: "@robert_b",          testimonial: "The best decision I ever made for my finances. Goodlife made the complex process of debt consolidation simple and manageable. Truly grateful!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-man-street_158538-10227.jpg"},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Get Started Today",          href: "#contact-us"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",          alt: "Sarah J."},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-office_23-2149300695.jpg",          alt: "Michael D."},
        {
          src: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg",          alt: "Emily R."},
        {
          src: "http://img.b2bpic.net/free-photo/feeling-happy-cheerful-smiling-welcoming-you-inviting-you-with-friendly-gesture_1194-633389.jpg",          alt: "David K."},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-149003.jpg",          alt: "Satisfied customer"},
      ]}
      avatarText="Join thousands finding financial peace"
      imageSrc="http://img.b2bpic.net/free-photo/fallen-wooden-pieces-bank-note-concept_23-2148546850.jpg"
      imageAlt="Person looking relieved after consolidating debt"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Lower Your Payments",          icon: ArrowDown,
        },
        {
          type: "text-icon",          text: "Simplify Your Debt",          icon: Folder,
        },
        {
          type: "text-icon",          text: "Improve Your Credit",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Achieve Financial Freedom",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Expert Guidance",          icon: Lightbulb,
        },
      ]}
    />
  </div>

  <div id="about-us" data-section="about-us">
      <TextAbout
      useInvertedBackground={true}
      tag="Who We Are"
      title="Your Partner in Financial Freedom"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Debt Consolidation Loans",          subtitle: "Combine multiple debts into one manageable payment with a lower interest rate.",          category: "Core Service",          value: "One Payment"},
        {
          id: "f2",          title: "Personalized Financial Planning",          subtitle: "Get expert advice and a tailored plan to improve your credit and financial health.",          category: "Support",          value: "Expert Guidance"},
        {
          id: "f3",          title: "Credit Score Improvement",          subtitle: "Strategies and tools to help rebuild and boost your creditworthiness over time.",          category: "Benefit",          value: "Better Credit"},
      ]}
      title="Simplified Debt Management"
      description="We offer comprehensive consolidation solutions designed to fit your unique financial situation, ensuring a smoother path to debt-free living."
      tag="Our Services"
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "Step 1",          title: "Free Consultation",          description: "Discuss your financial situation with our experts confidentially and get a personalized assessment.",          imageSrc: "http://img.b2bpic.net/free-photo/technology-card-finance-notebook-computer-delivery_1421-258.jpg",          imageAlt: "Person filling out forms"},
        {
          id: "m2",          value: "Step 2",          title: "Customized Plan",          description: "We'll craft a tailored debt consolidation strategy that fits your budget and financial goals.",          imageSrc: "http://img.b2bpic.net/free-photo/good-transaction-is-success_329181-19300.jpg",          imageAlt: "People shaking hands on a deal"},
        {
          id: "m3",          value: "Step 3",          title: "Achieve Freedom",          description: "Start your journey with simplified payments and watch your debt decrease, leading to financial peace.",          imageSrc: "http://img.b2bpic.net/free-photo/shopping-cheerful-guy-holding-money-winning-prize-cash-making-fist-pump-triumphing-with-satis_1258-164869.jpg",          imageAlt: "Person celebrating financial success"},
      ]}
      title="Your Path to Debt-Free Living"
      description="We make debt consolidation straightforward and stress-free with our proven step-by-step approach, ensuring you always know what to expect."
      tag="Our Process"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic-plan",          badge: "Standard",          badgeIcon: Star,
          price: "Tailored Quote",          subtitle: "Ideal for moderate debt.",          buttons: [
            {
              text: "Get a Free Assessment",              href: "#contact-us"},
          ],
          features: [
            "Consolidate up to 3 debts",            "Reduced interest rates",            "Single monthly payment",            "Basic financial counseling",            "6-month check-ins"],
        },
        {
          id: "premium-plan",          badge: "Popular",          badgeIcon: Sparkles,
          price: "Customized Solution",          subtitle: "For extensive debt relief.",          buttons: [
            {
              text: "Speak to an Expert",              href: "#contact-us"},
          ],
          features: [
            "Consolidate 4+ debts",            "Significantly reduced interest",            "Dedicated account manager",            "Advanced credit repair strategies",            "Annual financial review",            "Priority support"],
        },
        {
          id: "enterprise-plan",          badge: "Enterprise",          badgeIcon: Briefcase,
          price: "Enterprise Solutions",          subtitle: "For complex financial situations or business debt.",          buttons: [
            {
              text: "Contact Sales",              href: "#contact-us"},
          ],
          features: [
            "Custom debt strategy",            "Business debt consolidation",            "Legal advisory support",            "Portfolio management",            "Exclusive partner rates",            "Premium client services"],
        },
      ]}
      title="Flexible Consolidation Solutions"
      description="Choose a plan that fits your budget and helps you achieve financial peace of mind faster with transparent terms and expert support."
      tag="Our Plans"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Thandiwe M.",          role: "Small Business Owner",          company: "Joburg",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg"},
        {
          id: "t2",          name: "Sipho N.",          role: "Marketing Manager",          company: "Cape Town",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg"},
        {
          id: "t3",          name: "Lebo P.",          role: "Healthcare Professional",          company: "Durban",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
        {
          id: "t4",          name: "Neo K.",          role: "IT Consultant",          company: "Pretoria",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-casual-man-holding-business-icon_53876-14984.jpg"},
        {
          id: "t5",          name: "Zola L.",          role: "Educator",          company: "Port Elizabeth",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg"},
        {
          id: "t6",          name: "Kabelo D.",          role: "Engineer",          company: "Bloemfontein",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-corporate-man_23-2148336961.jpg"},
      ]}
      title="Hear From Our Happy Clients"
      description="Real people, real results. See how Goodlife Consolidation has transformed lives and helped clients achieve their financial goals."
      tag="Success Stories"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "AssetBank",        "CreditGuard",        "FinWise Group",        "Legacy Capital",        "Prime Lending",        "SecureTrust",        "WealthPath"]}
      title="Partnerships for Your Prosperity"
      description="We collaborate with leading financial institutions and advisors to bring you the best debt relief options and ensure comprehensive support."
      tag="Trusted By"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "What is debt consolidation?",          content: "Debt consolidation combines multiple high-interest debts, such as credit cards and personal loans, into a single, more manageable payment, often with a lower interest rate."},
        {
          id: "faq2",          title: "How does Goodlife Consolidation help?",          content: "We assess your financial situation, negotiate with your creditors on your behalf, and create a tailored consolidation plan to reduce your monthly payments and interest."},
        {
          id: "faq3",          title: "Will debt consolidation affect my credit score?",          content: "Initially, your credit score might see a temporary dip, but successful debt consolidation and consistent payments can significantly improve your credit over time."},
        {
          id: "faq4",          title: "What types of debt can be consolidated?",          content: "Commonly consolidated debts include credit card balances, personal loans, medical bills, and other unsecured debts. We'll review your specific debts during consultation."},
        {
          id: "faq5",          title: "How long does the process take?",          content: "The duration varies depending on your debt amount and chosen plan. We work efficiently to set up your plan as quickly as possible, usually within a few weeks to a month."},
        {
          id: "faq6",          title: "Is a free consultation truly free?",          content: "Absolutely. Our initial consultation is completely free and comes with no obligation. It's an opportunity for you to understand your options."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common inquiries about debt consolidation, our services, and how we can help you."
      tag="Got Questions?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact-us" data-section="contact-us">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Start?"
      title="Take Control of Your Debt Today"
      description="Contact us for a free, no-obligation consultation. Our expert advisors are here to help you find the best path to financial freedom."
      buttons={[
        {
          text: "Get Your Free Consultation",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/economic-crisis-bocks_23-2148542037.jpg"
      logoAlt="Goodlife Consolidation Logo"
      columns={[
        {
          items: [
            {
              label: "Debt Consolidation",              href: "#services"},
            {
              label: "Credit Repair",              href: "#services"},
            {
              label: "Financial Advice",              href: "#services"},
          ],
        },
        {
          items: [
            {
              label: "About Us",              href: "#about-us"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Partners",              href: "#social-proof"},
          ],
        },
        {
          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact-us"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      logoText="Goodlife Consolidation"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
