"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Briefcase, CalendarCheck, Facebook, Instagram, Sparkles, Twitter, Users, Utensils, Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Experiences",
          id: "#features",
        },
        {
          name: "Menu",
          id: "#products",
        },
        {
          name: "Events",
          id: "#pricing",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/variety-vintage-badges_23-2147508112.jpg"
      logoAlt="Gramercy Tavern Logo"
      brandName="Gramercy Tavern"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient",
      }}
      logoText="Gramercy Tavern"
      description="Experience American cuisine in a legendary 1907 space. Reserve your table at Gramercy Tavern today."
      buttons={[
        {
          text: "Make a Reservation",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/appetizer-with-shrimps-onion-rings-served-with-sauce-wine_140725-7765.jpg?_wi=1"
      imageAlt="Elegant main dining room at Gramercy Tavern"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="A Legacy of Culinary Excellence"
      description="Gramercy Tavern has been a cornerstone of New York City's dining scene since its inception, offering an unparalleled experience blending historic charm with contemporary American cuisine. Our commitment to quality, seasonal ingredients, and impeccable service defines every visit."
      metrics={[
        {
          value: "30+",
          title: "Years of Tradition",
        },
        {
          value: "★★★★★",
          title: "Michelin Star Rated",
        },
        {
          value: "100+",
          title: "Wine Selections",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-mystical-other-worldly-sky_23-2150946944.jpg?_wi=1"
      imageAlt="Historic interior of Gramercy Tavern with classic decor"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Refined Dining Room",
          description: "Experience our main dining room with its elegant ambiance, impeccable service, and a menu that reinterprets classic American cuisine with seasonal ingredients.",
          icon: Utensils,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-date-with-her-boyfriend-valentine-s-day_23-2149161984.jpg",
              imageAlt: "Elegantly set dining table in the main dining room",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_1203-9348.jpg",
              imageAlt: "A beautifully plated signature dish",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/appetizer-with-shrimps-onion-rings-served-with-sauce-wine_140725-7765.jpg?_wi=2",
          imageAlt: "elegantly set restaurant table fine dining",
        },
        {
          title: "Vibrant Tavern Room",
          description: "For a more casual yet equally exquisite experience, our Tavern Room offers a lively atmosphere, a diverse menu, and a curated selection of beverages.",
          icon: Wine,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-vegetable-salad-dark-surface_140725-88403.jpg",
              imageAlt: "A signature dish from the Tavern Room menu",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",
              imageAlt: "Lively atmosphere in the Tavern Room",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-mystical-other-worldly-sky_23-2150946944.jpg?_wi=2",
          imageAlt: "elegantly set restaurant table fine dining",
        },
        {
          title: "Exclusive Private Events",
          description: "Host an unforgettable private event in one of our dedicated spaces. Perfect for corporate gatherings, intimate celebrations, or grand receptions, tailored to your needs.",
          icon: CalendarCheck,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741474.jpg",
              imageAlt: "Elegant private dining room set up for an event",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157773.jpg",
              imageAlt: "Details of a private event table setting",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/sunday-roast-chicken-with-potatoes-holiday-meal_53876-103590.jpg?_wi=1",
          imageAlt: "elegantly set restaurant table fine dining",
        },
      ]}
      title="Our Signature Experiences"
      description="From intimate dinners to grand celebrations, Gramercy Tavern offers diverse dining experiences tailored to every occasion. Discover our unique spaces and culinary offerings designed to delight."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "product-1",
          brand: "Gramercy Tavern",
          name: "Roasted Chicken",
          price: "$45",
          rating: 5,
          reviewCount: "210 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/sunday-roast-chicken-with-potatoes-holiday-meal_53876-103590.jpg?_wi=2",
          imageAlt: "Gourmet Roasted Chicken",
        },
        {
          id: "product-2",
          brand: "Gramercy Tavern",
          name: "Seared Scallops",
          price: "$52",
          rating: 5,
          reviewCount: "180 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-khinkali-dough-white-bowl-grey-surface_114579-34797.jpg",
          imageAlt: "Seared Scallops",
        },
        {
          id: "product-3",
          brand: "Gramercy Tavern",
          name: "Beef Tenderloin",
          price: "$65",
          rating: 5,
          reviewCount: "250 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg",
          imageAlt: "Beef Tenderloin",
        },
        {
          id: "product-4",
          brand: "Gramercy Tavern",
          name: "Seasonal Risotto",
          price: "$38",
          rating: 5,
          reviewCount: "150 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-herbs-pomegranate_140725-4015.jpg",
          imageAlt: "Seasonal Risotto",
        },
        {
          id: "product-5",
          brand: "Gramercy Tavern",
          name: "Chocolate Torte",
          price: "$18",
          rating: 5,
          reviewCount: "195 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-cake-pastry-shop_23-2150360211.jpg",
          imageAlt: "Chocolate Torte",
        },
        {
          id: "product-6",
          brand: "Gramercy Tavern",
          name: "Artisanal Bread",
          price: "$12",
          rating: 5,
          reviewCount: "100 Reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/bun-with-cheese-orange-juice-grater-wooden-plank_176474-2684.jpg",
          imageAlt: "Artisanal Bread Basket",
        },
      ]}
      title="Seasonal Culinary Delights"
      description="Our menu celebrates the best of seasonal produce and artisanal ingredients, crafted into exquisite American dishes that honor both tradition and innovation."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-1",
          badge: "Intimate",
          badgeIcon: Users,
          price: "Starting at $250/guest",
          subtitle: "Perfect for small groups & intimate celebrations.",
          buttons: [
            {
              text: "Inquire Now",
              href: "#contact",
            },
          ],
          features: [
            "Dedicated Private Dining Space",
            "Customizable Seasonal Menu",
            "Sommelier Wine Pairing Options",
            "Personalized Service",
          ],
        },
        {
          id: "plan-2",
          badge: "Grand",
          badgeIcon: Sparkles,
          price: "Starting at $350/guest",
          subtitle: "For larger parties & memorable occasions.",
          buttons: [
            {
              text: "Book Event",
              href: "#contact",
            },
          ],
          features: [
            "Exclusive Use of Event Hall",
            "Premium Multi-Course Menus",
            "Expert Event Planning Support",
            "Floral & Decor Coordination",
          ],
        },
        {
          id: "plan-3",
          badge: "Corporate",
          badgeIcon: Briefcase,
          price: "Starting at $275/guest",
          subtitle: "Ideal for business meetings, luncheons, & dinners.",
          buttons: [
            {
              text: "Request Quote",
              href: "#contact",
            },
          ],
          features: [
            "State-of-the-Art A/V Equipment",
            "Flexible Seating Arrangements",
            "Curated Business Lunch/Dinner Menus",
            "Professional Service Staff",
          ],
        },
      ]}
      title="Host Your Next Unforgettable Event"
      description="Gramercy Tavern offers exquisite private dining options for business meetings, celebrations, and intimate gatherings. Choose from our tailored packages or customize an experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah L.",
          date: "October 2023",
          title: "An Unforgettable Evening",
          quote: "Gramercy Tavern delivered an absolutely magical dining experience. The food was exquisite, the ambiance was perfect, and the service was beyond compare. Truly a Manhattan gem!",
          tag: "Fine Dining",
          avatarSrc: "http://img.b2bpic.net/free-photo/friendly-two-adult-caucasian-women-waving-tablet-camera-while-sitting-cafe-street-people-sincere-emotions-lifestyle-concept_197531-31224.jpg",
          avatarAlt: "Sarah L. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
          imageAlt: "Couple enjoying fine dining at Gramercy Tavern",
        },
        {
          id: "t2",
          name: "James P.",
          date: "September 2023",
          title: "Consistently Excellent",
          quote: "Every visit to Gramercy Tavern reinforces why it's a legendary establishment. The seasonal menu is always fresh and innovative, and the team makes you feel incredibly welcome. A must-visit!",
          tag: "Regular Patron",
          avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",
          avatarAlt: "James P. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/women-christmas-dinner_23-2147716186.jpg",
          imageAlt: "Group of friends dining at Gramercy Tavern",
        },
        {
          id: "t3",
          name: "Emily C.",
          date: "November 2023",
          title: "Best Private Event Venue",
          quote: "We hosted our corporate holiday party here, and everything was flawless. The private dining team was incredibly organized, the food was spectacular, and our guests were thoroughly impressed. Highly recommend for events!",
          tag: "Event Host",
          avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg",
          avatarAlt: "Emily C. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/bellhop-serving-coffee-cup-woman_482257-76660.jpg",
          imageAlt: "Chef presenting a dish to diners",
        },
        {
          id: "t4",
          name: "Michael R.",
          date: "August 2023",
          title: "Legendary Ambiance",
          quote: "The historic charm of Gramercy Tavern is unmatched. It’s not just a meal; it's an immersion into New York's culinary history. The bar area is also fantastic for pre-dinner cocktails.",
          tag: "Historic Charm",
          avatarSrc: "http://img.b2bpic.net/free-photo/positive-friendly-businessman-glasses-shaking-hands-with-partner-meeting_74855-10337.jpg",
          avatarAlt: "Michael R. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg",
          imageAlt: "Restaurant bar area bustling with patrons",
        },
        {
          id: "t5",
          name: "Olivia M.",
          date: "July 2023",
          title: "Culinary Masterpiece",
          quote: "From appetizer to dessert, every dish was a work of art and bursting with flavor. The staff's knowledge of the menu and wine pairings elevated the experience. A true culinary masterpiece!",
          tag: "Food Enthusiast",
          avatarSrc: "http://img.b2bpic.net/free-photo/blonde-influencer-recording-nutrition-food_23-2148135481.jpg",
          avatarAlt: "Olivia M. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg",
          imageAlt: "Dessert being served in an elegant restaurant",
        },
      ]}
      title="What Our Guests Say"
      description="Hear from diners who have experienced the warmth, elegance, and culinary artistry that define Gramercy Tavern."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "How do I make a reservation?",
          content: "Reservations can be made directly through our website via the 'Make a Reservation' button, or by calling us during operating hours. We recommend booking several weeks in advance, especially for weekend dining.",
        },
        {
          id: "faq-2",
          title: "Do you accommodate dietary restrictions?",
          content: "Absolutely. Our culinary team is happy to accommodate most dietary restrictions and allergies. Please inform us of your needs when making your reservation or upon arrival, and our staff will guide you through the menu options.",
        },
        {
          id: "faq-3",
          title: "What is the dress code?",
          content: "Our dining room maintains an elegant casual dress code. Jackets are not required, but smart attire is appreciated. In the Tavern Room, the dress code is more relaxed, welcoming casual elegance.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727963.jpg"
      imageAlt="Professional kitchen staff at work"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Your Questions, Answered"
      description="Find quick answers to common questions about reservations, dining, private events, and more to plan your perfect visit."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Plan Your Visit"
      description="For reservations, private event inquiries, or general questions, please contact us. Our team is dedicated to making your experience exceptional."
      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",
          required: false,
        },
        {
          name: "date",
          type: "date",
          placeholder: "Preferred Date",
          required: false,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message / Reservation Details",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5842.jpg"
      imageAlt="Cozy and elegant bar area at Gramercy Tavern"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Send Inquiry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pa4z5s"
      logoAlt="Gramercy Tavern Logo"
      logoText="Gramercy Tavern"
      copyrightText="© 2024 Gramercy Tavern. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://www.instagram.com/gramercytavern/",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "https://www.facebook.com/GramercyTavern/",
          ariaLabel: "Facebook",
        },
        {
          icon: Twitter,
          href: "https://twitter.com/gramercytavern",
          ariaLabel: "Twitter",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
