"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Início", id: "hero" },
        { name: "Menu", id: "menu" },
        { name: "Contato", id: "contact" },
      ]}
      brandName="Sabor Nordestino"
      button={{ text: "Reservar" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars"}}
      title="O verdadeiro tempero do Nordeste em Maceió."
      description="Venha experimentar o melhor da culinária regional. Pratos típicos feitos com carinho, tradição e ingredientes frescos."
      buttons={[
        {
          text: "Ver Cardápio",          href: "#menu"},
      ]}
      mediaItems={[
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De5bWtOYTKU53EQDL1m41OVgJu/uploaded-1778630269112-wdglnwlt.png", imageAlt: "Prato de carne de sol" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De5bWtOYTKU53EQDL1m41OVgJu/uploaded-1778630283244-dxywboyn.png", imageAlt: "Ambiente Sabor Nordestino" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De5bWtOYTKU53EQDL1m41OVgJu/uploaded-1778630287490-bh5mua9v.png", imageAlt: "Prato de baião" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De5bWtOYTKU53EQDL1m41OVgJu/uploaded-1778630292987-92ucssjz.png", imageAlt: "Vista externa restaurante" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De5bWtOYTKU53EQDL1m41OVgJu/uploaded-1778630300562-uyvs8liy.png", imageAlt: "Macaxeira frita" }
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Tradição em cada detalhe"
      description="O Sabor Nordestino nasceu do desejo de levar o melhor da nossa cultura culinária para a mesa das famílias maceioenses. Seguimos receitas de família para garantir que cada garfada conte uma história."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De5bWtOYTKU53EQDL1m41OVgJu/uploaded-1778630371133-yrcoww00.png"
      imageAlt="História do restaurante"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Carne de Sol", price: "R$ 45", variant: "Individual", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table-still-life_23-2150227847.jpg" },
        { id: "p2", name: "Baião de Dois", price: "R$ 35", variant: "Individual", imageSrc: "http://img.b2bpic.net/free-photo/top-view-brazilian-food-with-beans-lime_23-2148751900.jpg" },
        { id: "p3", name: "Macaxeira Frita", price: "R$ 20", variant: "Porção", imageSrc: "http://img.b2bpic.net/free-photo/food-arrangement-top-view_23-2148725089.jpg" },
        { id: "p4", name: "Escondidinho", price: "R$ 40", variant: "Individual", imageSrc: "http://img.b2bpic.net/free-photo/potato-gratin-baked-with-cream-cheese-wooden-table-close-up_123827-32669.jpg" },
        { id: "p5", name: "Tapioca Especial", price: "R$ 15", variant: "Individual", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-outside-with-nuts-dried-fruit-honey-orange-juice-tea-side-view_176474-3620.jpg" },
        { id: "p6", name: "Cuscuz Completo", price: "R$ 25", variant: "Individual", imageSrc: "http://img.b2bpic.net/free-photo/coffee-latter-with-cookies-croissant-side-view_141793-12170.jpg" }
      ]}
      title="Nossas Especialidades"
      description="Confira os pratos mais amados pelos nossos clientes."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="A comida é fantástica, sabor de infância. Atendimento nota 10!"
      rating={5}
      author="Maria Silva"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg", alt: "Cliente 1" },
        { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg", alt: "Cliente 2" },
        { src: "http://img.b2bpic.net/free-photo/woman-having-green-salad-with-chips-glass-prosecco_114579-3779.jpg", alt: "Cliente 3" },
        { src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Cliente 4" },
        { src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg", alt: "Cliente 5" }
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Vocês aceitam cartões?", content: "Sim, aceitamos todos os principais cartões de débito e crédito." },
        { id: "f2", title: "Qual o horário de atendimento?", content: "Atendemos diariamente das 11h às 23h." },
        { id: "f3", title: "Tem delivery?", content: "Sim, fazemos entrega em toda a região de Santa Lúcia e arredores." }
      ]}
      buttons={[{ text: "Falar via WhatsApp", href: "https://wa.me/5582996231312" }]}
      title="Perguntas Frequentes"
      description="Tire suas dúvidas sobre nossos pedidos e delivery."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{ variant: "plain" }}
      tag="Contato"
      title="Localização e Pedidos"
      description="R. Des. Carlos de Gusmão, 881 - Santa Lúcia, Maceió - AL. Faça seu pedido pelo nosso WhatsApp: (82) 99623-1312"
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De5bWtOYTKU53EQDL1m41OVgJu/uploaded-1778630726205-ei99ihby.png"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Sabor Nordestino"
      copyrightText="© 2024 Sabor Nordestino. Todos os direitos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}