"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="layered-gradient"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="QuickBooks"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="QuickBooks Solutions for Smart Business Management."
      description="Streamline accounting, improve cash flow, and make better decisions for continuous growth."
      testimonials={[
        {
          name: "Sarah Ahmed",          handle: "@SaraA_Biz",          testimonial: "QuickBooks transformed how I manage my business finances. Super easy and accurate reports! Indispensable.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",          imageAlt: "Sarah Ahmed's photo"},
        {
          name: "Khaled Mansour",          handle: "@KhaledM_Tech",          testimonial: "The QuickBooks platform is unmatched. It saved me long hours of work and helped me understand my startup's finances.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",          imageAlt: "Khaled Mansour's photo"},
        {
          name: "Layla Fouad",          handle: "@LaylaF_Growth",          testimonial: "A great tool for anyone seeking accounting accuracy and peace of mind. Their support is excellent and continuous.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",          imageAlt: "Layla Fouad's photo"},
        {
          name: "Faris Al-Jundi",          handle: "@Faris_CFO",          testimonial: "As a financial expert, I recommend QuickBooks to my clients. A comprehensive and effective solution that grows with their businesses.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",          imageAlt: "Faris Al-Jundi's photo"},
        {
          name: "Mariam Saeed",          handle: "@MariamS_Mkt",          testimonial: "Honestly, I never imagined accounting could be this easy. QuickBooks amazed me!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg",          imageAlt: "Mariam Saeed's photo"},
      ]}
      tag="Smart Financial Management"
      buttons={[
        {
          text: "Subscribe Now",          href: "#pricing"},
        {
          text: "Watch Demo",          href: "#about"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",          alt: "User 1 photo"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134319.jpg",          alt: "User 2 photo"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",          alt: "User 3 photo"},
        {
          src: "http://img.b2bpic.net/free-vector/great-pack-businessman-with-nine-different-facial-expressions_23-2147614453.jpg",          alt: "User 4 photo"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",          alt: "User 5 photo"},
      ]}
      avatarText="Over 7 Million Customers Trust Us"
      imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461308.jpg"
      imageAlt="Modern QuickBooks Dashboard"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Easy Expense Tracking"},
        {
          type: "text",          text: "Professional Invoice Management"},
        {
          type: "text",          text: "Accurate Financial Reports"},
        {
          type: "text",          text: "Secure Bank Account Connection"},
        {
          type: "text",          text: "Outstanding Technical Support"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Why QuickBooks?"
      title="Your Trusted Partner in Financial Success"
      description="QuickBooks is the world's leading accounting software that empowers you to easily manage your finances, from expense tracking to invoicing and tax reports."
      subdescription="Specifically designed to meet the needs of small and medium-sized businesses, giving you a clear and simplified view of your financial situation."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/new-hire-sharing-handshake-receiving-id-security-pass-from-hr-manager-onboarding-meeting_482257-133870.jpg"
      imageAlt="Happy businesswoman reviewing financial reports"
      mediaAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Wasting time on manual accounting",          "Difficulty tracking expenses",          "Unorganized invoices",          "Lack of accurate financial reports",          "Tax compliance challenges"],
      }}
      positiveCard={{
        items: [
          "Time-saving through automation",          "Easy and accurate expense tracking",          "Professional invoice management",          "Detailed and instant financial reports",          "Simplified tax compliance"],
      }}
      title="QuickBooks Features That Change the Game"
      description="Compare what you might lose and what you'll gain with QuickBooks."
      tag="Digital Transformation"
      tagIcon={Zap}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "+7M",          title: "Happy Customers",          items: [
            "Small and medium-sized businesses",            "Startups",            "Financial consultants"],
        },
        {
          id: "metric-2",          value: "95%",          title: "Customer Satisfaction",          items: [
            "Positive reviews",            "Excellent technical support",            "Continuous improvement"],
        },
        {
          id: "metric-3",          value: "3X",          title: "Time Savings",          items: [
            "Automated routine tasks",            "Fast reports",            "Unrivaled accuracy"],
        },
      ]}
      title="Numbers Speak for Themselves"
      description="Over 7 million businesses worldwide rely on QuickBooks for their financial growth."
      tag="Real Results"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",          badge: "Most Popular",          badgeIcon: Sparkles,
          price: "Starting from $15/month",          name: "QuickBooks Starter",          buttons: [
            {
              text: "Start Free Trial",              href: "#"},
          ],
          features: [
            "Track Income & Expenses",            "Manage Invoices",            "Connect Bank Accounts",            "Basic Reports"],
        },
        {
          id: "plus",          badge: "Growing Businesses",          badgeIcon: Star,
          price: "Starting from $30/month",          name: "QuickBooks Plus",          buttons: [
            {
              text: "Subscribe Now",              href: "#"},
          ],
          features: [
            "All Starter Features",            "Track Inventory",            "Manage Projects",            "Advanced Reports",            "Up to 5 Users"],
        },
        {
          id: "advanced",          badge: "Large Enterprises",          badgeIcon: Award,
          price: "Starting from $70/month",          name: "QuickBooks Advanced",          buttons: [
            {
              text: "Contact Sales",              href: "#contact"},
          ],
          features: [
            "All Plus Features",            "Manage Branches",            "Custom Budgets",            "Premium 24/7 Support",            "More than 5 Users"],
        },
      ]}
      title="Choose the Right Plan for Your Business"
      description="Flexible plans to suit all business sizes and needs."
      tag="Subscription Plans"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Fatima Al-Zahraa",          role: "Startup CEO",          company: "GrowthX Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-work_23-2148499478.jpg",          imageAlt: "Fatima Al-Zahraa's photo"},
        {
          id: "t2",          name: "Ahmed Al-Salem",          role: "CTO",          company: "InnovateHub",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",          imageAlt: "Ahmed Al-Salem's photo"},
        {
          id: "t3",          name: "Nour Al-Huda",          role: "E-commerce Store Owner",          company: "E-Shop Pro",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-cheerful-smiling-broadly-standing-purple-background_141793-110651.jpg",          imageAlt: "Nour Al-Huda's photo"},
        {
          id: "t4",          name: "Youssef Mohamed",          role: "Financial Consultant",          company: "Finance Expert Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-travel-agency_52683-136439.jpg",          imageAlt: "Youssef Mohamed's photo"},
        {
          id: "t5",          name: "Aya Abdullah",          role: "Accounts Manager",          company: "Accurate Books",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-saleswoman-businesswoman-suit-sitting-office-her-company_1258-194574.jpg",          imageAlt: "Aya Abdullah's photo"},
        {
          id: "t6",          name: "Omar Farouk",          role: "Entrepreneur",          company: "Future Ventures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg",          imageAlt: "Omar Farouk's photo"},
      ]}
      kpiItems={[
        {
          value: "Reliable Solutions",          label: "for secure financial management"},
        {
          value: "Premium Support",          label: "available 24/7"},
        {
          value: "Ease of Use",          label: "for non-experts"},
      ]}
      title="What Our Customers Say"
      description="Real success stories from business owners whose journeys QuickBooks transformed."
      tag="Real Experiences"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Innovation Co.",        "Success Group",        "Future Solutions",        "Entrepreneurs",        "Global Company",        "Digital Vision",        "Rapid Growth"]}
      title="Success Partners"
      description="Leading companies trust QuickBooks to manage their accounts."
      tag="Trust and Reliability"
      speed={30}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What is QuickBooks?",          content: "QuickBooks is comprehensive accounting software that helps small and medium-sized businesses manage their income and expenses, track sales, and generate financial reports with ease."},
        {
          id: "q2",          title: "Do I need accounting experience to use it?",          content: "No, QuickBooks is designed to be user-friendly even for non-accountants. It provides a simple interface and guided steps to help with all operations."},
        {
          id: "q3",          title: "Can I connect my bank accounts to QuickBooks?",          content: "Yes, you can automatically connect your bank accounts and credit cards to import and track transactions with ease and accuracy."},
        {
          id: "q4",          title: "Is QuickBooks secure for my financial data?",          content: "Yes, QuickBooks uses the highest security standards to protect your data, including encryption and advanced security measures to ensure the confidentiality of your information."},
        {
          id: "q5",          title: "What is the difference between the various plans?",          content: "Plans differ in the number of users, inventory and project tracking features, and the level of available reports. You can review the pricing section for full details."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to your inquiries about QuickBooks and its subscriptions."
      faqsAnimation="slide-up"
      textboxLayout="default"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Get Started?"
      title="Contact Us Today"
      description="If you have any inquiries or need assistance, contact us today and our team of experts will be happy to help you choose the perfect QuickBooks plan for your business growth."
      imageSrc="http://img.b2bpic.net/free-photo/financial-analyst-working-with-data_23-2150461309.jpg"
      imageAlt="Person working on financial data"
      mediaAnimation="opacity"
      inputPlaceholder="Enter your email"
      buttonText="Send Your Inquiry Now"
      termsText="By clicking 'Send Your Inquiry Now', you agree to the Terms and Conditions."
      onSubmit={() => alert('Submitted!')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      logoSrc="http://img.b2bpic.net/free-vector/initials-letter-s-g-logo-design_474888-7384.jpg"
      logoAlt="QuickBooks Logo"
      logoText="QuickBooks"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Features",              href: "#features"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Help Center",              href: "#"},
            {
              label: "Contact Support",              href: "#contact"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About QuickBooks",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Terms & Conditions",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="QuickBooks © 2024. All rights reserved."
      imageSrc="http://img.b2bpic.net/free-photo/blurred-abstract-background-interior-view-looking-out-toward-city-view-with-light-bokeh_1187-1721.jpg"
      imageAlt="Modern office background"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}