"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            navItems={[
              { name: "Home", id: "/" },
              { name: "Shop", id: "/shop" },
              { name: "Men's", id: "/men" },
              { name: "Women's", id: "/women" },
              { name: "Accessories", id: "/accessories" },
              { name: "Drops", id: "/seasonal-drops" },
              { name: "About", id: "/about" },
              { name: "Contact", id: "/contact" },
            ]}
            logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
            logoAlt="Shark Wave logo"
            brandName="Shark Wave"
            bottomLeftText="Luxury Streetwear"
            bottomRightText="Premium Style, Affordable Price."
            button={{
              text: "Account", href: "/account" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardTestimonial
            useInvertedBackground={false}
            background={{
              variant: "radial-gradient" }}
            title="Shark Wave — Premium Style, Affordable Price."
            description="Discover our exclusive seasonal drops and limited-edition collections. High-end luxury streetwear inspired by the power of the ocean, crafted for the discerning individual."
            testimonials={[
              {
                name: "Alex K.", handle: "@alexk_style", testimonial: "Shark Wave redefines luxury streetwear. The quality is insane for the price, and every drop is a must-have.", rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-city_1303-16811.jpg"},
              {
                name: "Mia S.", handle: "@mia.fashion", testimonial: "I'm obsessed with my latest Shark Wave jacket. It's so unique and I get compliments everywhere!", rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg"},
              {
                name: "Chris P.", handle: "@urban_vibes", testimonial: "Finally, a brand that delivers true premium feel without breaking the bank. Shark Wave is my new go-to.", rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg"},
              {
                name: "Lena R.", handle: "@lena.threads", testimonial: "The attention to detail in Shark Wave's collections is incredible. It feels truly exclusive.", rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/african-american-student_1303-5184.jpg"},
              {
                name: "Sam W.", handle: "@sam_streetstyle", testimonial: "Each piece feels tailored and looks high-fashion. Shark Wave has elevated my entire wardrobe.", rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-thrift-shop-medium-shot_23-2149726860.jpg"},
            ]}
            buttons={[
              {
                text: "Shop the Latest Drop", href: "/shop"},
            ]}
            avatars={[
              {
                src: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg", alt: "Alex K."},
              {
                src: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-with-mobile-phone_1301-4462.jpg", alt: "Mia S."},
              {
                src: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg", alt: "Chris P."},
              {
                src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149652107.jpg", alt: "Lena R."},
              {
                src: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg", alt: "Sam W."},
            ]}
            avatarText="Join 100,000+ satisfied customers!"
            imageSrc="http://img.b2bpic.net/free-photo/sexy-fbi-female-agent-abadoned-place_627829-8702.jpg"
            imageAlt="Models wearing Shark Wave premium streetwear collection"
            mediaAnimation="slide-up"
            marqueeItems={[
              {
                type: "text", text: "Always Ahead of the Curve"},
              {
                type: "text", text: "Sustainable Style"},
              {
                type: "text", text: "Exclusive Drops Weekly"},
              {
                type: "text", text: "Luxury for Less"},
              {
                type: "text", text: "Inspired by the Ocean"},
            ]}
          />
        </div>

        <div id="featured-seasonal-drop" data-section="featured-seasonal-drop">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="bento-grid"
            useInvertedBackground={false}
            products={[
              {
                id: "p1", name: "Hydro-Flex Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-girl-red-leather-jacket-posed-chair-against-brick-wall_627829-8892.jpg", imageAlt: "Model wearing a dark premium hoodie"},
              {
                id: "p2", name: "Ocean Flow Tee", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/image-funny-woman-sunglasses_197531-33369.jpg", imageAlt: "Woman wearing an elegant oversized t-shirt"},
              {
                id: "p3", name: "Abyssal Joggers", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-using-his-phone_58466-11012.jpg", imageAlt: "Unisex premium jogger pants in black"},
              {
                id: "p4", name: "Tidal Bomber Jacket", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/woman-feel-freeze-wears-grey-coat_633478-2755.jpg", imageAlt: "Model wearing a stylish bomber jacket"},
              {
                id: "p5", name: "Reef Denim Jacket", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/summer-time-big-city-adorable-woman-walking-street-dressed-jacket-white-suit-with-glasses-expressing-positivity-smiling-camera-joyful-cheerful-mood-true-emotions-vacation_291650-1506.jpg", imageAlt: "Woman wearing a chic denim jacket"},
              {
                id: "p6", name: "Wave Crest Tee", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-couple-black-clothes-spends-good-time-beach_1157-13432.jpg", imageAlt: "Model wearing a tailored white t-shirt"},
            ]}
            title="Featured Seasonal Drop: Apex Collection"
            description="Embrace the essence of the season with our latest Apex Collection. Bold designs, unparalleled comfort, and the signature Shark Wave edge."
          />
        </div>

        <div id="brand-features" data-section="brand-features">
          <FeatureCardTwentyThree
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                id: "f1", title: "Limited-Run Collections", tags: [
                  "Exclusive"],
                imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-shopping-bags_1157-33432.jpg", imageAlt: "Exclusive limited edition clothing display"},
              {
                id: "f2", title: "Meticulous Craftsmanship", tags: [
                  "Quality"],
                imageSrc: "http://img.b2bpic.net/free-photo/cheerful-happy-woman-floral-vneck-dress-holds-pen-designs-new-fashion-collections-charming-lady-talks-phone_197531-29845.jpg", imageAlt: "Fashion design sketch detailed drawing"},
              {
                id: "f3", title: "Sustainable Practices", tags: [
                  "Conscious"],
                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-hat-with-short-haircut-center-big-city-close-up-portrait-soft-backlight_1321-2729.jpg", imageAlt: "Dynamic fashion models in an urban setting"},
            ]}
            title="The Tide of Style: Exclusive Seasonal Drops"
            description="Dive into our limited-edition collections, crafted for those who set trends, not follow them. Each drop is a unique expression of high-end design, inspired by the untamed spirit of the ocean."
          />
        </div>

        <div id="limited-edition-items" data-section="limited-edition-items">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            products={[
              {
                id: "le1", name: "Guardian Tee", price: "$75", imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-43878.jpg", imageAlt: "Exclusive graphic print t-shirt in black"},
              {
                id: "le2", name: "Oceanic Denim", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-posing-pink-background-denim-overall-fashion-trend_285396-7150.jpg", imageAlt: "Rare embroidered denim jacket in blue"},
              {
                id: "le3", name: "Wave Silk Scarf", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/white-beige-wedding-shoes-circled-around-engagement-ring-middle_8353-10521.jpg", imageAlt: "Limited edition luxury silk scarf in navy"},
              {
                id: "le4", name: "Apex Hoodie", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-latino-guy-wearing-blank-grey-sweatportrait-with-hood-looking-suspiciously-isolated-white_346278-1065.jpg", imageAlt: "Exclusive numbered hoodie in grey"},
              {
                id: "le5", name: "Deep Dive Wallet", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/beads-jewelry-red-paper-bag-wooden-background_23-2148101575.jpg", imageAlt: "Rare leather wallet, men's accessory"},
              {
                id: "le6", name: "Tidal Cap", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-holographic-glasses_23-2148323524.jpg", imageAlt: "Exclusive custom baseball cap in black"},
            ]}
            title="Unleash Your Unique Style: Limited Edition"
            description="These pieces are more than clothing; they're statements. Grab a piece of history before it vanishes, only at Shark Wave."
          />
        </div>

        <div id="customer-reviews" data-section="customer-reviews">
          <TestimonialCardTwelve
            useInvertedBackground={false}
            testimonials={[
              {
                id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/positive-girl-red-top-with-wide-sleeves-colored-glasses-dancing-pink-space_197531-15594.jpg", imageAlt: "Sarah J."},
              {
                id: "t2", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/casual-young-indian-man-silver-blazer-sunglasses-posed-against-wooden-background-making-selfie-phone_627829-1587.jpg", imageAlt: "Mark L."},
              {
                id: "t3", name: "Emily C.", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-holding-yellow-paper-bags_23-2148326639.jpg", imageAlt: "Emily C."},
              {
                id: "t4", name: "David R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-turtleneck-sweater-jeans-fashion-hipster-male-posing-near-blue-wall-studio-isolated-crossed-arms_158538-25083.jpg", imageAlt: "David R."},
              {
                id: "t5", name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tanned-young-brunette-woman-light-denim-jacket-posing-against-white-building_197531-17045.jpg", imageAlt: "Jessica M."},
              {
                id: "t6", name: "Daniel P.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-with-trucker-hats_23-2149412773.jpg", imageAlt: "Daniel P."},
            ]}
            cardTitle="Hear the Roar of Our Customers"
            cardTag="Customer Reviews"
            cardAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/beach-background-with-clam-shells-remixed-from-artworks-by-augustus-addison-gould_53876-104879.jpg"
            imageAlt="Stylized ocean wave with subtle shark fin"
            logoText="Shark Wave"
            columns={[
              {
                title: "Shop", items: [
                  {
                    label: "All Products", href: "/shop"},
                  {
                    label: "Men's Collection", href: "/men"},
                  {
                    label: "Women's Collection", href: "/women"},
                  {
                    label: "Accessories", href: "/accessories"},
                  {
                    label: "Seasonal Drops", href: "/seasonal-drops"},
                ],
              },
              {
                title: "Company", items: [
                  {
                    label: "About Us", href: "/about"},
                  {
                    label: "Contact Us", href: "/contact"},
                  {
                    label: "Blog", href: "/seasonal-drops"},
                  {
                    label: "Careers", href: "#"},
                ],
              },
              {
                title: "Support", items: [
                  {
                    label: "FAQ", href: "/contact#faq"},
                  {
                    label: "Shipping & Returns", href: "#"},
                  {
                    label: "Order Tracking", href: "#"},
                  {
                    label: "Privacy Policy", href: "#"},
                  {
                    label: "Terms of Service", href: "#"},
                ],
              },
              {
                title: "Social", items: [
                  {
                    label: "Instagram", href: "https://instagram.com/sharkwave"},
                  {
                    label: "TikTok", href: "https://tiktok.com/@sharkwave"},
                  {
                    label: "Facebook", href: "https://facebook.com/sharkwave"},
                  {
                    label: "Twitter", href: "https://twitter.com/sharkwave"},
                ],
              },
            ]}
            copyrightText="© 2024 Shark Wave. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
