Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import AboutMetric from '@/components/sections/about/AboutMetric';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Utensils } from "lucide-react";
+import { Utensils, Award, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -26,350 +26,144 @@ export default function LandingPage() {
         cardStyle="soft-shadow"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Inicio", id: "hero" },
-          name: "Inicio",
+        { name: "Nosotros", id: "about" },
-          id: "hero",
+        { name: "Especialidades", id: "features" },
-        },
+        { name: "Calidad", id: "quality" },
-        {
+        { name: "Galería", id: "gallery" },
-          name: "Sobre Nosotros",
+        { name: "Horario", id: "faq" },
-          id: "about",
+        { name: "Opiniones", id: "testimonials" },
-        },
+        { name: "Ubicación", id: "contact" },
-        {
-          name: "Carta",
-          id: "features",
-        },
-        {
-          name: "Opiniones",
-          id: "testimonials",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
       ]}
       brandName="Donde Siempre"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroLogo
-      background={{
+      logoText="Donde Siempre TAPERIA"
-        variant: "gradient-bars",
+      description="Sabor tradicional y esencia albaceteña en cada plato. Vive la experiencia Donde Siempre."
-      }}
+      buttons={[{ text: "Ver Carta", href: "#features" }, { text: "Reservar", href: "#contact" }]}
-      title="Donde Siempre TAPERIA"
-      description="Sabor tradicional con un toque único en Albacete."
-      buttons={[
-        {
-          text: "Ver Carta",
-          href: "#features",
-        },
-        {
-          text: "Reservar",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/delicious-spanish-croquettes-arrangement_23-2149173835.jpg"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
+      <AboutMetric
+      title="Nuestra Historia"
+      metrics={[
+          { icon: Utensils, label: "Tradición", value: "+20 años" },
+          { icon: Award, label: "Calidad", value: "Km 0" },
+          { icon: MapPin, label: "Corazón", value: "Albacete" }
+      ]}
+      metricsAnimation="slide-up"
       useInvertedBackground={true}
-      tag="Nuestra Esencia"
-      title="Tradición y Cercanía"
-      description="Donde Siempre nació del deseo de compartir nuestra pasión por el producto local y la hospitalidad albaceteña en cada bocado."
-      subdescription="Un ambiente familiar donde te sentirás como en casa, con una atención personalizada que nos define."
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg"
-      mediaAnimation="slide-up"
-      icon={Utensils}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyThree
+      <FeatureCardTwentySeven
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Tapas de Autor", descriptions: ["Recetas de familia con un toque vanguardista."], imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-fried-croquettes-wooden-table_123827-23012.jpg" },
-          id: "f1",
+        { id: "f2", title: "Carnes Selectas", descriptions: ["Cortes de calidad preparados a la brasa."], imageSrc: "http://img.b2bpic.net/free-photo/professional-cutter-carving-slices-from-whole-bone-serrano-ham_1139-1722.jpg" },
-          title: "Tapas Clásicas",
+        { id: "f3", title: "Selección de Vinos", descriptions: ["Bodega local con D.O. La Mancha."], imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-near-tartines_23-2147749509.jpg?_wi=1" },
-          tags: [
-            "Tradición",
-            "Sabor",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-fried-croquettes-wooden-table_123827-23012.jpg",
-        },
-        {
-          id: "f2",
-          title: "Platos Elaborados",
-          tags: [
-            "Creatividad",
-            "Producto",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-cutter-carving-slices-from-whole-bone-serrano-ham_1139-1722.jpg",
-        },
-        {
-          id: "f3",
-          title: "Opciones Veggie",
-          tags: [
-            "Salud",
-            "Calidad",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-assorted-vegetables_23-2147694172.jpg",
-        },
-        {
-          id: "f4",
-          title: "Maridaje",
-          tags: [
-            "Vinos",
-            "Premium",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-near-tartines_23-2147749509.jpg",
-        },
-        {
-          id: "f5",
-          title: "Postres Caseros",
-          tags: [
-            "Dulce",
-            "Tradicional",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-little-cake-with-red-icing-inside-plate-dark-background-tea-sweet-biscuit-pie-cookies-sugar_140725-115642.jpg",
-        },
       ]}
-      title="Nuestra Carta"
+      title="Nuestras Especialidades"
-      description="Descubre una selección única de tapas tradicionales y platos de autor."
+      description="Una carta diseñada para disfrutar de los mejores productos de nuestra tierra."
     />
   </div>
 
   <div id="quality" data-section="quality">
-      <MetricCardEleven
+      <MetricCardSeven
-      animationType="slide-up"
+      title="Compromiso de Calidad"
-      textboxLayout="default"
+      description="La excelencia es nuestro ingrediente secreto."
-      useInvertedBackground={true}
       metrics={[
-        {
+          { id: "q1", value: "100%", title: "Frescura", items: ["Producto del día", "Sin conservantes"] },
-          id: "m1",
+          { id: "q2", value: "Artesanal", title: "Elaboración", items: ["Hecho a mano", "Recetas propias"] },
-          value: "100%",
+          { id: "q3", value: "Local", title: "Kilómetro 0", items: ["Productores locales", "Sostenibilidad"] },
-          title: "Producto Fresco",
-          description: "Selección diaria de mercado.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-cutting-lettuce-with-knife-chopping-board_23-2147917718.jpg",
-        },
-        {
-          id: "m2",
-          value: "Local",
-          title: "Km 0",
-          description: "Apoyamos a nuestros productores.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-with-wooden-chopping-board_23-2148062439.jpg",
-        },
-        {
-          id: "m3",
-          value: "Artesanal",
-          title: "Recetas",
-          description: "El toque único de siempre.",
-          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondant-with-ice-cream-tea-top-view_141793-4385.jpg",
-        },
       ]}
-      title="Nuestra Calidad"
+      animationType="slide-up"
-      description="Comprometidos con el producto de temporada y proveedores de proximidad."
+      textboxLayout="split"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="gallery" data-section="gallery">
-      <ProductCardOne
+      <ProductCardFour
-      animationType="slide-up"
+      title="Nuestra Galería"
-      textboxLayout="default"
+      description="Explora nuestro ambiente y platos más icónicos."
       gridVariant="four-items-2x2-equal-grid"
+      animationType="slide-up"
+      textboxLayout="inline-image"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Croquetas Caseras", price: "4.50€", variant: "Top Ventas", imageSrc: "http://img.b2bpic.net/free-photo/meal-containing-croquettes-with-salad-mayonnaise_23-2149306685.jpg" },
-          id: "p1",
+        { id: "p2", name: "Jamón de Bellota", price: "19.00€", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/spanish-serrano-ham-slices-black-plate-wooden-table_123827-20184.jpg" },
-          name: "Croquetas Caseras",
+        { id: "p3", name: "Queso Manchego", price: "12.50€", variant: "Tradición", imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110409.jpg" },
-          price: "4€",
+        { id: "p4", name: "Bodega Seleccionada", price: "Desde 3€", variant: "Vinos", imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-near-tartines_23-2147749509.jpg?_wi=2" },
-          imageSrc: "http://img.b2bpic.net/free-photo/meal-containing-croquettes-with-salad-mayonnaise_23-2149306685.jpg",
-        },
-        {
-          id: "p2",
-          name: "Jamón Ibérico",
-          price: "18€",
-          imageSrc: "http://img.b2bpic.net/free-photo/spanish-serrano-ham-slices-black-plate-wooden-table_123827-20184.jpg",
-        },
-        {
-          id: "p3",
-          name: "Queso Manchego",
-          price: "12€",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110409.jpg",
-        },
-        {
-          id: "p4",
-          name: "Ambiente Interior",
-          price: "-",
-          imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg",
-        },
-        {
-          id: "p5",
-          name: "Vinos Selección",
-          price: "3€",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-red-wine-glass-cheese-platter-top-view_114579-1347.jpg",
-        },
-        {
-          id: "p6",
-          name: "Postres Caseros",
-          price: "5€",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-red-icing-chocolate-chips-white-surface-biscuit-cake-biscuit-sweet-cookies-pie_140725-118220.jpg",
-        },
       ]}
-      title="Nuestra Galería"
-      description="Un vistazo a nuestra cocina y ambiente."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqDouble
-      useInvertedBackground={true}
+      title="Información de Horarios"
+      description="Encuentra el momento perfecto para visitarnos en pleno corazón de Albacete."
       faqs={[
-        {
+        { id: "h1", title: "Lunes, Miércoles, Jueves", content: "09:00 - 17:00" },
-          id: "h1",
+        { id: "h2", title: "Martes", content: "Cerrado por descanso semanal." },
-          title: "Horario Lunes, Miércoles, Jueves",
+        { id: "h3", title: "Viernes y Sábado", content: "09:00 - 01:00" },
-          content: "9:00 – 17:00",
+        { id: "h4", title: "Domingo", content: "09:00 - 17:00" },
-        },
-        {
-          id: "h2",
-          title: "Martes",
-          content: "Cerrado por descanso.",
-        },
-        {
-          id: "h3",
-          title: "Viernes y Sábados",
-          content: "9:00 – 01:00",
-        },
-        {
-          id: "h4",
-          title: "Domingos",
-          content: "9:00 – 17:00",
-        },
       ]}
-      sideTitle="Horarios"
-      sideDescription="Visítanos en Av. Isabel la Católica, 11, Albacete."
       faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
+      <TestimonialCardOne
+      title="Opiniones de Nuestros Comensales"
+      description="Lo que dicen quienes nos visitan habitualmente."
+      gridVariant="asymmetric-60-wide-40-narrow"
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Ana M.", role: "Cliente Frecuente", company: "Albacete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" },
-          id: "1",
+        { id: "t2", name: "Carlos J.", role: "Turista", company: "Madrid", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
-          name: "María García",
-          role: "Cliente",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
-        },
-        {
-          id: "2",
-          name: "Pedro Sánchez",
-          role: "Turista",
-          company: "Viajero",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
-        },
-        {
-          id: "3",
-          name: "Lucía López",
-          role: "Cliente",
-          company: "Habitual",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg",
-        },
-        {
-          id: "4",
-          name: "Javier Ruiz",
-          role: "Cliente",
-          company: "Foodie",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125782.jpg",
-        },
-        {
-          id: "5",
-          name: "Ana Martínez",
-          role: "Cliente",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg",
-        },
       ]}
-      kpiItems={[
-        {
-          value: "4.9",
-          label: "Google Rating",
-        },
-        {
-          value: "500+",
-          label: "Opiniones",
-        },
-        {
-          value: "Top 10",
-          label: "Taperías Local",
-        },
-      ]}
-      title="Lo que dicen nuestros clientes"
-      description="La mejor forma de conocernos es a través de quienes ya nos han visitado."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
+      tag="Ubicación y Contacto"
+      title="Donde Siempre, en Albacete"
+      description="Av. Isabel la Católica, 11, Albacete (España). Ven a vernos o reserva tu mesa llamando directamente."
+      imageSrc="http://img.b2bpic.net/free-photo/fathers-day-composition-with-slate_23-2147810631.jpg"
+      mediaPosition="right"
+      buttonText="Reservar Ahora"
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "gradient-bars",
-      }}
-      tag="Contacto"
-      title="Reserva tu mesa"
-      description="Estamos en Albacete, listos para servirte. ¿Tienes dudas? Contáctanos."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBase
-      imageSrc="http://img.b2bpic.net/free-photo/fathers-day-composition-with-slate_23-2147810631.jpg"
       logoText="Donde Siempre"
       columns={[
-        {
+        { title: "Menú", items: [{ label: "Carta", href: "#features" }, { label: "Reservar", href: "#contact" }] },
-          title: "Menú",
+        { title: "Contacto", items: [{ label: "Llámanos", href: "tel:+34967000000" }, { label: "Av. Isabel la Católica, 11", href: "#" }] },
-          items: [
-            {
-              label: "Ver Carta",
-              href: "#features",
-            },
-            {
-              label: "Reservar",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>