Merge version_2 into main #2
227
src/app/page.tsx
227
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,79 @@ 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"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
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",
|
||||
},
|
||||
]}
|
||||
text="📍 Carr 149 km 12.1, Ciales | 📞 (787) 446-9254"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user