"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Activity, Facebook, Heart, Instagram, Leaf, MapPin, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Início",          id: "inicio"},
        {
          name: "Sobre Nós",          id: "sobre"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Avaliações",          id: "avaliacoes"},
        {
          name: "Contato",          id: "contato"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0f0pt"
      logoAlt="Ponto do Açaí Logo"
      brandName="Ponto do Açaí"
      button={{
        text: "Ver Menu & Localização",        href: "#menu"}}
      animateOnLoad={true}
    />
  </div>

  <div id="inicio" data-section="inicio" className="scroll-mt-20">
      <HeroSplitTestimonial
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Açaí Premium na Alma de Lisboa"
      description="Authentic, fresh açaí bowls crafted daily at Ponto do Açaí de Roma. Your new favorite spot in Av Óscar Monteiro Torres."
      testimonials={[
        {
          name: "Sofia P.",          handle: "@sofi.eats",          testimonial: "Os melhores açaí bowls de Lisboa! Sabores incríveis e ingredientes super frescos. Viciada!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg"},
        {
          name: "Carlos M.",          handle: "@lisboa_foodie",          testimonial: "Qualidade premium e apresentação impecável. Uma joia escondida no coração da cidade.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
        {
          name: "Ana R.",          handle: "@ana.fitlife",          testimonial: "Perfeito para um lanche saudável e energético. A variedade é fantástica, e o atendimento excelente.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-holding-smartphone-street-short-haired-teen-bright-glasses-denim-beige-jacket-posing-cafe-with-bottle-water_197531-29369.jpg"},
        {
          name: "Pedro L.",          handle: "@pedro.nutri",          testimonial: "Ingredientes de primeira e um sabor que realmente se destaca. Açaí que alimenta o corpo e a alma.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg"},
        {
          name: "Marta V.",          handle: "@marta_explora",          testimonial: "Um cantinho delicioso em Lisboa! Amo a personalização dos bowls e o ambiente acolhedor. Recomendo sempre!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-student-smiling-confident-standing-library-university_839833-29769.jpg"},
      ]}
      tag="Avaliado 4.8★ por 68 Clientes"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Ver Menu & Localização",          href: "#menu"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",          alt: "Avatar Sofia P."},
        {
          src: "http://img.b2bpic.net/free-photo/young-hispanic-man-student-smiling-confident-standing-library-university_839833-29769.jpg",          alt: "Avatar Carlos M."},
        {
          src: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1319.jpg",          alt: "Avatar Ana R."},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-forest_1157-23244.jpg",          alt: "Avatar Visitantes"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",          alt: "Smiling woman's avatar"},
      ]}
      avatarText="Mais de 68 clientes satisfeitos!"
      imageSrc="http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168863.jpg"
      imageAlt="Açaí bowl com frutas e granola"
      mediaAnimation="opacity"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text-icon",          text: "Açaí Fresco Diariamente",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Sabor Inesquecível",          icon: Heart,
        },
        {
          type: "text-icon",          text: "Qualidade Premium",          icon: Star,
        },
        {
          type: "text-icon",          text: "Energia Natural",          icon: Activity,
        },
        {
          type: "text-icon",          text: "Criações Exclusivas",          icon: Sparkles,
        },
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "4.8★",          title: "Média de Avaliações",          description: "Excelente feedback dos nossos clientes.",          imageSrc: "http://img.b2bpic.net/free-vector/5-star-rating-symbol-design_1017-14516.jpg",          imageAlt: "Ícone de estrela"},
        {
          id: "m2",          value: "68+",          title: "Clientes Satisfeitos",          description: "Com uma comunidade crescente de fãs de açaí.",          imageSrc: "http://img.b2bpic.net/free-photo/winner-team-showing-their-trophy-copy-space_53876-71525.jpg",          imageAlt: "Ícone de estrela"},
        {
          id: "m3",          value: "Desde 2023",          title: "No Coração de Lisboa",          description: "Servindo açaí premium com paixão e frescura.",          imageSrc: "http://img.b2bpic.net/free-photo/golden-star-icon-symbol-ranking-rating-review-sign-illustration-3d-rendering_56104-1227.jpg",          imageAlt: "Ícone de estrela"},
      ]}
      title="Nossos Números Falam Por Si"
      description="Qualidade e sabor que conquistam a cada dia. Veja o que nossos clientes e a comunidade dizem."
    />
  </div>

  <div id="sobre" data-section="sobre" className="scroll-mt-20">
      <TextSplitAbout
      useInvertedBackground={true}
      title="A Nossa História e Paixão"
      description={[
        "No Ponto do Açaí de Roma, a paixão pelo açaí encontra a alma vibrante de Lisboa. Cada bowl é preparado com ingredientes frescos, autênticos e de origem sustentável, selecionados para proporcionar uma experiência de sabor inigualável a cada colherada.",        "Mais do que um simples restaurante, somos um ponto de encontro para a comunidade que busca bem-estar, energia e momentos deliciosos. Nosso compromisso é oferecer opções nutritivas e um serviço acolhedor, criando memórias em cada visita."]}
    />
  </div>

  <div id="menu" data-section="menu" className="scroll-mt-20">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "pb1",          name: "Clássico Lisboa",          price: "€6.50",          variant: "Banana, granola, mel",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258907.jpg",          imageAlt: "Açaí Bowl Clássico Lisboa"},
        {
          id: "pb2",          name: "Tropical Oasis",          price: "€7.00",          variant: "Manga, kiwi, coco ralado",          imageSrc: "http://img.b2bpic.net/free-photo/mixed-fruit-with-muesli-granola_1203-9321.jpg",          imageAlt: "Açaí Bowl Tropical Oasis"},
        {
          id: "pb3",          name: "Choco Energy",          price: "€7.50",          variant: "Cacau nibs, morango, pasta de amendoim",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258863.jpg",          imageAlt: "Açaí Bowl Choco Energy"},
        {
          id: "pb4",          name: "Berry Power",          price: "€6.80",          variant: "Mix de frutas vermelhas, chia",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-composition_23-2149186015.jpg",          imageAlt: "Açaí Bowl Berry Power"},
        {
          id: "pb5",          name: "Green Vitality",          price: "€8.00",          variant: "Espinafre, spirulina, banana",          imageSrc: "http://img.b2bpic.net/free-photo/seasonal-salad-with-greenery-herbs_114579-2446.jpg",          imageAlt: "Açaí Bowl Green Vitality"},
        {
          id: "pb6",          name: "Supreme Crunch",          price: "€7.20",          variant: "Granola extra, nozes, frutos secos",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258908.jpg",          imageAlt: "Açaí Bowl Supreme Crunch"},
      ]}
      title="Nosso Menu Exclusivo de Açaí Bowls"
      description="Descubra a variedade de sabores e combinações perfeitas. Cada bowl é feito com amor, frescor e os melhores ingredientes selecionados."
    />
  </div>

  <div id="avaliacoes" data-section="avaliacoes" className="scroll-mt-20">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="auto"
      testimonials={[
        {
          id: "t1",          name: "Mariana Santos",          role: "Fã de Açaí",          company: "Cliente Frequente",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-food-home_23-2150176893.jpg",          imageAlt: "Mariana Santos"},
        {
          id: "t2",          name: "João Pereira",          role: "Explorador Gastronômico",          company: "Visitante Recorrente",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156196.jpg",          imageAlt: "João Pereira"},
        {
          id: "t3",          name: "Sofia Almeida",          role: "Nutricionista",          company: "Avaliação Positiva",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788542.jpg",          imageAlt: "Sofia Almeida"},
        {
          id: "t4",          name: "Ricardo Costa",          role: "Local de Lisboa",          company: "Comunidade Açaí",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-loving-couple-having-breakfast_171337-306.jpg",          imageAlt: "Ricardo Costa"},
        {
          id: "t5",          name: "Inês Rodrigues",          role: "Atleta Fitness",          company: "Impulso de Energia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-athletic-woman-enjoying-healthy-salad-after-sports-training-home_637285-3002.jpg",          imageAlt: "Inês Rodrigues"},
      ]}
      kpiItems={[
        {
          value: "4.8★",          label: "Média de Avaliações"},
        {
          value: "68+",          label: "Clientes Satisfeitos"},
        {
          value: "99%",          label: "Recomendação"},
      ]}
      title="A Voz dos Nossos Clientes Satisfeitos"
      description="Avaliações autênticas que refletem a qualidade e o sabor inigualável que você encontra no Ponto do Açaí de Roma. Sua satisfação é nossa prioridade!"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google Avaliações",        "Zomato",        "TripAdvisor",        "TheFork",        "Glovo",        "Uber Eats",        "Eat Out Lisboa"]}
      title="Reconhecido e Amado pela Comunidade"
      description="Temos orgulho do feedback positivo e da visibilidade que alcançamos nas principais plataformas e guias gastronômicos de Lisboa."
      showCard={true}
    />
  </div>

  <div id="contato" data-section="contato" className="scroll-mt-20">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Visite-nos para experimentar o melhor açaí de Lisboa ou entre em contato para qualquer dúvida. Estamos na Av Óscar Monteiro Torres, 31, 1000-213 Lisboa."
      buttons={[
        {
          text: "Abrir no Google Maps",          href: "https://www.google.com/maps/search/Ponto+do+A%C3%A7a%C3%AD+de+Roma"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0f0pt"
      logoAlt="Ponto do Açaí Logo"
      logoText="Ponto do Açaí de Roma"
      copyrightText="© 2024 Ponto do Açaí de Roma. Todos os direitos reservados. Design por Webild."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: MapPin,
          href: "https://www.google.com/maps/search/Ponto+do+A%C3%3A%C3%A7a%C3%AD+de+Roma",          ariaLabel: "Localização"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}