"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Flame, MapPin, Users, Utensils, Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Menu",          id: "products"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Jackson and Black"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient"}}
      title="Experience Paarl's Finest Grill"
      description="Indulge in an exquisite culinary journey at Jackson and Black, where quality, passion, and flavor meet in the heart of Frater Square."
      mediaItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778438630476-vsufap55.png",          imageAlt: "Restaurant ambiance"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778438724980-c7g74zy9.png",          imageAlt: "Delicious grilled ribs"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778439028583-m4nlvps7.png",          imageAlt: "Bar area"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778439277194-qn3bcq1a.png",          imageAlt: "Elegant table setting"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778439044083-j541xuyw.png",          imageAlt: "Service staff preparing a table"},
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Where Hospitality Meets Passion"
      description="At Jackson and Black, we believe that every meal is an occasion. Nestled in Paarl, we take pride in serving world-class dishes in an inviting setting."
      subdescription="Whether it's a date night or a family celebration, we strive to make every moment spent with us unforgettable."
      imageSrc="http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113115.jpg"
      mediaAnimation="slide-up"
      icon={Flame}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Flame,
          title: "Fire-Grilled Mastery",          description: "Expertly prepared cuts of meat grilled to perfection on our open flames."},
        {
          icon: Utensils,
          title: "Seasonal Freshness",          description: "Locally sourced, fresh ingredients used in every dish we serve."},
        {
          icon: MapPin,
          title: "Sunset Views",          description: "Enjoy the best outdoor seating and sunset views in Paarl at Frater Square."},
        {
          icon: Wine,
          title: "Curated Wine List",          description: "Hand-picked local wines paired to elevate every bite."},
        {
          icon: Users,
          title: "Warm Atmosphere",          description: "Designed for comfort and connection in a timeless setting."},
      ]}
      title="Why You'll Love Dining With Us"
      description="From our locally sourced ingredients to our attentive service, we ensure an exceptional dining experience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Signature BBQ Ribs",          price: "R 245",          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23831.jpg"},
        {
          id: "p2",          name: "Wagyu Beef Burger",          price: "R 185",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad_23-2148784486.jpg"},
        {
          id: "p3",          name: "Crispy Pork Belly",          price: "R 210",          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23834.jpg"},
        {
          id: "p4",          name: "Aged Sirloin Steak",          price: "R 280",          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg"},
        {
          id: "p5",          name: "Sweet Potato Fries",          price: "R 45",          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-lettuce-tomato-cucumber-olives-corns-fried-eggplants-side-view_141793-2493.jpg"},
        {
          id: "p6",          name: "Craft Draught Beer",          price: "R 55",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778440028708-zw6bzfmk.png"},
      ]}
      title="Our Signature Menu"
      description="A curated selection of our most loved dishes, prepared with love and high-quality ingredients."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Serving Paarl with Pride"
      tag="Our Growth"
      metrics={[
        {
          id: "m1",          value: "1,000+",          description: "Happy Guests Served"},
        {
          id: "m2",          value: "4.6",          description: "Star Google Rating"},
        {
          id: "m3",          value: "100%",          description: "Fresh Ingredients"},
        {
          id: "m4",          value: "20",          description: "Years of Experience"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Marilize De Bruin",          handle: "@marilize",          testimonial: "Amazing food and service! The team made us feel so special for date night.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
        {
          id: "t2",          name: "Nicolaas Bestbier",          handle: "@nicolaas",          testimonial: "We had the best waiter ever! Attentive, creative, and delicious food.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-man-isolated_273609-36379.jpg"},
        {
          id: "t3",          name: "C Rudolph",          handle: "@crudolph",          testimonial: "A dinner experience to remember. Definitely recommend booking for sunset views.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg"},
        {
          id: "t4",          name: "Sarah Miller",          handle: "@sarahm",          testimonial: "The ribs are to die for. Perfectly prepared and excellent portions.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg"},
        {
          id: "t5",          name: "David Khoza",          handle: "@dkhoza",          testimonial: "Fantastic atmosphere and great value for money. Will definitely come back.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199004.jpg"},
      ]}
      title="Stories from Our Guests"
      description="See why locals and visitors alike make us their go-to dining destination."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready for a table? Reserve your experience with us today and savor the flavors of Jackson and Black."
      buttons={[
        {
          text: "Book a Table",          href: "https://dineplan.com"},
        {
          text: "View Full Menu",          href: "https://jacksonandblack.co.za"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Jackson & Black"
      columns={[
        {
          title: "Restaurant",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Menu",              href: "#products"},
            {
              label: "Bookings",              href: "https://dineplan.com"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "021 872 9283",              href: "tel:0218729283"},
            {
              label: "Frater Square, Paarl",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Jackson and Black Grill & Pizzeria"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}