"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "/" },
        { name: "Menu", id: "/menu" },
        { name: "Reservations", id: "/reservations" },
        { name: "About", id: "/about" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="Rowleys"
    />
  </div>

  <div id="home-hero" data-section="home-hero">
      <HeroCarouselLogo
      logoText="Rowleys"
      description="Dubai’s Destination for Premium Steak. Expertly crafted steaks, premium ingredients, and exceptional hospitality."
      buttons={[
        { text: "Reserve a Table", href: "/reservations" },
        { text: "Explore Menu", href: "/menu" },
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/delicious-meat-table_23-2150857796.jpg", imageAlt: "Cinematic steak grilling" },
        { imageSrc: "http://img.b2bpic.net/free-photo/some-macaroni-black-plate-black-background-side-view_176474-3927.jpg", imageAlt: "Luxury dining room" },
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg", imageAlt: "Wine pairing" },
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157780.jpg", imageAlt: "Chef plating" },
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157824.jpg", imageAlt: "Fire grilling" },
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279488.jpg", imageAlt: "Atmosphere" },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Premium Cuts",          description: "Only the finest, hand-selected dry-aged beef.",          media: { imageSrc: "http://img.b2bpic.net/free-vector/restaurant-bar-hand-drawn-icon-web-print-mobile_1057-11220.jpg", imageAlt: "Premium Cuts" },
          items: [],
          reverse: false
        },
        {
          title: "Exceptional Service",          description: "Attentive, personalized hospitality.",          media: { imageSrc: "http://img.b2bpic.net/free-vector/four-golden-stars_1017-7698.jpg", imageAlt: "Service" },
          items: [],
          reverse: true
        },
        {
          title: "Elegant Ambiance",          description: "A sophisticated setting for memories.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg?_wi=1", imageAlt: "Ambiance" },
          items: [],
          reverse: false
        },
      ]}
      title="Unrivaled Craftsmanship"
      description="Excellence in every detail."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Classic Ribeye", price: "AED 350", imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg?_wi=2" },
        { id: "p2", name: "Wagyu Ribeye", price: "AED 550", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg" },
        { id: "p3", name: "Tomahawk Steak", price: "AED 750", imageSrc: "http://img.b2bpic.net/free-photo/putting-piece-meat-steak-into-another-persons-plate-with-salad_114579-3687.jpg" },
        { id: "p4", name: "Filet Mignon", price: "AED 400", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg" },
        { id: "p5", name: "Striploin", price: "AED 380", imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-tomato-pepper-sauce_141793-974.jpg" },
        { id: "p6", name: "T-Bone Special", price: "AED 450", imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-slices-served-with-mashed-potato_140725-5854.jpg" },
      ]}
      title="Signature Steaks"
      description="Masterfully prepared signature dishes."
    />
  </div>

  <div id="about-rowleys" data-section="about-rowleys">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="About Rowleys"
      description="Born from a passion for perfection, Rowleys Steakhouse redefines the luxury dining experience."
      bulletPoints={[
        { title: "Flame-Grilled Perfection", description: "Expertly seared in our custom wood-fired grill." },
        { title: "Exceptional Hospitality", description: "Personalized service by experienced staff." },
        { title: "Refined Ambiance", description: "Elegant, sophisticated, and warm." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah Johnson", role: "Food Critic", testimonial: "One of the best steaks in Dubai.", imageSrc: "http://img.b2bpic.net/free-photo/woman-kissing-man-with-flowers-cheek_23-2148014453.jpg" },
        { id: "2", name: "Michael Chen", role: "Regular Guest", testimonial: "Exceptional hospitality!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg" },
        { id: "3", name: "Emily Rodriguez", role: "Traveler", testimonial: "An unforgettable meal.", imageSrc: "http://img.b2bpic.net/free-photo/man-chef-holding-rhubarb-kitchen_1303-32145.jpg" },
        { id: "4", name: "David Kim", role: "Business Executive", testimonial: "Best steak in the city.", imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg" },
        { id: "5", name: "Layla Ahmed", role: "Local Gourmet", testimonial: "Service and quality never disappoint.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-partying-home_23-2148741472.jpg" },
      ]}
      title="Guest Experiences"
      description="What our guests say."
    />
  </div>

  <div id="contact-section" data-section="contact-section">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      text="Reserve your premium dining experience at Rowleys Steakhouse."
      buttons={[{ text: "Book Now", href: "/reservations" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Rowleys"
      columns={[
        { title: "Navigation", items: [{ label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Reservations", href: "/reservations" }] },
        { title: "Location", items: [{ label: "Downtown Dubai", href: "#" }, { label: "Parking Info", href: "#" }] },
        { title: "Contact", items: [{ label: "+971 4 000 0000", href: "tel:+97140000000" }, { label: "reservations@rowleys.com", href: "mailto:reservations@rowleys.com" }] },
      ]}
      copyrightText="© 2025 Rowleys Steakhouse"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}