"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLarge"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Menu",          id: "products"},
        {
          name: "About",          id: "about"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Ruman Al Shaam"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars"}}
      title="Sharjah's Most Loved Premium Juice Experience"
      description="Freshly made pure juices, signature avocado blends, and unforgettable flavors served fast with warm hospitality."
      buttons={[
        {
          text: "Order Now",          href: "#products"},
        {
          text: "Visit Store",          href: "#about"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pear-orange-grapefruit-juice-glass-kitchen-counter-healthy-morning_169016-69610.jpg",          imageAlt: "Luxurious fresh pomegranate juice"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/glass-pomegranate-juice-with-fresh-seeds-wooden-board_114579-73579.jpg",          imageAlt: "Signature avocado blend drink"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-glass-cups-sweet-pomegranate-juice-dark_114579-53551.jpg",          imageAlt: "Fresh berry bliss drink"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/alcohol-drink-garnished-with-rapberries-long-stem-glass_140725-217.jpg",          imageAlt: "Seasonal special drink"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tasty-summer-smoothie_23-2148197830.jpg",          imageAlt: "Healthy juice variety"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/green-summer-smoothie-with-pineapple_23-2147810712.jpg",          imageAlt: "Premium café hospitality"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="The best juice experience in the UAE! The Royal Pomegranate is truly unmatched."
      rating={5}
      author="Sarah Ahmed"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-creamy-cocktail-inside-little-glass-white-surface_140725-63653.jpg",          alt: "Customer profile 1"},
        {
          src: "http://img.b2bpic.net/free-photo/natural-smoothies-with-avocado_23-2148574134.jpg",          alt: "Customer profile 2"},
        {
          src: "http://img.b2bpic.net/free-photo/mixed-berry-infused-water-recipe_53876-18236.jpg",          alt: "Customer profile 3"},
        {
          src: "http://img.b2bpic.net/free-photo/top-view-fresh-yellow-peaches-with-green-cherry-plums-with-coconut-with-fresh-peach-juice-checked-tablecloth-white-background_141793-25545.jpg",          alt: "Customer profile 4"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-woman-holds-japanese-matcha-green-tea-with-ice-glass-cafe-female-with-healthy-antioxidant-beverage-summer-cute-cafe_343596-1820.jpg",          alt: "Customer profile 5"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Royal Pomegranate",          price: "AED 25",          variant: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-iced-tea-table-arrangement_23-2149966931.jpg",          imageAlt: "Royal Pomegranate Drink"},
        {
          id: "p2",          name: "Legendary Avocado Mix",          price: "AED 30",          variant: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-detox-with-kale-avocado-apples-wooden-table_123827-28566.jpg",          imageAlt: "Legendary Avocado Mix"},
        {
          id: "p3",          name: "Berry Bliss",          price: "AED 28",          variant: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-strawberry-smoothie-cup_23-2148303030.jpg",          imageAlt: "Berry Bliss Drink"},
        {
          id: "p4",          name: "Seasonal Special",          price: "AED 22",          variant: "Seasonal",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-colada-morada-assortment_23-2149161517.jpg",          imageAlt: "Seasonal Special Drink"},
        {
          id: "p5",          name: "Classic Orange",          price: "AED 18",          variant: "Fresh",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-mimosa-cocktail-glass-with-orange-slices_23-2149394596.jpg",          imageAlt: "Classic Orange Juice"},
        {
          id: "p6",          name: "Green Detox",          price: "AED 26",          variant: "Health",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-fresh-green-smoothie_23-2148545367.jpg",          imageAlt: "Green Detox Juice"},
      ]}
      title="Signature Drinks"
      description="Discover our collection of handcrafted, premium juices designed to refresh and delight your senses."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      textboxLayout="split"
      animationType="slide-up"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "100% Fresh Ingredients",          descriptions: [
            "Handpicked fruits sourced daily.",            "No preservatives or added sugars."],
          imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-jars-gypsophila-white-background_23-2148028532.jpg"},
        {
          id: "f2",          title: "Fast Service",          descriptions: [
            "Ready to serve when you are.",            "Optimized for your busy schedule."],
          imageSrc: "http://img.b2bpic.net/free-photo/lemonade-piece-chocolate-cake-table-cafe-interior_169016-40026.jpg"},
        {
          id: "f3",          title: "Luxury Presentation",          descriptions: [
            "Beautifully curated for instagram.",            "Served with sophisticated style."],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125751.jpg"},
        {
          id: "f4",          title: "Complimentary Samples",          descriptions: [
            "Try before you buy.",            "Discover your new favorite flavor."],
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-juices-with-straws_23-2148150454.jpg"},
      ]}
      title="Why Choose Us"
      description="We are dedicated to providing the most premium juice experience in Sharjah and Dubai."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About Ruman Al Shaam"
      description={[
        "Founded on the principles of warm Middle Eastern hospitality, Ruman Al Shaam Juices brings fresh, luxury juice experiences to the heart of Sharjah and Dubai.",        "We blend traditional flavors with modern café sophistication, creating a space where everyone can enjoy the finest ingredients in every drop."]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Ruman Al Shaam"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Royal Pomegranate",              href: "#products"},
            {
              label: "Avocado Mix",              href: "#products"},
            {
              label: "Seasonal Specials",              href: "#products"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Locations",              href: "#contact"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Sharjah Branch",              href: "#contact"},
            {
              label: "Dubai Branch",              href: "#contact"},
            {
              label: "Corporate Orders",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2025 Ruman Al Shaam Juices"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
