"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Flavours",
          id: "/menu",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/illustration-skeleton-skate-board_1284-51436.jpg"
      logoAlt="Rock Star Ice Creams logo"
      brandName="Rock Star Ice Creams"
      button={{
        text: "Visit Us Today",
        href: "/contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static",
      }}
      title="THE ICE CREAM SHOP THAT ROCKS"
      description="From creamy classics to unforgettable vegan creations, every scoop is handcrafted to turn ordinary days into legendary memories."
      buttons={[
        {
          text: "Explore Flavours",
          href: "/menu",
        },
        {
          text: "Visit Us Today",
          href: "/contact",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-yogurt-parfait-decorated-with-cooki-crumbs-chocolate-chips-glass_140725-10135.jpg",
          imageAlt: "Family enjoying ice cream",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-woman-with-ring-eating-ice-cream-selective-focus-woman-enjoying-tasty-dessert_197531-14515.jpg",
          imageAlt: "Kids eating sundaes",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-macarons-close-up_1401-319.jpg",
          imageAlt: "Ice cream being scooped",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-tasty-ice-cream_23-2150232358.jpg",
          imageAlt: "Colorful ice cream sundaes",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/sharing-birthday-cake_1098-15518.jpg",
          imageAlt: "Smiling customers at counter",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637161.jpg",
          imageAlt: "Vegan ice cream being prepared",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "★★★★★ 4.9 Customer Rating",
        "Thousands of Smiles Served",
        "Premium Ingredients",
        "Vegan-Friendly Options",
        "Generous Portions",
        "Award-Winning Flavours",
        "Local Favourite",
      ]}
      title="Our Rock Star Status"
      description="Don't just take our word for it—our customers rave about the experience!"
    />
  </div>

  <div id="featured-flavours" data-section="featured-flavours">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "flavour-pretzel",
          brand: "Signature",
          name: "Sweet & Salty Pretzel",
          price: "From $5.99",
          rating: 5,
          reviewCount: "210",
          imageSrc: "http://img.b2bpic.net/free-photo/fluffy-meringue-muffins-with-black-dry-grapes-table_114579-22152.jpg",
          imageAlt: "Sweet & Salty Pretzel ice cream",
        },
        {
          id: "flavour-bears-claw",
          brand: "Indulgent",
          name: "Bear's Claw",
          price: "From $6.49",
          rating: 4.9,
          reviewCount: "185",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tasty-gelato-scoops_23-2148425334.jpg",
          imageAlt: "Bear's Claw ice cream",
        },
        {
          id: "flavour-grammys",
          brand: "Classic",
          name: "Grammy's Cupboard",
          price: "From $5.79",
          rating: 5,
          reviewCount: "250",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cookie-dough-ice-cream-with-chocolate-chips_23-2151988802.jpg",
          imageAlt: "Grammy's Cupboard ice cream",
        },
        {
          id: "flavour-sherbets",
          brand: "Refreshing",
          name: "Fresh Fruit Sherbets",
          price: "From $5.50",
          rating: 4.8,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-berries-cherry-appetizing-persimmons-around-bowl-berries_140725-72025.jpg",
          imageAlt: "Fresh Fruit Sherbets",
        },
        {
          id: "flavour-vegan",
          brand: "Dairy-Free",
          name: "Vegan Collection",
          price: "From $6.99",
          rating: 4.9,
          reviewCount: "190",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-nougat-with-nuts_23-2148431186.jpg",
          imageAlt: "Vegan ice cream",
        },
        {
          id: "treat-affogato",
          brand: "Coffee",
          name: "Affogato & Espresso",
          price: "From $4.99",
          rating: 4.7,
          reviewCount: "95",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-ice-cream-glass_23-2147985635.jpg",
          imageAlt: "Affogato with espresso",
        },
      ]}
      title="Featured Flavours & Treats"
      description="Discover our handcrafted creations, from creamy classics to refreshing vegan delights and perfect coffee pairings."
      buttons={[
        {
          text: "View All Flavours",
          href: "/menu",
        },
      ]}
    />
  </div>

  <div id="why-love-us" data-section="why-love-us">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-portions",
          value: "🎸",
          title: "Portions Worth Applauding",
          items: [
            "Nobody leaves hungry.",
            "Every serving is generous and satisfying.",
          ],
        },
        {
          id: "metric-variety",
          value: "🍦",
          title: "Something For Everyone",
          items: [
            "Traditional favourites, adventurous flavours.",
            "Vegan delights, sundaes, coffee & more.",
          ],
        },
        {
          id: "metric-service",
          value: "❤️",
          title: "Service With Heart",
          items: [
            "Every guest is welcomed like family.",
            "Smiling owner who genuinely loves people.",
          ],
        },
        {
          id: "metric-quality",
          value: "✨",
          title: "Premium Quality",
          items: [
            "Fresh ingredients, artisan craftsmanship.",
            "Unforgettable flavour combinations.",
          ],
        },
      ]}
      title="Why Customers Love Us"
      description="We're more than just ice cream—we're an experience built on passion, quality, and generous hospitality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      carouselMode="auto"
      testimonials={[
        {
          id: "1",
          name: "Jorge & Cecil Perez",
          role: "Local Foodies",
          company: "Community Supporter",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-688.jpg",
        },
        {
          id: "2",
          name: "Jennifer H.",
          role: "Vegan Advocate",
          company: "Dairy-Free Diner",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-ice-creams_23-2149426775.jpg",
        },
        {
          id: "3",
          name: "Richie",
          role: "Dessert Enthusiast",
          company: "Sweet Tooth Club",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-shot-happy-cute-young-woman-sofa-eating-bowl-cereals-with-milk-smiling_1258-203994.jpg",
        },
        {
          id: "4",
          name: "Vailankanni Joseph",
          role: "Satisfied Customer",
          company: "Happy Visitor",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-making-phone-call-while-relaxing-office-repair-shop_637285-11573.jpg",
        },
        {
          id: "5",
          name: "Sarah T.",
          role: "Family Mom",
          company: "Local Parent",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-having-fun-together-outdoors-with-ice-cream-milkshake_23-2148735485.jpg",
        },
        {
          id: "6",
          name: "Mark D.",
          role: "Weekend Hiker",
          company: "Adventure Seeker",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-caresses_1187-746.jpg",
        },
      ]}
      title="What Our Fans Are Saying"
      description="Hear directly from our rock star customers who keep coming back for an encore."
    />
  </div>

  <div id="rock-star-experience" data-section="rock-star-experience">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="More Than Ice Cream"
      description="Whether you're celebrating with family, rewarding yourself after a hike, grabbing a quick cappuccino, or sharing a sundae with friends, Rock Star Ice Creams creates moments worth remembering."
      metrics={[
        {
          value: "⭐⭐⭐⭐⭐",
          title: "5-Star Local Favourite",
        },
        {
          value: "200+",
          title: "Flavours Explored",
        },
        {
          value: "10K+",
          title: "Smiles Served",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-cute-couple-with-pink-ice-cream_23-2148311199.jpg"
      imageAlt="Family enjoying sundaes at Rock Star Ice Creams"
      mediaAnimation="slide-up"
      buttons={[
        {
          text: "Plan Your Visit",
          href: "/contact",
        },
      ]}
    />
  </div>

  <div id="final-cta" data-section="final-cta">
      <ContactSplitForm
      useInvertedBackground={true}
      title="READY FOR YOUR NEXT FAVORITE SCOOP?"
      description="Life is too short for ordinary ice cream. Visit Rock Star Ice Creams and make your day legendary."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      mediaPosition="right"
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/woman-kid-with-ice-creams-side-view_23-2149426708.jpg"
      imageAlt="Woman and child enjoying ice cream"
      buttons={[
        {
          text: "Visit Rock Star Ice Creams",
          href: "/contact",
        },
        {
          text: "Get Directions",
          href: "https://maps.app.goo.gl/your-location",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Flavours",
              href: "/menu",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Menu",
          items: [
            {
              label: "Ice Cream",
              href: "/menu#ice-cream",
            },
            {
              label: "Vegan Options",
              href: "/menu#vegan",
            },
            {
              label: "Coffee & Treats",
              href: "/menu#drinks-bakery",
            },
            {
              label: "Sundaes",
              href: "/menu#sundaes",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/rockstaricecreams",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/rockstaricecreams",
            },
            {
              label: "TikTok",
              href: "https://tiktok.com/@rockstaricecreams",
            },
            {
              label: "Directions",
              href: "https://maps.app.goo.gl/your-location",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/illustration-skeleton-skate-board_1284-51436.jpg"
      logoAlt="Rock Star Ice Creams logo"
      logoText="Rock Star Ice Creams"
      copyrightText="© 2024 Rock Star Ice Creams. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
