"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 FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, CheckCircle, Shield, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "About", id: "#about" },
        { name: "Services", id: "#features" },
        { name: "Pricing", id: "#pricing" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="UKBusinessAccounting"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Simplify Your UK Business Accounting and Save on Taxes"
      description="Expert tax planning, HMRC compliance, and strategic financial advice to help your business thrive across the United Kingdom."
      testimonials={[
        { name: "Sarah Miller", handle: "@smiller", testimonial: "Excellent service and deep understanding of UK tax laws. Saved us time and money.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg" },
        { name: "James Anderson", handle: "@janderson", testimonial: "Very professional and responsive. My go-to accounting partner for years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
        { name: "Emily Watson", handle: "@ewatson", testimonial: "Streamlined our payroll and VAT processes perfectly. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-managers_1098-15556.jpg" },
        { name: "Robert Chen", handle: "@rchen", testimonial: "The best financial advice we've received for our startup.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202451.jpg" },
        { name: "Lucy Bennett", handle: "@lbennett", testimonial: "Reliable, thorough, and always ahead of HMRC deadlines.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" }
      ]}
      buttons={[{ text: "Get a Free Consultation", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/working-woman-standing-graphics_1150-97.jpg"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", alt: "Smiling Successful Middle-aged Business Leader" },
        { src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Portrait of woman smiling in kitchen" },
        { src: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg", alt: "Young man business worker using vr glasses working at office" },
        { src: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg", alt: "Portrait of a bearded modern male with tattoos on his arms posing near the window in a room with loft interior." },
        { src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Closeup of Handsome Middle-aged Business Leader" }
      ]}
      avatarText="Trusted by 500+ businesses"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Your Trusted Financial Partner"
      buttons={[{ text: "Learn More", href: "#features" }]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "VAT & Payroll",          description: "Seamless VAT registration, filing, and payroll management.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg", imageAlt: "financial data growth charts" },
          items: [{ text: "HMRC compliance", icon: CheckCircle }, { text: "Real-time payroll", icon: Zap }],
          reverse: false
        },
        {
          title: "Corporate Tax",          description: "Expert advice to optimize your corporate tax liability.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-pen-financial-documents_1232-141.jpg", imageAlt: "financial data growth charts" },
          items: [{ text: "Annual accounts", icon: Shield }, { text: "Tax efficiency", icon: Star }],
          reverse: true
        },
        {
          title: "Financial Reporting",          description: "Clear insights into your business performance.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-writes-notebook-while-working-analysis-business-data-office_1150-1470.jpg", imageAlt: "financial data growth charts" },
          items: [{ text: "Quarterly reviews", icon: Award }, { text: "Strategic planning", icon: Sparkles }],
          reverse: false
        }
      ]}
      title="Comprehensive Accounting Services"
      description="Tailored solutions for SMEs, startups, and large enterprises."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        { id: "p1", badge: "Basic", price: "£150/mo", subtitle: "For early-stage startups", features: ["Bookkeeping", "VAT Filing", "Email Support"] },
        { id: "p2", badge: "Growth", price: "£350/mo", subtitle: "For growing SMEs", features: ["Full Bookkeeping", "Payroll", "Tax Advisory", "Priority Support"] },
        { id: "p3", badge: "Enterprise", price: "£750/mo", subtitle: "For large businesses", features: ["All services", "CFO Consulting", "Audits", "24/7 Support"] }
      ]}
      title="Transparent Pricing"
      description="Choose the right plan for your business size."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "500+", title: "Businesses Helped", description: "Across the UK", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg" },
        { id: "m2", value: "£10M+", title: "Tax Saved", description: "For our clients", imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314049.jpg" },
        { id: "m3", value: "99.9%", title: "Success Rate", description: "HMRC compliance", imageSrc: "http://img.b2bpic.net/free-photo/worktable-with-report-laptop_1150-357.jpg" }
      ]}
      title="Our Impact"
      description="Numbers that define our success."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional service, they understand our niche perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
        { id: "t2", name: "James Anderson", handle: "@janderson", testimonial: "Transformed how we manage our accounting records.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4144.jpg" },
        { id: "t3", name: "Emily Watson", handle: "@ewatson", testimonial: "I trust them with all our financial filings.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16268.jpg" },
        { id: "t4", name: "Robert Chen", handle: "@rchen", testimonial: "Very knowledgeable and professional.", imageSrc: "http://img.b2bpic.net/free-photo/executive-with-good-future_1098-540.jpg" },
        { id: "t5", name: "Lucy Bennett", handle: "@lbennett", testimonial: "Highly recommended for any small business.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg" }
      ]}
      title="Client Success"
      description="Real stories from satisfied clients."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "Are you registered in the UK?", content: "Yes, we are a fully licensed and registered accounting firm in the UK." },
        { id: "f2", title: "How do we get started?", content: "Book a free consultation and get a personalized financial review, where we assess your current setup and provide actionable advice to optimize your tax and accounting strategy." },
        { id: "f3", title: "Do you offer remote services?", content: "Yes, we operate entirely digitally and work with clients across the UK." }
      ]}
      sideTitle="Common Questions"
      sideDescription="Everything you need to know about our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contact"
      title="Let's Get Started"
      description="Ready to streamline your finances? Contact us today."
      buttonText="Request Your Free Consultation"
      imageSrc="http://img.b2bpic.net/free-photo/focused-boss-analyzing-managers-report-reading-reviewing-papers-while-sitting-workplace-business-communication-concept_74855-11702.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="UKBusinessAccounting"
      copyrightText="© 2025 UKBusinessAccounting Ltd."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
