bender/e3a6b6a8-6de4-4c19-a460-361910bcd389
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-08 20:59:20 +00:00
parent 3a1b02a02c
commit 4a9b98acdd
1 changed files with 34 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

204
src/app/page.tsx
View File

@@ -30,26 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "#hero",
},
{
name: "Sobre Nosotros",
id: "#about",
},
{
name: "Menú",
id: "#menu",
},
{
name: "Experiencia",
id: "#experience",
},
{
name: "Contacto",
id: "#contact",
},
{ name: "Inicio", id: "#hero" },
{ name: "Sobre Nosotros", id: "#about" },
{ name: "Menú", id: "#menu" },
{ name: "Experiencia", id: "#experience" },
{ name: "Contacto", id: "#contact" },
]}
brandName="CAMERON"
/>
@@ -58,41 +43,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="El café que eleva tu día"
description="Descubrí la perfección en cada taza. CAMERON redefine la experiencia del café artesanal en un ambiente diseñado para tus sentidos."
buttons={[
{
text: "Ver menú",
href: "#menu",
},
text: "Ver menú", href: "#menu"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg?_wi=1",
imageAlt: "Ambiente de café premium",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg?_wi=2",
imageAlt: "Ambiente de café premium",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg?_wi=3",
imageAlt: "Ambiente de café premium",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg?_wi=4",
imageAlt: "Ambiente de café premium",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg?_wi=5",
imageAlt: "Ambiente de café premium",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg?_wi=6",
imageAlt: "Ambiente de café premium",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", imageAlt: "elegant premium coffee shop atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", imageAlt: "elegant premium coffee shop atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", imageAlt: "elegant premium coffee shop atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", imageAlt: "elegant premium coffee shop atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", imageAlt: "elegant premium coffee shop atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", imageAlt: "elegant premium coffee shop atmosphere" },
]}
/>
</div>
@@ -102,9 +66,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Nuestra Esencia"
description={[
"En CAMERON, seleccionamos los granos más exclusivos de origen controlado para ofrecerte una experiencia superior.",
"Nuestro concepto fusiona la tradición del tostado artesanal con un ambiente moderno y sofisticado, pensado para quienes valoran la excelencia en cada sorbo.",
]}
"En CAMERON, seleccionamos los granos más exclusivos de origen controlado para ofrecerte una experiencia superior.", "Nuestro concepto fusiona la tradición del tostado artesanal con un ambiente moderno y sofisticado, pensado para quienes valoran la excelencia en cada sorbo."]}
/>
</div>
@@ -115,60 +77,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Especial",
name: "Espresso Doble",
price: "$5.500",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg?_wi=1",
},
{
id: "2",
brand: "Clásico",
name: "Cappuccino Italiano",
price: "$6.800",
rating: 5,
reviewCount: "240",
imageSrc: "http://img.b2bpic.net/free-photo/three-white-plate-full-coffee-beans-cacao-powder_114579-54896.jpg?_wi=1",
},
{
id: "3",
brand: "Especial",
name: "Latte Vainilla Premium",
price: "$7.200",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg?_wi=2",
},
{
id: "4",
brand: "Pastelería",
name: "Croissant de Manteca",
price: "$5.200",
rating: 5,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/three-white-plate-full-coffee-beans-cacao-powder_114579-54896.jpg?_wi=2",
},
{
id: "5",
brand: "Especial",
name: "Té Earl Grey en Hebras",
price: "$5.800",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg?_wi=3",
},
{
id: "6",
brand: "Clásico",
name: "Flat White",
price: "$6.900",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/three-white-plate-full-coffee-beans-cacao-powder_114579-54896.jpg?_wi=3",
},
{ id: "1", brand: "Especial", name: "Espresso Doble", price: "$5.500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg" },
{ id: "2", brand: "Clásico", name: "Cappuccino Italiano", price: "$6.800", rating: 5, reviewCount: "240", imageSrc: "http://img.b2bpic.net/free-photo/three-white-plate-full-coffee-beans-cacao-powder_114579-54896.jpg" },
{ id: "3", brand: "Especial", name: "Latte Vainilla Premium", price: "$7.200", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg" },
{ id: "4", brand: "Pastelería", name: "Croissant de Manteca", price: "$5.200", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/three-white-plate-full-coffee-beans-cacao-powder_114579-54896.jpg" },
{ id: "5", brand: "Especial", name: "Té Earl Grey en Hebras", price: "$5.800", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg" },
{ id: "6", brand: "Clásico", name: "Flat White", price: "$6.900", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/three-white-plate-full-coffee-beans-cacao-powder_114579-54896.jpg" },
]}
title="Selección CAMERON"
description="Explora nuestra carta de especialidades, elaboradas por maestros baristas."
@@ -177,27 +91,16 @@ export default function LandingPage() {
<div id="experience" data-section="experience">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Ambiente Exclusivo",
description: "Mobiliario diseñado a medida para tu máxima comodidad y privacidad.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meal-with-bread-green-table-food-meal-restaurant_140725-28204.jpg?_wi=1",
imageAlt: "Interior elegante",
},
title: "Ambiente Exclusivo", description: "Mobiliario diseñado a medida para tu máxima comodidad y privacidad.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meal-with-bread-green-table-food-meal-restaurant_140725-28204.jpg", imageAlt: "Interior elegante"},
{
title: "Conectividad Premium",
description: "Espacios ideales para trabajo remoto o reuniones de negocios con Wi-Fi dedicado.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meal-with-bread-green-table-food-meal-restaurant_140725-28204.jpg?_wi=2",
imageAlt: "Espacio de trabajo",
},
title: "Conectividad Premium", description: "Espacios ideales para trabajo remoto o reuniones de negocios con Wi-Fi dedicado.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meal-with-bread-green-table-food-meal-restaurant_140725-28204.jpg", imageAlt: "Espacio de trabajo"},
{
title: "Servicio de Calidad",
description: "Nuestro personal está capacitado para brindar una atención personalizada y atenta.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meal-with-bread-green-table-food-meal-restaurant_140725-28204.jpg?_wi=3",
imageAlt: "Atención baristas",
},
title: "Servicio de Calidad", description: "Nuestro personal está capacitado para brindar una atención personalizada y atenta.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meal-with-bread-green-table-food-meal-restaurant_140725-28204.jpg", imageAlt: "Atención baristas"},
]}
title="La Experiencia"
description="Cada rincón de CAMERON está diseñado para que tu estadía sea memorable."
@@ -210,41 +113,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Lucía Martínez",
role: "Arquitecta",
testimonial: "El mejor café de Buenos Aires. El ambiente es simplemente sofisticado.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
},
{
id: "2",
name: "Matías G.",
role: "Empresario",
testimonial: "Ideal para mis reuniones. La calidad del espresso es incomparable.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-taking-phone-while-having-coffee-break-cafe_637285-8857.jpg",
},
{
id: "3",
name: "Sofía Rossi",
role: "Diseñadora",
testimonial: "Me encanta venir a trabajar aquí. La experiencia es de otro nivel.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-female-entrepreneur-working-outside-office-sit-cafe-look-outside-window-passersby-dreamy-smiling-holding-cup-coffee-enjoy-momentum-working-laptop-prepare-project_197531-30636.jpg",
},
{
id: "4",
name: "Juan Pablo D.",
role: "Abogado",
testimonial: "Atención impecable y productos de pastelería frescos cada mañana.",
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
},
{
id: "5",
name: "Ana Clara R.",
role: "Influencer",
testimonial: "CAMERON es un oasis en medio de la ciudad. 100% recomendado.",
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg",
},
{ id: "1", name: "Lucía Martínez", role: "Arquitecta", testimonial: "El mejor café de Buenos Aires. El ambiente es simplemente sofisticado.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
{ id: "2", name: "Matías G.", role: "Empresario", testimonial: "Ideal para mis reuniones. La calidad del espresso es incomparable.", imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-taking-phone-while-having-coffee-break-cafe_637285-8857.jpg" },
{ id: "3", name: "Sofía Rossi", role: "Diseñadora", testimonial: "Me encanta venir a trabajar aquí. La experiencia es de otro nivel.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-female-entrepreneur-working-outside-office-sit-cafe-look-outside-window-passersby-dreamy-smiling-holding-cup-coffee-enjoy-momentum-working-laptop-prepare-project_197531-30636.jpg" },
{ id: "4", name: "Juan Pablo D.", role: "Abogado", testimonial: "Atención impecable y productos de pastelería frescos cada mañana.", imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg" },
{ id: "5", name: "Ana Clara R.", role: "Influencer", testimonial: "CAMERON es un oasis en medio de la ciudad. 100% recomendado.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg" },
]}
title="Lo que dicen nuestros clientes"
description="La satisfacción de quienes nos eligen es nuestra mayor recompensa."
@@ -255,20 +128,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contacto"
title="Visitá CAMERON y viví la experiencia"
description="Estamos ubicados en Av. Libertador 1234, Buenos Aires. ¿Dudas o reservas? Escribinos."
buttons={[
{
text: "WhatsApp",
href: "https://wa.me/5491100000000",
},
text: "WhatsApp", href: "https://wa.me/5491100000000"},
{
text: "Contactanos",
href: "mailto:hola@cameroncafe.com",
},
text: "Contactanos", href: "mailto:hola@cameroncafe.com"},
]}
/>
</div>
@@ -280,14 +148,10 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
]}
/>
</div>