"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Book, CheckCircle, FileText, Gauge, Lightbulb, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Clients",          id: "#clients"},
        {
          name: "Results",          id: "#results"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/accounting-logo-collection_23-2148843330.jpg"
      logoAlt="Acme Accounting Logo"
      brandName="Acme Accounting"
      bottomLeftText="Expert Financial Guidance"
      bottomRightText="info@acmeaccounting.com"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="Acme Accounting"
      description="Your Trusted Partner for Financial Clarity and Growth. We simplify complex accounting for businesses and individuals."
      buttons={[
        {
          text: "Get a Free Consultation",          href: "#contact"},
        {
          text: "Learn More",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/important-investor-making-notes-calculations-briefing-meeting_482257-122861.jpg"
      imageAlt="Professional accountant working on a laptop with financial documents"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Experience & Expertise You Can Count On"
      metrics={[
        {
          icon: Gauge,
          label: "Years in Business",          value: "20+"
        },
        {
          icon: Users,
          label: "Clients Served",          value: "500+"
        },
        {
          icon: CheckCircle,
          label: "Successful Audits",          value: "99%"
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Tax Preparation",          description: "Navigate complex tax codes with ease and ensure maximum returns.",          bentoComponent: "reveal-icon",          icon: FileText,
          imageAlt: "blue tech company logo clean"
        },
        {
          title: "Bookkeeping & Payroll",          description: "Accurate and timely record-keeping for smooth operations.",          bentoComponent: "reveal-icon",          icon: Book,
          imageAlt: "blue tech company logo clean"
        },
        {
          title: "Financial Consulting",          description: "Strategic advice to optimize your financial health and achieve long-term goals.",          bentoComponent: "reveal-icon",          icon: Lightbulb,
          imageAlt: "blue tech company logo clean"
        },
      ]}
      title="Streamline Your Finances with Our Services"
      description="From meticulous tax preparation to strategic financial planning, we offer comprehensive solutions tailored to your unique needs."
    />
  </div>

  <div id="clients" data-section="clients">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Innovate Solutions",        "Global Ventures Inc.",        "Market Movers LLC",        "Creative Spark Agency",        "BuildRight Construction",        "FutureLearn Academy",        "Speedy Logistics"]}
      title="Trusted by Businesses of All Sizes"
      description="Our diverse clientele includes startups, small businesses, and established enterprises, all benefiting from our expert financial guidance."
      speed={40}
    />
  </div>

  <div id="results" data-section="results">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "25%",          title: "Average Tax Savings",          description: "Our expert strategies lead to significant reductions in tax liabilities.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023754.jpg",          imageAlt: "Upward trending tax savings chart"
        },
        {
          id: "m2",          value: "15%",          title: "Average Client Growth",          description: "We help businesses identify opportunities for sustainable growth.",          imageSrc: "http://img.b2bpic.net/free-photo/goals-target-aspiration-perforated-paper-graph_53876-41401.jpg",          imageAlt: "Business growth chart showing an upward trend"
        },
        {
          id: "m3",          value: "40%",          title: "Improved Efficiency",          description: "Streamlining processes saves time and reduces operational costs.",          imageSrc: "http://img.b2bpic.net/free-photo/smart-speaker-being-used-indoors_52683-107774.jpg",          imageAlt: "Efficiency metrics with gears and progress bar"
        },
      ]}
      title="Measurable Results, Real Impact"
      description="We help our clients achieve significant financial improvements, leading to sustained growth and greater peace of mind year after year."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",          imageAlt: "Sarah Johnson, CEO of TechCorp"
        },
        {
          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-front-glass-building_23-2147704438.jpg",          imageAlt: "Michael Chen, CTO of InnovateLab"
        },
        {
          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",          imageAlt: "Emily Rodriguez, Marketing Director at GrowthCo"
        },
        {
          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",          imageAlt: "David Kim, Product Manager at StartupXYZ"
        },
        {
          id: "5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/succesful-businesswomen-giving-high-five_53876-15136.jpg",          imageAlt: "Jessica Lee, Owner of Local Cafe"
        },
        {
          id: "6",          name: "Chris Davis",          imageSrc: "http://img.b2bpic.net/free-photo/good-mood-work_329181-14569.jpg",          imageAlt: "Chris Davis, Freelance Designer"
        }
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Client Stories"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What types of businesses do you serve?",          content: "We work with a wide range of businesses, from startups and small businesses to mid-sized companies across various industries. Our services are scalable to meet your specific needs."
        },
        {
          id: "q2",          title: "How do you ensure data security and confidentiality?",          content: "Data security is our top priority. We utilize industry-leading encryption, secure cloud platforms, and strict internal protocols to protect all client information. All our staff are trained in data privacy best practices."
        },
        {
          id: "q3",          title: "Can you help with tax planning for individuals?",          content: "Absolutely. In addition to business accounting, we offer comprehensive tax planning and preparation services for individuals, helping you maximize deductions and minimize your tax burden."
        },
        {
          id: "q4",          title: "What is your onboarding process like?",          content: "Our onboarding process is designed to be seamless. We start with a detailed consultation to understand your needs, then collect necessary documents, and integrate our systems efficiently to get you up and running quickly."
        }
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to the most common questions about our accounting and financial services."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"
      }}
      text="Ready to achieve financial clarity and empower your business growth? Contact us today for a personalized consultation."
      buttons={[
        {
          text: "Schedule a Meeting",          href: "#"
        }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Tax Preparation",              href: "#services"
            },
            {
              label: "Bookkeeping",              href: "#services"
            },
            {
              label: "Payroll",              href: "#services"
            },
            {
              label: "Consulting",              href: "#services"
            }
          ]
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"
            },
            {
              label: "Clients",              href: "#clients"
            },
            {
              label: "Testimonials",              href: "#testimonials"
            },
            {
              label: "FAQ",              href: "#faq"
            }
          ]
        },
        {
          title: "Contact",          items: [
            {
              label: "Get in Touch",              href: "#contact"
            },
            {
              label: "Support",              href: "#"
            },
            {
              label: "Careers",              href: "#"
            }
          ]
        }
      ]}
      bottomLeftText="© 2023 Acme Accounting. All rights reserved."
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
