4 Commits

Author SHA1 Message Date
6874ac65cb Merge version_3 into main
Merge version_3 into main
2026-06-11 03:07:10 +00:00
d558b684d7 Update src/app/styles/variables.css 2026-06-11 03:07:07 +00:00
b754cfc6f8 Update src/app/styles/base.css 2026-06-11 03:07:06 +00:00
9defabf718 Update src/app/page.tsx 2026-06-11 03:07:06 +00:00
3 changed files with 73 additions and 171 deletions

View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern'; import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Inicio", name: "Inicio", id: "#hero"},
id: "#hero",
},
{ {
name: "Nosotros", name: "Nosotros", id: "#about"},
id: "#about",
},
{ {
name: "Sabores", name: "Sabores", id: "#products"},
id: "#products",
},
{ {
name: "Opiniones", name: "Opiniones", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contacto", name: "Contacto", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-mexican-bar-logo_23-2150667580.jpg" logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-mexican-bar-logo_23-2150667580.jpg"
logoAlt="Heladería La Vaca Jacinta Logo" logoAlt="Heladería La Vaca Jacinta Logo"
@@ -64,19 +54,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="Siente el Sabor del Perú" title="Siente el Sabor del Perú"
description="Helados Artesanales con el Alma de Nuestra Tierra. Tradición y Pasión en Cada Cucharada." description="Helados Artesanales con el Alma de Nuestra Tierra. Tradición y Pasión en Cada Cucharada."
buttons={[ buttons={[
{ {
text: "Explorar Sabores", text: "Explorar Sabores", href: "#products"},
href: "#products",
},
{ {
text: "Visítanos", text: "Visítanos", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/ice-cream-balls-cup-near-kiwi-scoop_23-2148109371.jpg" imageSrc="http://img.b2bpic.net/free-photo/ice-cream-balls-cup-near-kiwi-scoop_23-2148109371.jpg"
imageAlt="Delicious artisanal Peruvian ice cream" imageAlt="Delicious artisanal Peruvian ice cream"
@@ -90,9 +75,7 @@ export default function LandingPage() {
title="La Pasión Peruana Convertida en Helado" title="La Pasión Peruana Convertida en Helado"
buttons={[ buttons={[
{ {
text: "Conoce Más", text: "Conoce Más", href: "#faq"},
href: "#faq",
},
]} ]}
/> />
</div> </div>
@@ -105,29 +88,19 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Apple, icon: Apple,
title: "Frutas Frescas de Temporada", title: "Frutas Frescas de Temporada", description: "Seleccionamos las mejores frutas peruanas, garantizando un sabor auténtico y natural en cada helado."},
description: "Seleccionamos las mejores frutas peruanas, garantizando un sabor auténtico y natural en cada helado.",
},
{ {
icon: Leaf, icon: Leaf,
title: "Cacao Peruano de Origen", title: "Cacao Peruano de Origen", description: "Disfruta de la riqueza y el aroma de nuestro cacao de origen, transformado en exquisitos sabores."},
description: "Disfruta de la riqueza y el aroma de nuestro cacao de origen, transformado en exquisitos sabores.",
},
{ {
icon: FileText, icon: FileText,
title: "Recetas de Antaño", title: "Recetas de Antaño", description: "Mantenemos viva la tradición con recetas que han pasado de generación en generación, llenas de historia y sabor."},
description: "Mantenemos viva la tradición con recetas que han pasado de generación en generación, llenas de historia y sabor.",
},
{ {
icon: Flame, icon: Flame,
title: "Producción Artesanal Diaria", title: "Producción Artesanal Diaria", description: "Cada día elaboramos nuestros helados con dedicación, asegurando frescura y la más alta calidad en cada batch."},
description: "Cada día elaboramos nuestros helados con dedicación, asegurando frescura y la más alta calidad en cada batch.",
},
{ {
icon: Sparkles, icon: Sparkles,
title: "Sin Conservantes Artificiales", title: "Sin Conservantes Artificiales", description: "Comprometidos con tu bienestar, nuestros helados son 100% naturales, libres de aditivos y saborizantes artificiales."},
description: "Comprometidos con tu bienestar, nuestros helados son 100% naturales, libres de aditivos y saborizantes artificiales.",
},
]} ]}
title="Ingredientes Auténticos, Sabor Incomparable" title="Ingredientes Auténticos, Sabor Incomparable"
description="Nuestros helados son una experiencia. Cada sabor es el resultado de una meticulosa selección de frutas frescas, cacao de origen y especias exóticas. Hechos a mano con amor y cuidado, sin colorantes ni saborizantes artificiales." description="Nuestros helados son una experiencia. Cada sabor es el resultado de una meticulosa selección de frutas frescas, cacao de origen y especias exóticas. Hechos a mano con amor y cuidado, sin colorantes ni saborizantes artificiales."
@@ -143,47 +116,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "lucuma", id: "lucuma", name: "Lúcuma", price: "S/12", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-mango-sorbet-with-mint-garnish_23-2151973424.jpg", imageAlt: "Lucuma ice cream"},
name: "Lúcuma",
price: "S/12",
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-mango-sorbet-with-mint-garnish_23-2151973424.jpg",
imageAlt: "Lucuma ice cream",
},
{ {
id: "maracuya", id: "maracuya", name: "Maracuyá", price: "S/12", imageSrc: "http://img.b2bpic.net/free-photo/creamy-mango-mousse-dessert-with-coconut-garnish-floral-backdrop_84443-73608.jpg", imageAlt: "Maracuya ice cream"},
name: "Maracuyá",
price: "S/12",
imageSrc: "http://img.b2bpic.net/free-photo/creamy-mango-mousse-dessert-with-coconut-garnish-floral-backdrop_84443-73608.jpg",
imageAlt: "Maracuya ice cream",
},
{ {
id: "chirimoya", id: "chirimoya", name: "Chirimoya", price: "S/12", imageSrc: "http://img.b2bpic.net/free-photo/fresh-cheese-table-arrangement_23-2150096985.jpg", imageAlt: "Chirimoya ice cream"},
name: "Chirimoya",
price: "S/12",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-cheese-table-arrangement_23-2150096985.jpg",
imageAlt: "Chirimoya ice cream",
},
{ {
id: "fresa", id: "fresa", name: "Fresa", price: "S/10", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ice-creams-with-fruits_23-2148507953.jpg", imageAlt: "Fresa ice cream"},
name: "Fresa",
price: "S/10",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ice-creams-with-fruits_23-2148507953.jpg",
imageAlt: "Fresa ice cream",
},
{ {
id: "chocolate", id: "chocolate", name: "Chocolate", price: "S/10", imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-chocolate-lava-cake-ice-cream_74190-6984.jpg", imageAlt: "Chocolate ice cream"},
name: "Chocolate",
price: "S/10",
imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-chocolate-lava-cake-ice-cream_74190-6984.jpg",
imageAlt: "Chocolate ice cream",
},
{ {
id: "coco", id: "coco", name: "Coco", price: "S/10", imageSrc: "http://img.b2bpic.net/free-photo/summer-dessert-ice-cream-ice-cream-with-coconut_185193-109635.jpg", imageAlt: "Coco ice cream"},
name: "Coco",
price: "S/10",
imageSrc: "http://img.b2bpic.net/free-photo/summer-dessert-ice-cream-ice-cream-with-coconut_185193-109635.jpg",
imageAlt: "Coco ice cream",
},
]} ]}
title="Nuestros Sabores Estrella" title="Nuestros Sabores Estrella"
description="Un viaje de sabor por la diversidad del Perú. Desde los clásicos hasta las combinaciones más audaces, cada helado es una obra de arte." description="Un viaje de sabor por la diversidad del Perú. Desde los clásicos hasta las combinaciones más audaces, cada helado es una obra de arte."
@@ -197,50 +140,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sofía Gonzales", handle: "@sofiafoodie", testimonial: "Los helados de La Vaca Jacinta son pura magia. El sabor a lúcuma me transportó a mi niñez, cremoso y auténtico. ¡Una delicia que recomiendo a todos!", rating: 5,
name: "Sofía Gonzales", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-with-delicious-food_23-2150215503.jpg", imageAlt: "Sofía Gonzales"},
handle: "@sofiafoodie",
testimonial: "Los helados de La Vaca Jacinta son pura magia. El sabor a lúcuma me transportó a mi niñez. ¡Totalmente recomendado!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-with-delicious-food_23-2150215503.jpg",
imageAlt: "Sofía Gonzales",
},
{ {
id: "2", id: "2", name: "Ricardo Flores", handle: "@ricardosabores", testimonial: "El helado de maracuyá es espectacular, un balance perfecto entre dulce y ácido. Se siente la frescura y la calidad de los ingredientes peruanos en cada cucharada.", rating: 5,
name: "Ricardo Flores", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-basket-with-chips-posing-white-surface_140725-69509.jpg", imageAlt: "Ricardo Flores"},
handle: "@ricardosabores",
testimonial: "El helado de maracuyá es espectacular, un balance perfecto entre dulce y ácido. Se siente la calidad de los ingredientes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-basket-with-chips-posing-white-surface_140725-69509.jpg",
imageAlt: "Ricardo Flores",
},
{ {
id: "3", id: "3", name: "Elena Quispe", handle: "@elenaviajera", testimonial: "¡La mejor heladería artesanal de Lima! La chirimoya es increíble, cremoso y lleno de sabor. Volveré por más para probar todos sus sabores.", rating: 5,
name: "Elena Quispe", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-holding-ice-cream-cone_23-2148268237.jpg", imageAlt: "Elena Quispe"},
handle: "@elenaviajera",
testimonial: "¡La mejor heladería artesanal de Lima! La chirimoya es increíble, cremoso y lleno de sabor. Volveré por más.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-holding-ice-cream-cone_23-2148268237.jpg",
imageAlt: "Elena Quispe",
},
{
id: "4",
name: "Juan Carlos Paz",
handle: "@juansabroso",
testimonial: "Un descubrimiento delicioso. Probé el de cacao y es riquísimo, con un sabor intenso y auténtico que me encantó.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-eating-popsicles-outdoors_23-2148656452.jpg",
imageAlt: "Juan Carlos Paz",
},
{
id: "5",
name: "Andrea Soto",
handle: "@andreagusta",
testimonial: "Desde que los probé, no puedo ir a otro sitio. La fresa es increíblemente fresca. Se nota el amor en cada helado.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-senior-lady-smiles-broadly-has-festive-mood-blows-candles-doughnut-makes-wish-her-102nd-birthday-looks-perfect-has-bright-makeup-wears-styilish-elegant-clothes_273609-50076.jpg",
imageAlt: "Andrea Soto",
},
]} ]}
showRating={true} showRating={true}
title="Lo que Dicen Nuestros Clientes" title="Lo que Dicen Nuestros Clientes"
@@ -253,14 +160,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Comunidad Vecinal", "Comunidad Vecinal", "Mercado Artesanal", "Guía Gastronómica", "Festival del Sabor", "Lima Gourmet", "Blogueros Foodies", "Premios Sabor Local"]}
"Mercado Artesanal",
"Guía Gastronómica",
"Festival del Sabor",
"Lima Gourmet",
"Blogueros Foodies",
"Premios Sabor Local",
]}
title="Reconocidos por Nuestro Sabor" title="Reconocidos por Nuestro Sabor"
description="Nos enorgullece ser parte de la tradición gastronómica de Lima, celebrados por la calidad y autenticidad de nuestros helados." description="Nos enorgullece ser parte de la tradición gastronómica de Lima, celebrados por la calidad y autenticidad de nuestros helados."
showCard={true} showCard={true}
@@ -272,25 +172,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "¿Sus helados son realmente artesanales?", content: "Sí, todos nuestros helados son elaborados diariamente en pequeños lotes, utilizando métodos tradicionales y mucho cariño."},
title: "¿Sus helados son realmente artesanales?",
content: "Sí, todos nuestros helados son elaborados diariamente en pequeños lotes, utilizando métodos tradicionales y mucho cariño.",
},
{ {
id: "q2", id: "q2", title: "¿Qué tipo de ingredientes utilizan?", content: "Solo usamos frutas frescas de temporada, cacao de origen peruano y otros ingredientes naturales de alta calidad, sin colorantes ni saborizantes artificiales."},
title: "¿Qué tipo de ingredientes utilizan?",
content: "Solo usamos frutas frescas de temporada, cacao de origen peruano y otros ingredientes naturales de alta calidad, sin colorantes ni saborizantes artificiales.",
},
{ {
id: "q3", id: "q3", title: "¿Tienen opciones para personas con dietas especiales?", content: "Ofrecemos opciones veganas y sin lactosa, elaboradas con bases vegetales para que todos puedan disfrutar de nuestros sabores."},
title: "¿Tienen opciones para personas con dietas especiales?",
content: "Ofrecemos opciones veganas y sin lactosa, elaboradas con bases vegetales para que todos puedan disfrutar de nuestros sabores.",
},
{ {
id: "q4", id: "q4", title: "¿Realizan pedidos para eventos?", content: "¡Claro que sí! Contáctanos para consultar sobre pedidos personalizados para tus eventos, fiestas o reuniones especiales."},
title: "¿Realizan pedidos para eventos?",
content: "¡Claro que sí! Contáctanos para consultar sobre pedidos personalizados para tus eventos, fiestas o reuniones especiales.",
},
]} ]}
sideTitle="¿Tienes Preguntas?" sideTitle="¿Tienes Preguntas?"
sideDescription="Estamos aquí para responder todo sobre nuestros deliciosos helados y nuestra forma de trabajar." sideDescription="Estamos aquí para responder todo sobre nuestros deliciosos helados y nuestra forma de trabajar."
@@ -302,31 +190,45 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}} text="¡Visítanos y déjate seducir por el sabor de la tradición peruana!\n\nEncuéntranos en: Hernando de Soto 316, San Miguel, Lima 15088\nHorario: Lunes a Domingo 12:00 PM 9:00 PM\n\n¡Aceptamos Yape como método de pago!"
text="¡Visítanos y déjate seducir por el sabor de la tradición peruana!"
buttons={[ buttons={[
{ {
text: "Encuéntranos en Google Maps", text: "Abrir en Google Maps", href: "https://www.google.com/maps/place/Helader%C3%ADa+La+Vaca+Jacinta/@-12.0707203,-77.1023629,19z/data=!4m6!3m5!1s0x9105c961e0782c01:0x78bc95df84ec98ac!8m2!3d-12.0706303!4d-77.1023352!16s%2Fg%2F11bwyxpb7t?entry=ttu&g_ep=EgoyMDI2MDYwMy4xIKXMDSoASAFQAw%3D%3D"},
href: "https://www.google.com/maps/place/Helader%C3%ADa+La+Vaca+Jacinta/@-12.0707203,-77.1023629,19z/data=!4m6!3m5!1s0x9105c961e0782c01:0x78bc95df84ec98ac!8m2!3d-12.0706303!4d-77.1023352!16s%2Fg%2F11bwyxpb7t?entry=ttu&g_ep=EgoyMDI2MDYwMy4xIKXMDSoASAFQAw%3D%3D",
},
]} ]}
animationType="entrance-slide"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoEmphasis
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-mexican-bar-logo_23-2150667580.jpg" logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-mexican-bar-logo_23-2150667580.jpg"
logoAlt="La Vaca Jacinta Logo" logoAlt="La Vaca Jacinta Logo"
logoText="La Vaca Jacinta" logoText="La Vaca Jacinta"
leftLink={{ columns={[
text: "Política de Privacidad", {
href: "#", items: [
}} { label: "Contáctanos" },
rightLink={{ { label: "+51 914 076 441", href: "tel:+51914076441" },
text: "Términos y Condiciones", { label: "info@lavacajacinta.com", href: "mailto:info@lavacajacinta.com" }
href: "#", ]
}} },
{
items: [
{ label: "Síguenos" },
{ label: "Facebook", href: "https://www.facebook.com/lavacajacinta" },
{ label: "Instagram", href: "https://www.instagram.com/lavacajacinta" },
{ label: "Twitter", href: "https://twitter.com/lavacajacinta" }
]
},
{
items: [
{ label: "Legal" },
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos y Condiciones", href: "#" }
]
}
]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-public-sans), sans-serif; font-family: var(--font-lato), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-public-sans), sans-serif; font-family: var(--font-playfair-display), serif;
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #fbfaff; --background: #FFF8E7;
--card: #f7f5ff; --card: #FBF4E4;
--foreground: #0f0022; --foreground: #3A2B0F;
--primary-cta: #8b5cf6; --primary-cta: #FF8C42;
--primary-cta-text: #fbfaff; --primary-cta-text: #3A2B0F;
--secondary-cta: #ffffff; --secondary-cta: #F5C518;
--secondary-cta-text: #0f0022; --secondary-cta-text: #3A2B0F;
--accent: #d8cef5; --accent: #A8D5A2;
--background-accent: #c4a8f9; --background-accent: #FFDDAA;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);