Merge version_1 into main #1
386
src/app/page.tsx
386
src/app/page.tsx
@@ -28,285 +28,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "#opiniones",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
]}
|
||||
brandName="Punto y Coma Pizza"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "#hero" },
|
||||
{ name: "Menú", id: "#menu" },
|
||||
{ name: "Opiniones", id: "#opiniones" },
|
||||
{ name: "Contacto", id: "#contacto" },
|
||||
]}
|
||||
brandName="Punto y Coma Pizza"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="La verdadera pizza de barrio en Fontibón"
|
||||
description="Ven y disfruta de la auténtica experiencia italiana. Ingredientes frescos, masa crocante y el sabor que nos hace únicos en el sector."
|
||||
tag="Pizzeria Punto y Coma"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-spices-near-pasta_23-2147749540.jpg",
|
||||
imageAlt: "Nuestra pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-cheese-it-is-being-served_505751-3854.jpg",
|
||||
imageAlt: "Preparación artesanal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-pizza-pieces-wooden-roller-wooden_181624-33082.jpg",
|
||||
imageAlt: "High angle shot of pizza pieces and a wooden roller on a wooden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board-with-cherry-tomatoes-free-space-text_78826-2849.jpg",
|
||||
imageAlt: "Delicious Neapolitan pizza on board with cherry tomatoes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-vegetable-pizza-table_23-2147844218.jpg",
|
||||
imageAlt: "High angle view of vegetable pizza on table",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Basado en 107 opiniones"
|
||||
tagIcon={Pizza}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="La verdadera pizza de barrio en Fontibón"
|
||||
description="Ven y disfruta de la auténtica experiencia italiana. Ingredientes frescos, masa crocante y el sabor que nos hace únicos en el sector."
|
||||
tag="Pizzeria Punto y Coma"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-spices-near-pasta_23-2147749540.jpg", imageAlt: "Nuestra pizza" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-cheese-it-is-being-served_505751-3854.jpg", imageAlt: "Preparación artesanal" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Basado en 107 opiniones"
|
||||
tagIcon={Pizza}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Calidad artesanal desde ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-person-portrait_23-2149058194.jpg",
|
||||
alt: "Local",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " el corazón de Fontibón",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Calidad artesanal desde " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-asian-person-portrait_23-2149058194.jpg", alt: "Local" },
|
||||
{ type: "text", content: " el corazón de Fontibón" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Ingredientes Frescos",
|
||||
description: "Seleccionamos los mejores productos del día.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Rapidez",
|
||||
description: "Tu pizza lista a tiempo, siempre caliente.",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Atención Cercana",
|
||||
description: "Te hacemos sentir como en casa.",
|
||||
},
|
||||
]}
|
||||
title="Por qué elegirnos"
|
||||
description="Calidad, sabor y atención en un solo lugar."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: CheckCircle, title: "Ingredientes Frescos", description: "Seleccionamos los mejores productos del día." },
|
||||
{ icon: Clock, title: "Rapidez", description: "Tu pizza lista a tiempo, siempre caliente." },
|
||||
{ icon: Smile, title: "Atención Cercana", description: "Te hacemos sentir como en casa." },
|
||||
]}
|
||||
title="Por qué elegirnos"
|
||||
description="Calidad, sabor y atención en un solo lugar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Clásica Margarita",
|
||||
price: "$18.000",
|
||||
variant: "Familiar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-margherita-pizza-with-fresh-basil_23-2151997963.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carnes Selectas",
|
||||
price: "$22.000",
|
||||
variant: "Familiar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sliced-pizza_23-2148753763.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vegetariana Fresca",
|
||||
price: "$20.000",
|
||||
variant: "Familiar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-slices-with-toppings_23-2148601642.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hawaiana Especial",
|
||||
price: "$19.000",
|
||||
variant: "Familiar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-meat-mushroom-pizza-wooden-table-with-fork-knife_23-2147922433.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pollo BBQ",
|
||||
price: "$21.000",
|
||||
variant: "Familiar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-seafood-pizza_74190-7572.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pepperoni Extra",
|
||||
price: "$20.000",
|
||||
variant: "Familiar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-sausage-tomato-sauce-cheese-herb-sprinkles_140725-652.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Una selección de las mejores pizzas del barrio."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "1", name: "Clásica Margarita", price: "$18.000", variant: "Familiar", imageSrc: "http://img.b2bpic.net/free-photo/delicious-margherita-pizza-with-fresh-basil_23-2151997963.jpg" },
|
||||
{ id: "2", name: "Carnes Selectas", price: "$22.000", variant: "Familiar", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sliced-pizza_23-2148753763.jpg" },
|
||||
{ id: "3", name: "Vegetariana Fresca", price: "$20.000", variant: "Familiar", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-slices-with-toppings_23-2148601642.jpg" }
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Una selección de las mejores pizzas del barrio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="opiniones" data-section="opiniones">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Juliana Miller",
|
||||
role: "Cliente frecuente",
|
||||
testimonial: "Auténtica pizza de barrio, buen precio y rica. La recomiendo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20331.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cliente 2",
|
||||
role: "Local",
|
||||
testimonial: "Excelente servicio, muy recomendada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-sharing-pizza_23-2148375832.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cliente 3",
|
||||
role: "Vecino",
|
||||
testimonial: "La mejor opción para pasar un buen rato.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149412558.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cliente 4",
|
||||
role: "Amante de la pizza",
|
||||
testimonial: "Sabor increíble y atención impecable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-delicious-pizza_23-2150317025.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cliente 5",
|
||||
role: "Cliente regular",
|
||||
testimonial: "Súper deliciosa, siempre vuelvo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-lunch-break-eating-pizza_23-2148908952.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Gracias por su preferencia constante."
|
||||
/>
|
||||
</div>
|
||||
<div id="opiniones" data-section="opiniones">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Juliana Miller", role: "Cliente frecuente", testimonial: "Auténtica pizza de barrio, buen precio y rica. La recomiendo.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20331.jpg" },
|
||||
{ id: "2", name: "Cliente 2", role: "Local", testimonial: "Excelente servicio, muy recomendada.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-sharing-pizza_23-2148375832.jpg" }
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Gracias por su preferencia constante."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Tienen servicio a domicilio?",
|
||||
content: "Sí, realizamos entregas en todo el sector de Fontibón.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Cuál es su horario?",
|
||||
content: "Estamos abiertos todos los días hasta las 10:30 p.m.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Tienen opciones vegetarianas?",
|
||||
content: "Claro, contamos con una deliciosa pizza vegetariana fresca.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de tu visita."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "¿Tienen servicio a domicilio?", content: "Sí, realizamos entregas en todo el sector de Fontibón." },
|
||||
{ id: "2", title: "¿Cuál es su horario?", content: "Estamos abiertos todos los días hasta las 10:30 p.m." }
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de tu visita."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Haz tu pedido"
|
||||
description="Llámanos o escríbenos para reservar tu mesa hoy mismo."
|
||||
mediaAnimation="slide-up"
|
||||
tag="Contacto"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-asian-person-portrait_23-2149058194.jpg"
|
||||
imageAlt="Local"
|
||||
/>
|
||||
</div>
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
title="Haz tu pedido"
|
||||
description="Llámanos o escríbenos para reservar tu mesa hoy mismo."
|
||||
mediaAnimation="slide-up"
|
||||
tag="Contacto"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-asian-person-portrait_23-2149058194.jpg"
|
||||
imageAlt="Local"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Ubicación",
|
||||
items: [
|
||||
{
|
||||
label: "Cl. 24a #69-25, Bogotá",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "311 3288105",
|
||||
href: "tel:3113288105",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Punto y Coma Pizzería"
|
||||
bottomRightText="Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Ubicación", items: [{ label: "Cl. 24a #69-25, Bogotá", href: "#" }] },
|
||||
{ title: "Contacto", items: [{ label: "311 3288105", href: "tel:3113288105" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Punto y Coma Pizzería"
|
||||
bottomRightText="Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user