Update src/app/page.tsx

Merge version_1 into main
2026-04-03 15:25:04 +00:00 · 2026-04-03 15:24:36 +00:00 · 2026-04-03 15:23:48 +00:00
1 changed files with 42 additions and 186 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

 export default function LandingPage() {
  return (
@@ -26,226 +26,82 @@ export default function LandingPage() {
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarStyleCentered
      navItems={[
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Menú",
-          id: "menu",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
+        { name: "Inicio", id: "hero" },
+        { name: "Nosotros", id: "about" },
+        { name: "Menú", id: "menu" },
+        { name: "Contacto", id: "contact" },
      ]}
      brandName="Kalaloo Pizza"
    />
  </div>

  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Kalaloo Pizza"
-      description="La mejor pizza de Ciales. Ingredientes frescos, ambiente familiar y sabor auténtico."
-      buttons={[
-        {
-          text: "Ver Menú",
-          href: "#menu",
-        },
-      ]}
+      <HeroBillboardScroll
+      title="Kalaloo Pizza"
+      description="La mejor pizza de Ciales. Ingredientes frescos, masa artesanal y el sabor auténtico de nuestra tradición familiar."
+      buttons={[{ text: "Ver Menú", href: "#menu" }]}
+      background={{ variant: "sparkles-gradient" }}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-seasonings-dark-surface-meal-italian-food-dough-snack-pizza_140725-101765.jpg"
-      imageAlt="Nuestra deliciosa pizza artesanal"
    />
  </div>

  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
+      <TextSplitAbout
      title="Sobre Nosotros"
-      description="En Kalaloo Pizza ofrecemos una experiencia única con pizzas deliciosas, ingredientes frescos y un ambiente familiar. Somos reconocidos en Ciales por nuestros precios accesibles y calidad."
-      metrics={[
-        {
-          value: "100%",
-          title: "Calidad Garantizada",
-        },
-        {
-          value: "2026",
-          title: "Año de Tradición",
-        },
-        {
-          value: "1000+",
-          title: "Clientes Felices",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-eating-pizza_23-2151231319.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
+      description={["En Kalaloo Pizza, nuestra misión es traer el auténtico sabor italiano al corazón de Ciales.", "Utilizamos ingredientes locales de primera calidad y técnicas artesanales para garantizar una experiencia única en cada porción."]}
+      useInvertedBackground={false}
    />
  </div>

  <div id="menu" data-section="menu">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          brand: "Kalaloo",
-          name: "Pizza Clásica",
-          price: "$12.00",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          brand: "Kalaloo",
-          name: "Pizza Especial",
-          price: "$16.00",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-seasonings-dark-surface-pizza-meal-italian-food-dough-snack_140725-101761.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          brand: "Kalaloo",
-          name: "Pizza Suprema",
-          price: "$19.00",
-          rating: 5,
-          reviewCount: "92",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-tomatoes-olives-mushrooms-all-sliced-inside-with-flour-grey-desk-green-tissue-pizza-dough-italian-food_140725-22903.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          brand: "Kalaloo",
-          name: "Bebidas",
-          price: "$2.50",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-soda-with-lemon-slices-light-pink-photo-champagne-water-cocktail-drink-lemonade_140725-93026.jpg",
-        },
-        {
-          id: "5",
-          brand: "Kalaloo",
-          name: "Pizza Pepperoni",
-          price: "$14.00",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-tomatoes-lettuce-grated-cheese_141793-913.jpg?_wi=1",
-        },
-        {
-          id: "6",
-          brand: "Kalaloo",
-          name: "Combo Familiar",
-          price: "$25.00",
-          rating: 5,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-wooden-board-with-sauces-plate-hand-sanitizer-mask-around_114579-78305.jpg?_wi=1",
-        },
-      ]}
+      <ProductCardOne
      title="Nuestro Menú"
-      description="Selección de nuestras mejores pizzas preparadas al momento."
+      description="Explora nuestra variedad de pizzas, desde las clásicas hasta nuestras creaciones especiales."
+      animationType="slide-up"
+      gridVariant="uniform-all-items-equal"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      products={[
+        { id: "1", name: "Pizza Clásica", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg?_wi=1" },
+        { id: "2", name: "Pizza Especial", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-seasonings-dark-surface-pizza-meal-italian-food-dough-snack_140725-101761.jpg?_wi=1" },
+        { id: "3", name: "Pizza Suprema", price: "$19.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-tomatoes-olives-mushrooms-all-sliced-inside-with-flour-grey-desk-green-tissue-pizza-dough-italian-food_140725-22903.jpg?_wi=1" },
+      ]}
    />
  </div>

  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      cardTitle="Lo que dicen nuestros clientes"
-      cardTag="Testimonios"
-      cardAnimation="blur-reveal"
+      <TestimonialCardFive
+      title="Opiniones"
+      description="Lo que dicen nuestros clientes sobre la experiencia Kalaloo."
      testimonials={[
-        {
-          id: "t1",
-          name: "Juan Pérez",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "María García",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-seasonings-dark-surface-pizza-meal-italian-food-dough-snack_140725-101761.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          name: "Carlos Ruiz",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-tomatoes-olives-mushrooms-all-sliced-inside-with-flour-grey-desk-green-tissue-pizza-dough-italian-food_140725-22903.jpg?_wi=2",
-        },
-        {
-          id: "t4",
-          name: "Ana Torres",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-tomatoes-lettuce-grated-cheese_141793-913.jpg?_wi=2",
-        },
-        {
-          id: "t5",
-          name: "Luis Vega",
-          imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-wooden-board-with-sauces-plate-hand-sanitizer-mask-around_114579-78305.jpg?_wi=2",
-        },
+        { id: "1", name: "Juan Pérez", date: "2025-05-10", title: "Increíble sabor", quote: "La mejor pizza que he probado en Ciales, sin duda.", tag: "Cliente frecuente", avatarSrc: "" },
      ]}
+      textboxLayout="default"
+      useInvertedBackground={false}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
+      text="📍 Carr 149 km 12.1, Ciales | 📞 (787) 446-9254"
+      background={{ variant: "gradient-bars" }}
+      buttons={[{ text: "Llamar Ahora", href: "tel:+17874469254" }]}
      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="📍 Carr 149 km 12.1, Ciales, Puerto Rico | 📞 (787) 446-9254"
-      buttons={[
-        {
-          text: "Llamar ahora",
-          href: "tel:+17874469254",
-        },
-      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      columns={[
-        {
-          title: "Navegación",
-          items: [
-            {
-              label: "Inicio",
-              href: "#",
-            },
-            {
-              label: "Nosotros",
-              href: "#about",
-            },
-            {
-              label: "Menú",
-              href: "#menu",
-            },
-            {
-              label: "Contacto",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Redes",
-          items: [
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Kalaloo Pizza", items: [{ label: "Inicio", href: "#hero" }, { label: "Menú", href: "#menu" }] },
+        { title: "Contacto", items: [{ label: "(787) 446-9254", href: "tel:+17874469254" }] }
      ]}
-      copyrightText="© 2026 Kalaloo Pizza - Todos los derechos reservados"
+      copyrightText="© 2026 Kalaloo Pizza. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	13c6b8b660	Update src/app/page.tsx	2026-04-03 15:25:04 +00:00
bender	025603f8fc	Update src/app/page.tsx	2026-04-03 15:24:36 +00:00
bender	7b4cac020e	Merge version_1 into main Merge version_1 into main	2026-04-03 15:23:48 +00:00