"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Gallery",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/set-six-vintage-restaurant-logos_23-2147616527.jpg"
      logoAlt="The Charcoal Grill Logo"
      brandName="The Charcoal Grill"
      bottomLeftText="Dubai Marina"
      bottomRightText="Luxury Gourmet Burgers"
      button={{
        text: "Order via WhatsApp",        href: "https://wa.me/971501234567"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCarouselLogo
      logoText="The Charcoal Grill"
      description="Experience Culinary Excellence in Dubai Marina. Indulge in the finest Wagyu burgers, expertly crafted fries, and decadent milkshakes."
      buttons={[
        {
          text: "Explore Our Menu",          href: "#menu"},
        {
          text: "Order via WhatsApp",          href: "https://wa.me/971501234567"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868220.jpg",          imageAlt: "Gourmet Wagyu Burger"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg",          imageAlt: "Crispy Fries and Signature Milkshake"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mash-with-side-sliced-cucumber_140725-3446.jpg",          imageAlt: "Luxury Restaurant Interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg",          imageAlt: "Chef Plating a Gourmet Dish"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-bartender-preparing-drink_23-2150347011.jpg",          imageAlt: "Elegant Bar with Luxury Cocktails"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-breakfast-near-pool_72229-1101.jpg",          imageAlt: "Outdoor Dining Area in Dubai Marina"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Prime Wagyu Selection",          description: "Sourced from the finest farms, our Wagyu beef promises an incredibly rich flavor and melt-in-your-mouth tenderness.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-with-herbs-cleaver_23-2148610978.jpg",          imageAlt: "Premium Wagyu beef cut"},
        {
          title: "Masterful Grilling",          description: "Our chefs employ precise charcoal grilling methods, enhancing the natural flavors with a distinctive smoky char.",          imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-burger-with-meat-cutletcheese-tomatoes-lettuce-onion_140725-8118.jpg",          imageAlt: "Charcoal grilling a burger patty"},
        {
          title: "Elegant Ambiance",          description: "Dine in a sophisticated setting that reflects the luxury of Dubai Marina, perfect for an unforgettable culinary journey.",          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",          imageAlt: "Elegant restaurant interior seating"},
      ]}
      title="A Taste of Luxury in Dubai Marina"
      description="The Charcoal Grill is where culinary artistry meets the vibrant heart of Dubai. We are dedicated to delivering an unparalleled gourmet experience, specializing in premium Wagyu beef and innovative charcoal grilling techniques."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Signature Wagyu Truffle Burger",          price: "180 AED",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg",          imageAlt: "Signature Wagyu Truffle Burger"},
        {
          id: "p2",          name: "Foie Gras Wagyu Delight",          price: "250 AED",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-homemade-delicious-sandwich-with-black-olive-plate-left-side-stained-white-surface_179666-34077.jpg",          imageAlt: "Foie Gras Wagyu Delight Burger"},
        {
          id: "p3",          name: "Classic Charcoal Cheeseburger",          price: "140 AED",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad_23-2148784486.jpg",          imageAlt: "Classic Charcoal Cheeseburger"},
        {
          id: "p4",          name: "Golden Crispy Truffle Fries",          price: "60 AED",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sweet-potato-fries-with-copy-space_23-2148678820.jpg",          imageAlt: "Golden Crispy Truffle Fries"},
        {
          id: "p5",          name: "Decadent Chocolate Milkshake",          price: "75 AED",          imageSrc: "http://img.b2bpic.net/free-photo/profiterolesj-with-chocolate-syrop-cream-mint-cookie-chips-tea-lemon-side-view_141793-3181.jpg",          imageAlt: "Decadent Chocolate Milkshake"},
        {
          id: "p6",          name: "Velvet Vanilla Dream Shake",          price: "70 AED",          imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-chocolade-raspberry-slices_140725-370.jpg",          imageAlt: "Velvet Vanilla Dream Shake"},
      ]}
      title="Our Gourmet Menu"
      description="Indulge in a curated selection of premium wagyu burgers, crispy signature fries, and decadent milkshakes, each crafted to perfection."
      tag="Chef's Selections"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          icon: Star,
          title: "5-Star Ratings",          value: "Consistently awarded top marks for quality"},
        {
          id: "m2",          icon: Award,
          title: "Award-Winning Chefs",          value: "Led by culinary masters with international acclaim"},
        {
          id: "m3",          icon: Users,
          title: "Dedicated Patrons",          value: "A growing community of loyal luxury dining enthusiasts"},
      ]}
      title="Our Commitment to Excellence"
      description="Discover the passion and dedication behind every dish, reflected in our exceptional service and culinary achievements."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Dubai Food Guide",        "Gourmet Magazine ME",        "Luxury Lifestyle UAE",        "Michelin Guide Recommended",        "Taste of Arabia Awards",        "Foodie Arabia",        "Dining Excellence Club"]}
      title="Recognized for Culinary Distinction"
      description="Proudly featured and celebrated by leading culinary critics and luxury lifestyle publications."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The Charcoal Grill offers an unparalleled dining experience. The Wagyu burgers are a masterpiece, and the service is truly impeccable. A must-visit in Dubai Marina!"
      rating={5}
      author="Mohammed Al-Farsi"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5052.jpg",          alt: "Mohammed Al-Farsi"},
        {
          src: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-cafe-eating-tasty-pie_285396-1083.jpg",          alt: "Layla Khan"},
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-couple-love-toasting-with-champagne-while-holding-hands-dining-table-focus-is-woman_637285-10238.jpg",          alt: "Omar Hassan"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg",          alt: "Sara Ahmed"},
        {
          src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316784.jpg",          alt: "Jamal Saeed"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit Us or Make a Reservation"
      description="Located in the heart of Dubai Marina, The Charcoal Grill welcomes you to an exquisite dining experience. Contact us for reservations, private events, or any inquiries."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number"},
        {
          name: "guests",          type: "number",          placeholder: "Number of Guests"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message / Reservation Details",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg"
      imageAlt="The Charcoal Grill Restaurant Exterior at Night"
      mediaAnimation="opacity"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/set-six-vintage-restaurant-logos_23-2147616527.jpg"
      logoAlt="The Charcoal Grill Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Gallery",              href: "#menu"},
          ],
        },
        {
          items: [
            {
              label: "Reservations",              href: "#contact"},
            {
              label: "Order via WhatsApp",              href: "https://wa.me/971501234567"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Dubai Marina",              href: "#"},
            {
              label: "+971 50 123 4567",              href: "tel:+971501234567"},
            {
              label: "info@charcoalgrill.ae",              href: "mailto:info@charcoalgrill.ae"},
          ],
        },
      ]}
      logoText="The Charcoal Grill"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}