"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { CheckCircle, TrendingUp, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "About", id: "#about" },
              { name: "Services", id: "#services" },
              { name: "Testimonials", id: "#testimonials" },
              { name: "Contact", id: "#contact" },
            ]}
            brandName="Fin99"
            button={{ text: "Get Started", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            title="Precision Accounting for Growing Businesses"
            description="Fin99 provides meticulous tax, audit, and advisory services tailored for your financial success. Let our experts manage the numbers while you scale."
            testimonials={[
              { name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Fin99 transformed our payroll and tax compliance entirely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg" },
              { name: "Mark Roberts", handle: "@mroberts", testimonial: "Exceptional clarity and accuracy in every single audit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
              { name: "Elena Torres", handle: "@etorres", testimonial: "Professional, reliable, and deeply knowledgeable team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-pensive-businesswoman-day-dreaming-while-being-work-there-are-people-background_637285-313.jpg" },
              { name: "David Wu", handle: "@dwu", testimonial: "Scaling our startup was easy with Fin99's expert support.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg" },
              { name: "Chloe Vance", handle: "@cvance", testimonial: "The best investment we've made for our finance team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/proud-middle-aged-business-man-conference-room_1262-3062.jpg" },
            ]}
            buttons={[{ text: "Get Started", href: "#contact" }]}
            imageSrc="http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-124753.jpg?_wi=1"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Satisfied client testimonial portrait" },
              { src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Business partner testimonial portrait" },
              { src: "http://img.b2bpic.net/free-photo/smiling-business-man-sitting-table-with-laptop_1262-5632.jpg", alt: "Happy startup founder testimonial" },
              { src: "http://img.b2bpic.net/free-photo/man-psychologist-sitting-office_1098-21011.jpg", alt: "Satisfied corporate executive portrait" },
              { src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", alt: "Finance professional testimonial portrait" },
            ]}
            avatarText="Trusted by 500+ professionals"
          />
        </div>

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

        <div id="services" data-section="services">
          <FeatureCardThree
            animationType="slide-up"
            textboxLayout="split-description"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            features={[
              { title: "Tax Optimization", description: "Minimize liabilities with our strategic tax planning and compliance services.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-desk_23-2149721912.jpg?_wi=1" },
              { title: "Strategic Audits", description: "Ensure accuracy and build stakeholder confidence with thorough financial audits.", imageSrc: "http://img.b2bpic.net/free-photo/teamwork-scene-close-up_23-2147626393.jpg?_wi=1" },
              { title: "Digital Bookkeeping", description: "Real-time visibility into your cash flow with our modern digital solutions.", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-diagrams-with-charts-stock-figures-laptop-sitting-desk_482257-84629.jpg?_wi=1" },
            ]}
            title="Comprehensive Financial Solutions"
            description="From tax planning to detailed audits, we provide the backbone for your company's financial operations."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardThree
            animationType="depth-3d"
            textboxLayout="split-description"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", title: "Clients Served", value: "150+", icon: Users },
              { id: "m2", title: "Taxes Optimized", value: "$12M", icon: TrendingUp },
              { id: "m3", title: "Audits Completed", value: "200+", icon: CheckCircle },
            ]}
            title="Delivering Measurable Results"
            description="Our numbers reflect our dedication to your business's financial health."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardFive
            textboxLayout="split-description"
            useInvertedBackground={false}
            testimonials={[
              { id: "t1", name: "Sarah Jenkins", date: "Jan 2024", title: "CEO", quote: "Fin99's precision is unmatched.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-124753.jpg?_wi=2", imageAlt: "portrait successful professional executive" },
              { id: "t2", name: "Mark Roberts", date: "Dec 2023", title: "CFO", quote: "Reliable reporting that saved us time.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6526.jpg", imageAlt: "portrait successful professional executive" },
              { id: "t3", name: "Elena Torres", date: "Nov 2023", title: "Manager", quote: "Professional, detailed, and proactive team.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-desk_23-2149721912.jpg?_wi=2", imageAlt: "portrait successful professional executive" },
              { id: "t4", name: "David Wu", date: "Oct 2023", title: "Founder", quote: "Best investment for our growing firm.", tag: "Startups", avatarSrc: "http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg", imageSrc: "http://img.b2bpic.net/free-photo/teamwork-scene-close-up_23-2147626393.jpg?_wi=2", imageAlt: "portrait successful professional executive" },
              { id: "t5", name: "Chloe Vance", date: "Sep 2023", title: "Director", quote: "A true asset to our company's success.", tag: "Healthcare", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-diagrams-with-charts-stock-figures-laptop-sitting-desk_482257-84629.jpg?_wi=2", imageAlt: "portrait successful professional executive" },
            ]}
            title="Trusted by Industry Leaders"
            description="We are proud to be the chosen financial partner for companies across various sectors."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitText
            useInvertedBackground={false}
            faqs={[
              { id: "q1", title: "How does your pricing model work?", content: "We offer custom packages based on your business complexity and requirements." },
              { id: "q2", title: "Can you handle remote clients?", content: "Absolutely. We utilize digital tools to manage accounting for businesses everywhere." },
              { id: "q3", title: "Are my records secure?", content: "Security is our top priority. We use industry-standard encryption for all data." },
            ]}
            sideTitle="Frequently Asked Questions"
            sideDescription="Find quick answers to common financial inquiries."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={false}
            title="Secure Your Financial Future"
            description="Contact us today for a consultation and let's optimize your business finance strategy."
            inputs={[
              { name: "name", type: "text", placeholder: "Your Name" },
              { name: "email", type: "email", placeholder: "Your Email" },
            ]}
            textarea={{ name: "message", placeholder: "Tell us about your needs..." }}
            imageSrc="http://img.b2bpic.net/free-photo/beautiful-businesswoman-feels-excited-drinks-coffee-takeaway-near-business-center-outside-stands_1258-125220.jpg"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Solutions",                items: [{ label: "Tax Planning", href: "#services" }, { label: "Audits", href: "#services" }, { label: "Bookkeeping", href: "#services" }],
              },
              {
                title: "Company",                items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }],
              },
              {
                title: "Support",                items: [{ label: "FAQ", href: "#faq" }, { label: "Client Portal", href: "#" }],
              },
            ]}
            bottomLeftText="© 2024 Fin99 Accounting Agency. All rights reserved."
            bottomRightText="Privacy Policy | Terms of Service"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
