34afba44-ead6-43e2-9fa1-ea1f1d0e2328/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Shop", id: "products" },
        { name: "Wellness", id: "features" },
        { name: "Testimonials", id: "testimonials" },
      ]}
      brandName="PowerOra"
      button={{ text: "Get Started", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{ variant: "plain" }}
      title="Empower Your Wellness"
      description="Unlock your peak performance with premium fitness gear and wellness tools designed for your modern lifestyle. Discover the PowerOra difference."
      tag="New Arrivals"
      mediaItems={[
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-fitness-model-performing-a--1774770593903-c7799a16.png", imageAlt: "Wellness lifestyle" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/close-up-of-healthy-lifestyle-accessorie-1774770595234-8f57d49c.png", imageAlt: "Fitness equipment" }
      ]}
      mediaAnimation="blur-reveal"
      rating={5}
      ratingText="Loved by 10,000+ athletes"
      tagIcon={Sparkles}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "f1", label: "Performance", title: "Elite Engineering", items: ["Durability tested", "Ergonomic design", "Advanced materials"] },
        { id: "f2", label: "Wellness", title: "Holistic Approach", items: ["Focus on recovery", "Mental clarity tools", "Daily wellness habits"] },
        { id: "f3", label: "Style", title: "Modern Aesthetic", items: ["Sleek minimalist look", "Premium color palettes", "Designed to inspire"] }
      ]}
      title="Designed for Results"
      description="Our collection brings together innovation, aesthetics, and functionality for a complete wellness experience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "PowerBuds Pro", price: "$129", variant: "Midnight Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/premium-wireless-fitness-earbuds-with-me-1774770594678-7547777a.png" },
        { id: "p2", name: "OraTrack Elite", price: "$199", variant: "Nebula Purple", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/advanced-smartwatch-on-a-dark-velvet-sur-1774770593724-741ca2a8.png" },
        { id: "p3", name: "FlexCore Band Set", price: "$89", variant: "Midnight", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/high-performance-resistance-bands-in-a-m-1774770593858-aeba69cd.png" }
      ]}
      title="Essentials Collection"
      description="Browse our curated list of high-quality products to boost your fitness routine."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Sarah J.", handle: "@sarahfit", testimonial: "The quality of these products is unmatched. Truly elevated my training routine.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-fitness-enthu-1774770593969-f4519d0c.png" },
        { id: "t2", name: "Michael T.", handle: "@mt_fitness", testimonial: "I never knew wellness equipment could look this good and perform this well.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-yoga-instruct-1774770597254-b6000cb7.png?_wi=1" },
        { id: "t3", name: "Elena R.", handle: "@elena_wellness", testimonial: "Absolutely love the aesthetic of my PowerOra setup. A total game changer.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-young-athlete-1774770595348-8c777856.png" },
        { id: "t4", name: "David W.", handle: "@david_lifts", testimonial: "Professional-grade gear that fits perfectly into my busy lifestyle.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-wellness-advo-1774770594177-8b01242e.png" },
        { id: "t5", name: "Julia P.", handle: "@julia_yoga", testimonial: "Incredible durability. These bands have become a staple in my daily practice.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/professional-portrait-of-a-yoga-instruct-1774770597254-b6000cb7.png?_wi=2" }
      ]}
      showRating={true}
      title="Community Voices"
      description="Real stories from those transforming their health with PowerOra."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Have questions about our gear? Send us a message and our team will get back to you shortly."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/luxury-gym-interior-aesthetic-dark-marbl-1774770594462-7227d7ed.png?_wi=1"
      mediaAnimation="slide-up"
      inputs={[
        { name: "name", type: "text", placeholder: "Your Full Name", required: true },
        { name: "email", type: "email", placeholder: "Your Email Address", required: true }
      ]}
      textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvKTqYwLM99Wipy1p4nAMeR6M/luxury-gym-interior-aesthetic-dark-marbl-1774770594462-7227d7ed.png?_wi=2"
      columns={[
        { title: "Store", items: [{ label: "Shop All", href: "#products" }, { label: "New Arrivals", href: "#" }] },
        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#" }] }
      ]}
      logoText="PowerOra"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}