"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 FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Get Started",
        href: "#contact",
      }}
      brandName="AussieConnect"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="AussieConnect: Your Gateway to Excellence"
      description="Empowering Australian businesses with innovative solutions and unparalleled support. Experience the difference of a true local partner."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@TechInnovateAU",
          testimonial: "AussieConnect transformed our digital presence. Professional, responsive, and truly understood our vision!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg",
        },
        {
          name: "Mark D.",
          handle: "@BizGrowAustralia",
          testimonial: "Their tailored approach and deep market insights were exactly what we needed. Highly recommend for any business Down Under.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
        },
        {
          name: "Emily R.",
          handle: "@DigitalGrowAU",
          testimonial: "AussieConnect's strategies are brilliant! We've seen significant improvements in our reach and engagement.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg",
        },
        {
          name: "David K.",
          handle: "@InnovateNowAU",
          testimonial: "Their team provides outstanding support and innovative solutions. Truly a partner you can trust.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
        },
        {
          name: "Olivia M.",
          handle: "@FreshStartAU",
          testimonial: "From concept to execution, AussieConnect made our launch seamless and incredibly successful.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg",
          alt: "Sarah J.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
          alt: "Mark D.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7367.jpg",
          alt: "Emily R.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg",
          alt: "David K.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg",
          alt: "Olivia M.",
        },
      ]}
      avatarText="Join our growing community"
      imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7367.jpg"
      imageAlt="Modern Australian cityscape at sunrise, clean and professional"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      title="Connecting You to Australia's Best"
      description="At AussieConnect, we pride ourselves on being more than just a service provider; we are your dedicated partners in growth."
      subdescription="With a deep understanding of the Australian market and a commitment to local values, we deliver bespoke solutions that resonate with your audience and drive tangible results. Our mission is to foster a thriving business landscape across the nation."
      icon={Users}
      imageSrc="http://img.b2bpic.net/free-photo/angry-female-ceo-yelling-her-executive-assistants-due-business-failure_482257-120044.jpg"
      imageAlt="A clean, modern office interior with natural light"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Digital Transformation",
          description: "Streamline operations and enhance customer experiences with cutting-edge digital strategies.",
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-planning-financial-investment-report_482257-77714.jpg",
          imageAlt: "Digital analytics dashboard",
        },
        {
          title: "Market Penetration",
          description: "Expand your reach and connect with new customers through targeted, data-driven campaigns.",
          imageSrc: "http://img.b2bpic.net/free-photo/upset-data-center-worker-packing-desk-after-being-replaced-by-ai_482257-127245.jpg",
          imageAlt: "Global network connectivity",
        },
        {
          title: "Localised Support",
          description: "Benefit from expert guidance and dedicated support tailored to Australian business needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369873.jpg",
          imageAlt: "Team collaboration in an Australian office",
        },
      ]}
      title="Innovative Solutions for a Dynamic Market"
      description="We offer a suite of services crafted to elevate your business in the competitive Australian landscape."
      tag="What We Offer"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Eco-Friendly Laptop Stand",
          price: "$89",
          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-blank-screen-white-table-with-flowerpot-glasses_169016-51623.jpg",
          imageAlt: "Bamboo laptop stand",
        },
        {
          id: "p2",
          name: "Smart Desk Organizer",
          price: "$55",
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-blue-sweatshirt-holding-headphones-gets-ready-wear-them-listen-music_114579-27279.jpg",
          imageAlt: "Minimalist desk organizer",
        },
        {
          id: "p3",
          name: "Wireless Charging Pad",
          price: "$49",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-device-laptop_23-2149319351.jpg",
          imageAlt: "Sleek wireless charger",
        },
        {
          id: "p4",
          name: "Noise-Cancelling Earbuds",
          price: "$129",
          imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699724.jpg",
          imageAlt: "Modern noise-cancelling earbuds",
        },
        {
          id: "p5",
          name: "Reusable Coffee Cup",
          price: "$25",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-aroma-diffuser-moisturizing-air-winter-decor_169016-42661.jpg",
          imageAlt: "Stylish reusable coffee cup",
        },
        {
          id: "p6",
          name: "Ergonomic Mouse",
          price: "$75",
          imageSrc: "http://img.b2bpic.net/free-photo/detailed-shot-girl-eating-grapes_169016-43558.jpg",
          imageAlt: "Ergonomic computer mouse",
        },
      ]}
      title="Our Curated Product Selection"
      description="Discover high-quality products that complement your professional and personal lifestyle, proudly brought to you with an Australian touch."
      tag="Premium Offerings"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Chloe S.",
          role: "Founder",
          company: "Outback Bloom",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
          videoAriaLabel: "Testimonial video from Chloe S.",
        },
        {
          id: "t2",
          name: "Liam K.",
          role: "Director",
          company: "Coastline Carpentry",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/excited-bearded-guy-business-suit-gasping-amazed-looking-with-admiration-showing-okay-sign-sa_1258-173566.jpg",
          videoAriaLabel: "Testimonial video from Liam K.",
        },
        {
          id: "t3",
          name: "Mia T.",
          role: "Marketing Lead",
          company: "Urban Roast Co.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
          videoAriaLabel: "Testimonial video from Mia T.",
        },
        {
          id: "t4",
          name: "Noah P.",
          role: "CEO",
          company: "Desert Drones",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-sitting-staircase-making-hand-gesture_23-2147955296.jpg",
          videoAriaLabel: "Testimonial video from Noah P.",
        },
        {
          id: "t5",
          name: "Ava R.",
          role: "Operations Manager",
          company: "Riverbend Retreats",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",
          videoAriaLabel: "Testimonial video from Ava R.",
        },
      ]}
      kpiItems={[
        {
          value: "99%",
          label: "Client Satisfaction",
        },
        {
          value: "24/7",
          label: "Local Support",
        },
        {
          value: "10+",
          label: "Years in Business",
        },
      ]}
      title="Voices of Our Valued Clients"
      description="Hear directly from Australian businesses and individuals who have thrived with AussieConnect."
      tag="Success Stories"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "150+",
          title: "Businesses Supported",
          items: [
            "Across diverse industries",
            "From startups to enterprises",
          ],
        },
        {
          id: "m2",
          value: "30%",
          title: "Average Growth Rate",
          items: [
            "For our partnered clients",
            "Year-over-year improvement",
          ],
        },
        {
          id: "m3",
          value: "100%",
          title: "Australian Owned",
          items: [
            "Committed to local economy",
            "Supporting homegrown talent",
          ],
        },
      ]}
      title="Driving Growth Across Australia"
      description="Our impact is measured by the success of our partners and the communities we serve."
      tag="Our Impact"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "What services does AussieConnect offer?",
          content: "We offer a comprehensive suite of services including digital transformation, market penetration strategies, and dedicated localised support for businesses across Australia.",
        },
        {
          id: "q2",
          title: "How does AussieConnect cater to the Australian market?",
          content: "Our team possesses deep insights into the unique dynamics of the Australian market, allowing us to provide culturally relevant and effective solutions that resonate with local consumers.",
        },
        {
          id: "q3",
          title: "Is AussieConnect suitable for small businesses?",
          content: "Absolutely! We work with businesses of all sizes, from budding startups to established enterprises, providing scalable solutions tailored to individual needs and budgets.",
        },
        {
          id: "q4",
          title: "What makes AussieConnect different from other providers?",
          content: "Our commitment to being 100% Australian-owned, combined with our passion for local success and personalised service, sets us apart as a true partner in your business journey.",
        },
      ]}
      sideTitle="Common Questions, Clear Answers"
      sideDescription="Find quick answers to the most frequently asked questions about AussieConnect and our services."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Connect With AussieConnect"
      description="Ready to take your business to the next level? Reach out to our team today for a personalised consultation."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your project...",
        rows: 5,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg"
      imageAlt="Modern office interior with contact form"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="AussieConnect"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
