"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Facebook, Instagram, Leaf, MessageSquare, Pizza, Sandwich, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="PIEOUS"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="PIEOUS"
      description="Experience the unique taste of authentic wood-fired pizzas, handmade pastrami, and artisan cheeses made fresh in-house daily."
      tagAnimation="blur-reveal"
      buttons={[
        {
          text: "VIEW MENU",          href: "#menu"},
        {
          text: "ORDER ONLINE",          href: "https://www.pieous.com/order-online"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134249.jpg"
      imageAlt="Warm and inviting interior of an Italian restaurant with a pizza oven"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/one-companions_1098-13516.jpg",          alt: "Happy customer"},
        {
          src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",          alt: "Delighted guest"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg",          alt: "Satisfied diner"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-smiling-man-eat-salade-restaurant-waiting-woman-with-bouquet-roses_496169-302.jpg",          alt: "Smiling patron"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",          alt: "Content foodie"},
      ]}
      avatarText="Loved by thousands of food enthusiasts"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Our Story & Craftsmanship"
      metrics={[
        {
          icon: Award,
          label: "Years of Passion",          value: "10+"},
        {
          icon: Pizza,
          label: "Handmade Daily",          value: "Pizzas"},
        {
          icon: Star,
          label: "Happy Customers",          value: "Millions"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="offerings" data-section="offerings">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Artisan Pizzas",          description: "Authentic Neapolitan-style pizzas baked to perfection in our custom-built wood-fired oven.",          bentoComponent: "reveal-icon",          icon: Pizza
        },
        {
          title: "Handcrafted Pastrami",          description: "Our legendary pastrami, cured and smoked in-house for days, served in classic sandwiches and platters.",          bentoComponent: "reveal-icon",          icon: Sandwich
        },
        {
          title: "Fresh & Local",          description: "We are committed to using the freshest, locally sourced ingredients whenever possible for unparalleled taste.",          bentoComponent: "reveal-icon",          icon: Leaf
        }
      ]}
      title="Signature Offerings"
      description="Discover the heart of our kitchen – from classic wood-fired pizzas to rich, handmade pastrami and artisan cheeses. Each dish crafted with the finest ingredients and traditional techniques."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Margherita Pizza",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sliced-pizza_23-2148753763.jpg",          imageAlt: "Fresh Margherita pizza with basil"},
        {
          id: "p2",          name: "Pepperoni Pizza",          price: "$20",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg",          imageAlt: "Delicious Pepperoni pizza"},
        {
          id: "p3",          name: "Pastrami Sandwich",          price: "$16",          imageSrc: "http://img.b2bpic.net/free-photo/homemade-crispbread-toast-with-cottage-cheese-green-olives-slices-cabbage-tomatoes-corn-green-pepper-cutting-board-healthy-food-concept-top-view-flat-lay_114579-1331.jpg",          imageAlt: "Hearty Pastrami sandwich"},
        {
          id: "p4",          name: "Spaghetti Carbonara",          price: "$22",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-baker-cutting-raw-dough-into-tagliatelle-pasta-machine_23-2147926010.jpg",          imageAlt: "Creamy Spaghetti Carbonara"},
        {
          id: "p5",          name: "Caesar Salad",          price: "$14",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-salad-picnic-table_1147-64.jpg",          imageAlt: "Fresh Caesar Salad"},
        {
          id: "p6",          name: "Tiramisu",          price: "$9",          imageSrc: "http://img.b2bpic.net/free-photo/tart-with-profiteroles-top-with-whipped-cream_114579-85556.jpg",          imageAlt: "Classic Italian Tiramisu dessert"},
      ]}
      title="Our Menu Highlights"
      description="Savor the flavors of Italy with our most popular dishes, prepared fresh daily with passion and tradition."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          role: "Food Blogger",          testimonial: "Pieous offers the most authentic wood-fired pizza I've had outside of Italy. The crust, the sauce, the fresh mozzarella – perfection!",          imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg",          imageAlt: "Sarah J."},
        {
          id: "t2",          name: "Michael C.",          role: "Local Guide",          testimonial: "The pastrami sandwich is a revelation! Tender, smoky, and piled high. Pieous is a true gem in the culinary scene.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250087.jpg",          imageAlt: "Michael C."},
        {
          id: "t3",          name: "Emily R.",          role: "Restaurant Critic",          testimonial: "From the moment you walk in, the aroma captivates you. Every dish is a masterpiece, a testament to their dedication to quality.",          imageSrc: "http://img.b2bpic.net/free-photo/cute-friends-cafe-eatting-pizza_1157-21848.jpg",          imageAlt: "Emily R."},
        {
          id: "t4",          name: "David K.",          role: "Regular Customer",          testimonial: "Pieous is our go-to for family dinners. The kids love the pizza, and we adore the pasta and wine selection. Consistently excellent!",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sandwiches_1098-12574.jpg",          imageAlt: "David K."},
        {
          id: "t5",          name: "Jessica L.",          role: "Event Planner",          testimonial: "We catered our last event with Pieous, and it was a huge hit! The food was fantastic, and the service was impeccable. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",          imageAlt: "Jessica L."},
      ]}
      title="What Our Guests Say"
      description="Hear directly from our beloved customers about their unforgettable dining experiences at Pieous."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "Do you take reservations?",          content: "Yes, we highly recommend making a reservation, especially for weekend evenings. You can book a table through our website or by calling us directly."},
        {
          id: "faq2",          title: "What are your operating hours?",          content: "We are open Tuesday through Sunday, from 11 AM to 9 PM. We are closed on Mondays."},
        {
          id: "faq3",          title: "Do you offer vegetarian or gluten-free options?",          content: "Yes, we have a variety of vegetarian dishes and can accommodate many dietary restrictions. Please inform your server about any allergies or preferences."},
        {
          id: "faq4",          title: "Can I order online for pickup or delivery?",          content: "Absolutely! We offer online ordering for both pickup and local delivery through our website. You can find the link in our menu section."},
        {
          id: "faq5",          title: "Do you have a private dining area for events?",          content: "We have a semi-private dining area that can accommodate up to 20 guests for special events. Please contact us for more details and availability."},
        {
          id: "faq6",          title: "What kind of wine selection do you have?",          content: "Our wine list features a curated selection of Italian and international wines, carefully chosen to complement our menu. Our staff can help you with pairings."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our restaurant, menu, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Visit Us"
      tagAnimation="blur-reveal"
      title="Make Your Reservation"
      description="Planning a special occasion or just a delightful meal? Book your table with us and experience authentic Italian hospitality."
      buttons={[
        {
          text: "BOOK A TABLE",          href: "https://www.pieous.com/reservations"},
        {
          text: "GET DIRECTIONS",          href: "https://www.google.com/maps/dir/?api=1&destination=PIEOUS"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="PIEOUS"
      copyrightText="© 2024 PIEOUS. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://www.instagram.com/pieous",          ariaLabel: "Instagram"},
        {
          icon: Facebook,
          href: "https://www.facebook.com/pieous",          ariaLabel: "Facebook"},
        {
          icon: MessageSquare,
          href: "https://www.yelp.com/biz/pieous-austin",          ariaLabel: "Yelp"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
