"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Coffee, Heart, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Infinity"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient",
      }}
      title="Timeless Culinary Perfection"
      description="Experience an infinite journey of flavors at Infinity Rest&Cafe, where comfort meets gourmet sophistication."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7823.jpg",
          imageAlt: "upscale restaurant dining room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-wooden-table-with-gradient-photo-style_53876-14314.jpg",
          imageAlt: "coffee shop atmosphere morning",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-cutting-fresh-cherry-tomatoes-wooden-board-table_181624-30584.jpg",
          imageAlt: "professional chef plating food",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798051.jpg",
          imageAlt: "fresh coffee poured into cup",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/head-chef-stands-kitchen-counter-chopping-vegetables_482257-121176.jpg",
          imageAlt: "fresh gourmet ingredients table",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Our Philosophy of Infinite Taste",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg",
          alt: "elegant restaurant interior decor",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Utensils,
          title: "Gourmet Kitchen",
          description: "Expert chefs crafting every dish with fresh, locally sourced ingredients.",
        },
        {
          icon: Coffee,
          title: "Artisan Coffee",
          description: "Small-batch roasted beans served by master baristas every morning.",
        },
        {
          icon: Heart,
          title: "Warm Atmosphere",
          description: "A relaxing environment perfect for intimate dinners or morning meetings.",
        },
      ]}
      title="Excellence in Every Bite"
      description="We are dedicated to providing an unparalleled dining experience."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Main",
          name: "Signature Burger",
          price: "$24",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
        },
        {
          id: "p2",
          brand: "Salad",
          name: "Garden Harvest",
          price: "$18",
          rating: 4,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-farfalle-pasta-brussels-sprouts-with-bacon-fresh-vegetable-salad_2829-19523.jpg",
        },
        {
          id: "p3",
          brand: "Dessert",
          name: "Cocoa Temptation",
          price: "$12",
          rating: 5,
          reviewCount: "200",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-freshly-baked-cake-with-raspberries-babies-white-tray-mixed-color-table_140725-86588.jpg",
        },
        {
          id: "p4",
          brand: "Coffee",
          name: "Infinity Roast",
          price: "$6",
          rating: 5,
          reviewCount: "500",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-kettle-with-roasted-beans_23-2148337161.jpg",
        },
        {
          id: "p5",
          brand: "Main",
          name: "Truffle Pasta",
          price: "$28",
          rating: 5,
          reviewCount: "95",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg",
        },
        {
          id: "p6",
          brand: "Steak",
          name: "Prime Ribeye",
          price: "$45",
          rating: 5,
          reviewCount: "60",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-raw-meat-concept_23-2148738958.jpg",
        },
      ]}
      title="Signature Selections"
      description="Hand-picked favorites from our seasonal menu."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "10k+",
          title: "Happy Guests",
          items: [
            "Dining",
            "Coffee",
          ],
        },
        {
          id: "m2",
          value: "50+",
          title: "Menu Items",
          items: [
            "Seasonal",
            "Signature",
          ],
        },
        {
          id: "m3",
          value: "15",
          title: "Local Farms",
          items: [
            "Fresh",
            "Organic",
          ],
        },
      ]}
      title="Our Journey in Numbers"
      description="Serving quality experiences since day one."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Alice Johnson",
          imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107594.jpg",
        },
        {
          id: "t2",
          name: "Mark Stevens",
          imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517446.jpg",
        },
        {
          id: "t3",
          name: "Elena Rossi",
          imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",
        },
        {
          id: "t4",
          name: "David Kim",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
        },
        {
          id: "t5",
          name: "Sarah Miller",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg",
        },
      ]}
      cardTitle="What Guests Say"
      cardTag="Testimonials"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do I need a reservation?",
          content: "We recommend it for dinners, but cafe seating is always open.",
        },
        {
          id: "f2",
          title: "Are you pet friendly?",
          content: "Our patio area is fully pet-friendly.",
        },
        {
          id: "f3",
          title: "Do you offer catering?",
          content: "Yes, we specialize in high-end event catering.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg"
      title="Common Questions"
      description="Find answers to help plan your visit."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in touch"
      title="Visit Us Today"
      description="Reserve a table or drop by for a coffee. We look forward to serving you."
      buttons={[
        {
          text: "Book Table",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Twitter",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Infinity Rest&Cafe"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
