"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Lightbulb, Shield, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Our Services",          id: "#services"},
        {
          name: "Why Choose Us",          id: "#features"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Apply Now",        href: "#contact"}}
      logoSrc="http://img.b2bpic.net/free-photo/high-angle-minimalistic-geometrical-figures-with-copy-space_23-2148830276.jpg"
      logoAlt="Fair Finance Loans Logo"
      brandName="Fair Finance Loans"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain"}}
      title="Your Local Lending Partner: Fair Finance Loans"
      description="Providing clear, fair, and accessible financial solutions tailored to your unique needs. Get approved fast and build your financial future with confidence."
      buttons={[
        {
          text: "Apply Now",          href: "#contact"},
        {
          text: "Learn More",          href: "#about"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-busy-workers-modern-office_329181-15330.jpg",          imageAlt: "A diverse family meeting with a financial advisor"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-casual-woman-video-conferencing_23-2148694454.jpg",          imageAlt: "A happy couple reviewing loan documents with a financial advisor"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-mechanic-giving-car-key-customer-repair-shop_637285-9791.jpg",          imageAlt: "Handing over car keys after an auto loan approval"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/displeased-dark-skinned-businesswoman-convinces-her-husband-pay-attention-some-figures-financial-report_273609-44861.jpg",          imageAlt: "Couple signing home loan documents with a realtor"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/latest-data-must-be-analized_329181-10321.jpg",          imageAlt: "Small business owner looking confident in their thriving shop"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/house-with-key-stacked-coins-besides-piggybank_23-2147863907.jpg",          imageAlt: "Person looking relaxed managing their bills efficiently on a laptop"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="About Fair Finance Loans: Your Trusted Local Partner"
      description="At Fair Finance Loans, we believe in supporting our community with transparent and accessible financial solutions. With years of experience, we're dedicated to helping individuals and businesses achieve their goals through responsible lending."
      bulletPoints={[
        {
          title: "Community Focused",          description: "We understand local needs and are committed to helping our neighbors thrive.",          icon: Users,
        },
        {
          title: "Experienced Advisors",          description: "Our team offers personalized guidance with expertise you can trust.",          icon: Shield,
        },
        {
          title: "Flexible Solutions",          description: "Tailored loan products designed to fit your unique financial situation.",          icon: Lightbulb,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/business-partners-face-masks-shaking-hands-near-office-buildings-meeting-talking-city-side-view-low-angle-communication-coronavirus-concept_74855-6761.jpg"
      imageAlt="Professional handshake in a modern, bright office setting"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "1",          title: "Competitive Rates",          subtitle: "Benefit from some of the best interest rates in the market, designed to save you money.",          category: "Rates",          value: "Low"},
        {
          id: "2",          title: "Flexible Terms",          subtitle: "We offer customizable repayment plans that fit your budget and financial timeline.",          category: "Terms",          value: "Tailored"},
        {
          id: "3",          title: "Fast Approval",          subtitle: "Our streamlined application process ensures quick decisions, so you can get funds sooner.",          category: "Approval",          value: "Rapid"},
        {
          id: "4",          title: "Personalized Service",          subtitle: "Receive one-on-one support from dedicated local advisors who care about your future.",          category: "Service",          value: "Dedicated"},
        {
          id: "5",          title: "Local Expertise",          subtitle: "As a local business, we understand the community and provide relevant, informed financial advice.",          category: "Expertise",          value: "Community"},
      ]}
      title="Why Choose Fair Finance Loans?"
      description="We stand out by prioritizing your success. Our commitment to fairness, transparency, and personalized service makes us the preferred choice for all your lending needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "15+",          title: "Years in Business",          items: [
            "Local Expertise",            "Trusted Legacy"],
        },
        {
          id: "2",          value: "98%",          title: "Customer Satisfaction",          items: [
            "Reliable Service",            "Positive Feedback"],
        },
        {
          id: "3",          value: "1000+",          title: "Loans Funded",          items: [
            "Community Growth",            "Achieved Dreams"],
        },
      ]}
      title="Our Impact & Commitment to the Community"
      description="Building trust and fostering financial well-being is at the core of everything we do. Our milestones reflect our dedication to serving you."
    />
  </div>

  <div id="services" data-section="services">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "1",          name: "Personal Loans",          price: "Flexible",          features: [
            "For unexpected expenses",            "Debt consolidation options",            "Major purchases"],
          buttons: [
            {
              text: "Learn More",              href: "#contact"},
          ],
        },
        {
          id: "2",          name: "Auto Loans",          price: "Competitive",          features: [
            "New & used vehicles",            "Refinancing available",            "Quick approval process"],
          buttons: [
            {
              text: "Learn More",              href: "#contact"},
          ],
        },
        {
          id: "3",          name: "Home Equity Loans",          price: "Great Rates",          features: [
            "Tap into your home's value",            "Home improvements",            "Large investments"],
          buttons: [
            {
              text: "Learn More",              href: "#contact"},
          ],
        },
        {
          id: "4",          name: "Business Loans",          price: "Tailored",          features: [
            "Start-up capital",            "Expansion financing",            "Operational support"],
          buttons: [
            {
              text: "Learn More",              href: "#contact"},
          ],
        },
        {
          id: "5",          name: "Debt Consolidation",          price: "Simplify",          features: [
            "Combine multiple debts",            "Lower monthly payments",            "Reduce interest costs"],
          buttons: [
            {
              text: "Learn More",              href: "#contact"},
          ],
        },
      ]}
      title="Our Lending Solutions"
      description="Explore our diverse range of loan products, each crafted to provide the financial support you need for life's important moments."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Maria Sanchez",          role: "Small Business Owner",          testimonial: "Fair Finance Loans helped me expand my business beyond my expectations. Their team was incredibly supportive!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg",          imageAlt: "Maria Sanchez"},
        {
          id: "2",          name: "John Davis",          role: "Homeowner",          testimonial: "Refinancing my home loan with Fair Finance was a seamless process. The rates were unbeatable and service was excellent.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",          imageAlt: "John Davis"},
        {
          id: "3",          name: "Emily White",          role: "New Car Buyer",          testimonial: "Getting an auto loan was quick and easy. I drove away in my dream car thanks to Fair Finance Loans!",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-car_23-2149901417.jpg",          imageAlt: "Emily White"},
        {
          id: "4",          name: "David Kim",          role: "Family Man",          testimonial: "They made consolidating our debt simple and stress-free, improving our monthly budget significantly.",          imageSrc: "http://img.b2bpic.net/free-photo/group-employees-working-office_273609-5644.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Sophia Rodriguez",          role: "First-Time Borrower",          testimonial: "As a first-time borrower, I was nervous, but the team walked me through every step. Truly a fair and transparent process.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",          imageAlt: "Sophia Rodriguez"},
        {
          id: "6",          name: "Michael Lee",          role: "Local Entrepreneur",          testimonial: "Fair Finance provided crucial capital for my startup. Their local insight was invaluable.",          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-diagrams-together_23-2147707824.jpg",          imageAlt: "Michael Lee"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from the individuals and families we've helped achieve their financial aspirations through our reliable loan services."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "What types of loans do you offer?",          content: "We offer a comprehensive range of financial solutions including Personal Loans, Auto Loans, Home Equity Loans, Business Loans, and Debt Consolidation services."},
        {
          id: "2",          title: "What are the eligibility requirements?",          content: "Eligibility varies by loan type, but generally includes factors like credit score, income stability, and residency. Please contact us or apply online for a personalized assessment."},
        {
          id: "3",          title: "How long does the application process take?",          content: "Our streamlined application process allows for fast approvals, often within 1-2 business days, depending on the completeness of your application and required documentation."},
        {
          id: "4",          title: "Can I apply with less-than-perfect credit?",          content: "We consider all applicants and understand that financial situations vary. We encourage you to apply and discuss your options with our advisors, as we offer solutions for a range of credit profiles."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find quick answers to the most frequently asked questions about our loan services, application process, and eligibility requirements."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get Started Today"
      title="Ready for Your Financial Future?"
      description="Connect with our local team to discuss your lending needs and find the perfect solution. We're here to help you every step of the way."
      imageSrc="http://img.b2bpic.net/free-photo/smiling-black-businesswoman-sitting-desk-pointing-laptop-screen_23-2147779953.jpg"
      imageAlt="Professional team discussing financial strategy"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Submit Inquiry"
      termsText="By submitting, you agree to our Terms & Conditions and Privacy Policy."
      onSubmit={(email) => console.log('Email submitted:', email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoText="Fair Finance Loans"
      logoSrc="http://img.b2bpic.net/free-photo/high-angle-minimalistic-geometrical-figures-with-copy-space_23-2148830276.jpg"
      logoAlt="Fair Finance Loans Logo"
      columns={[
        {
          items: [
            { label: "Home", href: "#hero" },
            { label: "About Us", href: "#about" },
            { label: "Our Services", href: "#services" }
          ]
        },
        {
          items: [
            { label: "Why Choose Us", href: "#features" },
            { label: "Testimonials", href: "#testimonials" },
            { label: "FAQ", href: "#faq" }
          ]
        },
        {
          items: [
            { label: "Contact", href: "#contact" },
            { label: "Terms of Service", href: "/terms" },
            { label: "Privacy Policy", href: "/privacy" }
          ]
        }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
