"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 FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="fluid"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Cinnamon Parede"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars",
      }}
      title="Welcome to Cinnamon Parede"
      description="Your local haven for fresh, artisanal flavors in the heart of Parede. Experience a blend of tradition and culinary innovation in a warm, inviting atmosphere."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Contact Us",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg",
          imageAlt: "cozy restaurant dining atmosphere",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-cutting-lettuce-with-knife-chopping-board_23-2147917718.jpg",
          imageAlt: "delicious food preparation kitchen",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
          imageAlt: "elegant restaurant dining area",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/easy-flexitarian-diet-food-assortment_23-2148955545.jpg",
          imageAlt: "fresh gourmet plate close up",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-business-owner_23-2149434594.jpg",
          imageAlt: "restaurant staff service warm welcome",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "The Story of ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-camera-restaurant-kitchen_613910-21338.jpg",
          alt: "restaurant owner working modern kitchen",
        },
        {
          type: "text",
          content: " Cinnamon",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="inline-image"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      features={[
        {
          title: "Farm to Table",
          description: "Fresh, locally-sourced produce used daily in every dish.",
          imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-bowl-vegetables-towel-blue-table_114579-90242.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/lifestyle-ecofriendly-people_23-2149125218.jpg",
          buttonText: "Discover",
        },
        {
          title: "Artisanal Coffee",
          description: "Expertly roasted specialty coffee by our dedicated baristas.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-employee-making-coffee_23-2148366517.jpg",
          buttonText: "Drink",
        },
        {
          title: "Daily Pastries",
          description: "Warm, freshly baked pastries straight from our oven every morning.",
          imageSrc: "http://img.b2bpic.net/free-photo/pancake-chocolate-cake-with-fresh-raspberries-pink-background_127032-3556.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-cream-dogwoods-grey_140725-29962.jpg",
          buttonText: "Explore",
        },
      ]}
      title="Why Choose Us"
      description="We prioritize quality ingredients and welcoming service to create an unforgettable dining experience in Parede."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "Breakfast",
          name: "Gourmet Morning Plate",
          price: "12€",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-with-cheese-arugula-grilled-vegetables_141793-562.jpg",
        },
        {
          id: "p2",
          brand: "Salads",
          name: "Signature Garden Bowl",
          price: "14€",
          rating: 5,
          reviewCount: "98",
          imageSrc: "http://img.b2bpic.net/free-photo/korean-bibimbap-rice-bowl-with-fried-egg-vegetables_84443-85747.jpg",
        },
        {
          id: "p3",
          brand: "Lunch",
          name: "Artisanal Sourdough Sandwich",
          price: "11€",
          rating: 4,
          reviewCount: "150",
          imageSrc: "http://img.b2bpic.net/free-photo/wrapped-tied-bread-loaf-wooden-board-covered-with-towel-marble-table_114579-56588.jpg",
        },
        {
          id: "p4",
          brand: "Beverages",
          name: "Signature Signature Latte",
          price: "4€",
          rating: 5,
          reviewCount: "210",
          imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-cappuccino-blank-white-cup-spills-milk-foam-heart-shape-cafe-shop_346278-513.jpg",
        },
        {
          id: "p5",
          brand: "Bakery",
          name: "Daily Pastry Special",
          price: "3€",
          rating: 5,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-eclairs-oval-plate-tarts-laeves-cinnamon-dried-oranges-notebook-dark-wooden-table_140725-90857.jpg",
        },
        {
          id: "p6",
          brand: "Dinner",
          name: "Mediterranean Tapas Board",
          price: "18€",
          rating: 5,
          reviewCount: "65",
          imageSrc: "http://img.b2bpic.net/free-photo/raclette-dish-made-with-cheese-assortment-delicious-food_23-2149514125.jpg",
        },
      ]}
      title="Chef's Menu Highlights"
      description="Discover our signature dishes, meticulously prepared to delight every palate."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="An absolute treasure in Parede! The quality of food and the warmth of the staff keep us coming back every week. Highly recommended for brunch."
      rating={5}
      author="Maria Silva"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
          alt: "satisfied restaurant customer smile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491811.jpg",
          alt: "happy customer in cafe setting",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg",
          alt: "friendly dining atmosphere customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
          alt: "happy client restaurant brunch",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg",
          alt: "young woman happy at restaurant",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you accept reservations?",
          content: "Yes, we accept reservations via phone or in person during business hours.",
        },
        {
          id: "f2",
          title: "Are there vegan options?",
          content: "We offer several vegan-friendly dishes on our main menu and seasonal specials.",
        },
        {
          id: "f3",
          title: "Is there parking available?",
          content: "Limited parking is available on-site, with additional public parking nearby.",
        },
      ]}
      title="Frequently Asked"
      description="Have questions? We have answers. Check out our most common inquiries below."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg"
      imageAlt="Restaurant hall with round table some chairs fireplace and plants"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit Us in Parede"
      description="Located conveniently at R. Bartolomeu de Gusmão 42, 2775-199 Parede. We look forward to welcoming you soon."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/downtown-restaurant-shopfront_53876-75135.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Cinnamon Parede"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
