Update src/app/page.tsx
This commit is contained in:
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,45 +31,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre Nosotros", id: "about" },
|
||||
{ name: "Menú", id: "products" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Maison Coffee"
|
||||
button={{ text: "Ver Menú", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Maison Coffee"
|
||||
description="Tu rincón favorito en Jacó. Disfruta de un café artesanal, desayunos deliciosos y la mejor atmósfera frente a la playa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Menú",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visítanos",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Ver Menú", href: "#products" },
|
||||
{ text: "Visítanos", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-jar_23-2147775882.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-jar_23-2147775882.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,15 +59,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Pasión por el Café y la Comunidad",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-beans-coffee-grinder-coffee-beans-closeup_169016-63004.jpg",
|
||||
alt: "Barista artesanal",
|
||||
},
|
||||
{ type: "text", content: "Pasión por el Café y la Comunidad" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/coffee-beans-coffee-grinder-coffee-beans-closeup_169016-63004.jpg", alt: "Barista artesanal" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,49 +72,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Café de Especialidad",
|
||||
description: "Seleccionamos los mejores granos para ofrecerte una taza con el cuerpo y aroma perfectos.",
|
||||
icon: Coffee,
|
||||
title: "Café de Especialidad", description: "Seleccionamos los mejores granos para ofrecerte una taza con el cuerpo y aroma perfectos.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-profess-making-coffee_23-2148366542.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762399.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-profess-making-coffee_23-2148366542.jpg", imageAlt: "freshly brewed artisanal coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762399.jpg", imageAlt: "freshly brewed artisanal coffee" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-jar_23-2147775882.jpg?_wi=2",
|
||||
imageAlt: "freshly brewed artisanal coffee",
|
||||
},
|
||||
{
|
||||
title: "Comida Saludable",
|
||||
description: "Nuestros famosos bowls de açai son preparados con ingredientes frescos y un toque casero.",
|
||||
icon: Salad,
|
||||
title: "Comida Saludable", description: "Nuestros famosos bowls de açai son preparados con ingredientes frescos y un toque casero.", icon: Salad,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-healthy-blueberry-smoothie-bowl-with-fruits-granola_181624-44683.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-colorful-breakfast-with-oatmeal-yogurt-strawberry-blueberry-honey-milk-white-wooden-background-with-copy-space-closeup_1220-1317.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-healthy-blueberry-smoothie-bowl-with-fruits-granola_181624-44683.jpg", imageAlt: "freshly brewed artisanal coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tasty-colorful-breakfast-with-oatmeal-yogurt-strawberry-blueberry-honey-milk-white-wooden-background-with-copy-space-closeup_1220-1317.jpg", imageAlt: "freshly brewed artisanal coffee" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-coffee-grinder-coffee-beans-closeup_169016-63004.jpg",
|
||||
imageAlt: "freshly brewed artisanal coffee",
|
||||
},
|
||||
{
|
||||
title: "Ambiente Relajante",
|
||||
description: "Un espacio diseñado para disfrutar, trabajar o simplemente pasar un rato agradable en Jacó.",
|
||||
icon: Umbrella,
|
||||
title: "Ambiente Relajante", description: "Un espacio diseñado para disfrutar, trabajar o simplemente pasar un rato agradable en Jacó.", icon: Umbrella,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/package-sack-cup-near-coffee-beans_23-2148180183.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-coffee-grinder-with-coffee-beans-falling-from-sack-table_23-2148028109.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/package-sack-cup-near-coffee-beans_23-2148180183.jpg", imageAlt: "freshly brewed artisanal coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-coffee-grinder-with-coffee-beans-falling-from-sack-table_23-2148028109.jpg", imageAlt: "freshly brewed artisanal coffee" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate_74190-6907.jpg?_wi=1",
|
||||
imageAlt: "freshly brewed artisanal coffee",
|
||||
},
|
||||
]}
|
||||
title="Lo que nos hace especiales"
|
||||
@@ -155,60 +105,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bebidas",
|
||||
name: "Latte Artesanal",
|
||||
price: "₡5,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate_74190-6907.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Salados",
|
||||
name: "Quiche de Vegetales",
|
||||
price: "₡4,500",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-frittata-made-with-spinach-tomatoes-onion-peppers-white-wooden-table_123827-29633.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Bowls",
|
||||
name: "Açai Bowl Especial",
|
||||
price: "₡5,500",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-muesli-yoghurt-cream-sweet_1203-6380.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Desayunos",
|
||||
name: "American Breakfast",
|
||||
price: "₡6,000",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pan-eggs-sprinkled-with-chinese-sausage-diced-bacon-breakfast_1150-26543.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Bebidas",
|
||||
name: "Cold Brew",
|
||||
price: "₡3,500",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-6388.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Bakery",
|
||||
name: "Croissant de Chocolate",
|
||||
price: "₡2,500",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/utensils-rope-near-bread_23-2147851914.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Bebidas", name: "Latte Artesanal", price: "₡5,000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate_74190-6907.jpg" },
|
||||
{ id: "p2", brand: "Salados", name: "Quiche de Vegetales", price: "₡4,500", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/italian-frittata-made-with-spinach-tomatoes-onion-peppers-white-wooden-table_123827-29633.jpg" },
|
||||
{ id: "p3", brand: "Bowls", name: "Açai Bowl Especial", price: "₡5,500", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-muesli-yoghurt-cream-sweet_1203-6380.jpg" },
|
||||
{ id: "p4", brand: "Desayunos", name: "American Breakfast", price: "₡6,000", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/pan-eggs-sprinkled-with-chinese-sausage-diced-bacon-breakfast_1150-26543.jpg" },
|
||||
{ id: "p5", brand: "Bebidas", name: "Cold Brew", price: "₡3,500", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-6388.jpg" },
|
||||
{ id: "p6", brand: "Bakery", name: "Croissant de Chocolate", price: "₡2,500", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/utensils-rope-near-bread_23-2147851914.jpg" },
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Explora nuestra selección de bebidas y platos preparados con dedicación."
|
||||
@@ -221,60 +123,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Local Guide",
|
||||
company: "Cliente Frecuente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-couple-cafe_171337-16466.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Nia",
|
||||
role: "Foodie",
|
||||
company: "Turista",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mari G.",
|
||||
role: "Coffee Lover",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064718.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Visitante",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barista-with-hot-drink_23-2147795633.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
role: "Digital Nomad",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Local Guide", company: "Cliente Frecuente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-couple-cafe_171337-16466.jpg" },
|
||||
{ id: "t2", name: "Nia", role: "Foodie", company: "Turista", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg" },
|
||||
{ id: "t3", name: "Mari G.", role: "Coffee Lover", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064718.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Visitante", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barista-with-hot-drink_23-2147795633.jpg" },
|
||||
{ id: "t5", name: "Elena R.", role: "Digital Nomad", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Calificación",
|
||||
},
|
||||
{
|
||||
value: "36+",
|
||||
label: "Opiniones",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Sabor Casero",
|
||||
},
|
||||
{ value: "4.8", label: "Calificación" },
|
||||
{ value: "36+", label: "Opiniones" },
|
||||
{ value: "100%", label: "Sabor Casero" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias reales de personas que disfrutan cada momento en Maison Coffee."
|
||||
@@ -286,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Tienen opciones vegetarianas?",
|
||||
content: "Sí, contamos con varias opciones saludables, incluyendo nuestros famosos bowls de açai y quiches vegetarianos.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Tienen Wi-Fi?",
|
||||
content: "Ofrecemos conexión Wi-Fi gratuita para nuestros clientes que deseen trabajar o navegar cómodamente.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Cuál es su horario?",
|
||||
content: "Estamos abiertos todos los días, cerrando a las 7:00 p.m. ¡Te esperamos!",
|
||||
},
|
||||
{ id: "q1", title: "¿Tienen opciones vegetarianas?", content: "Sí, contamos con varias opciones saludables, incluyendo nuestros famosos bowls de açai y quiches vegetarianos." },
|
||||
{ id: "q2", title: "¿Tienen Wi-Fi?", content: "Ofrecemos conexión Wi-Fi gratuita para nuestros clientes que deseen trabajar o navegar cómodamente." },
|
||||
{ id: "q3", title: "¿Cuál es su horario?", content: "Estamos abiertos todos los días, cerrando a las 7:00 p.m. ¡Te esperamos!" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10725.jpg"
|
||||
title="Preguntas frecuentes"
|
||||
@@ -312,17 +158,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visítanos"
|
||||
title="Ven a saludarnos en Jacó"
|
||||
description="Estamos ubicados frente a la Av. Pastor Díaz. ¡Ven por tu dosis diaria de cafeína!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver en Google Maps",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{ text: "Ver en Google Maps", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -332,29 +173,15 @@ export default function LandingPage() {
|
||||
logoText="Maison Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "8459 0364",
|
||||
href: "tel:84590364",
|
||||
},
|
||||
{
|
||||
label: "Jacó, Costa Rica",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contacto", items: [
|
||||
{ label: "8459 0364", href: "tel:84590364" },
|
||||
{ label: "Jacó, Costa Rica", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Enlaces",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Menú",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Enlaces", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Menú", href: "#products" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user