Update src/app/page.tsx
This commit is contained in:
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,27 +32,17 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Catálogo",
|
name: "Catálogo", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Acerca de",
|
name: "Acerca de", id: "/#about"},
|
||||||
id: "/#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Productos",
|
name: "Productos", id: "/#products"},
|
||||||
id: "/#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Administración",
|
name: "Administración", id: "/admin"},
|
||||||
id: "/admin",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Guayabal Liquor Store"
|
brandName="Guayabal Liquor Store"
|
||||||
button={{
|
button={{
|
||||||
text: "Comprar Ahora",
|
text: "Comprar Ahora", href: "/#products"}}
|
||||||
href: "/#products",
|
|
||||||
}}
|
|
||||||
animateOnLoad={true}
|
animateOnLoad={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -60,40 +50,21 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-animated-grid",
|
variant: "rotated-rays-animated-grid"}}
|
||||||
}}
|
|
||||||
title="Guayabal Liquor Store"
|
title="Guayabal Liquor Store"
|
||||||
description="Tu destino premium para licores selectos en la isla. Descubre una experiencia de compra inigualable con nuestro catálogo curado y servicio excepcional."
|
description="Tu destino premium para licores selectos en la isla. Descubre una experiencia de compra inigualable con nuestro catálogo curado y servicio excepcional."
|
||||||
tag="Puerto Rico"
|
tag="Puerto Rico"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explora nuestro Catálogo",
|
text: "Explora nuestro Catálogo", href: "/#products"},
|
||||||
href: "/#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-wine-grapes-white-flowers_181624-29117.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/bottle-wine-grapes-white-flowers_181624-29117.jpg", imageAlt: "Variedad de botellas de licor premium"},
|
||||||
imageAlt: "Variedad de botellas de licor premium",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/women-interacting-while-having-glasses-wine-counter_107420-84935.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/women-interacting-while-having-glasses-wine-counter_107420-84935.jpg", imageAlt: "Entrada elegante de Guayabal Liquor Store"},
|
||||||
imageAlt: "Entrada elegante de Guayabal Liquor Store",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-bottles-bar_23-2152024849.jpg",
|
|
||||||
imageAlt: "Wine bottles on bar",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/whiskey-with-fire-table_140725-9764.jpg",
|
|
||||||
imageAlt: "Whiskey with fire on the table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-glass-with-champagne-bottom_23-2148339647.jpg",
|
|
||||||
imageAlt: "Low angle glass with champagne on bottom",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="entrance-slide"
|
mediaAnimation="slide-up"
|
||||||
rating={5}
|
rating={5}
|
||||||
ratingText="Servicio excepcional y calidad garantizada"
|
ratingText="Servicio excepcional y calidad garantizada"
|
||||||
/>
|
/>
|
||||||
@@ -114,22 +85,17 @@ export default function LandingPage() {
|
|||||||
<FeatureHoverPattern
|
<FeatureHoverPattern
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
animationType="opacity"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Sparkles,
|
icon: Sparkles,
|
||||||
title: "Selección Curada",
|
title: "Selección Curada", description: "Explora una colección exclusiva de licores premium, vinos y cervezas artesanales de todo el mundo."},
|
||||||
description: "Explora una colección exclusiva de licores premium, vinos y cervezas artesanales de todo el mundo.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: MessageCircle,
|
icon: MessageCircle,
|
||||||
title: "Asesoramiento Experto",
|
title: "Asesoramiento Experto", description: "Nuestro equipo está siempre disponible para guiarte en tu elección, recomendando la bebida perfecta para cada ocasión."},
|
||||||
description: "Nuestro equipo está siempre disponible para guiarte en tu elección, recomendando la bebida perfecta para cada ocasión.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Truck,
|
icon: Truck,
|
||||||
title: "Entrega Local Rápida",
|
title: "Entrega Local Rápida", description: "Disfruta de la comodidad de recibir tus licores favoritos directamente en tu puerta con nuestro servicio de entrega eficiente."},
|
||||||
description: "Disfruta de la comodidad de recibir tus licores favoritos directamente en tu puerta con nuestro servicio de entrega eficiente.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Por qué Elegir Guayabal Liquor Store"
|
title="Por qué Elegir Guayabal Liquor Store"
|
||||||
description="Comprometidos con la excelencia y la satisfacción del cliente, ofrecemos más que solo bebidas: una experiencia."
|
description="Comprometidos con la excelencia y la satisfacción del cliente, ofrecemos más que solo bebidas: una experiencia."
|
||||||
@@ -141,71 +107,24 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
animationType="opacity"
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "ron-anejo-guayabal",
|
id: "ron-anejo-guayabal", name: "Ron Añejo Guayabal", price: "$34.99", variant: "Ron", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-with-pineapple-still-life_23-2151018016.jpg", imageAlt: "Botella de Ron Añejo Guayabal"},
|
||||||
name: "Ron Añejo Guayabal",
|
|
||||||
price: "$34.99",
|
|
||||||
variant: "Ron",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-with-pineapple-still-life_23-2151018016.jpg",
|
|
||||||
imageAlt: "Botella de Ron Añejo Guayabal",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "whiskey-single-malt",
|
id: "whiskey-single-malt", name: "Whiskey Single Malt", price: "$79.00", variant: "Whiskey", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ice-cubes-arrangement_23-2150312419.jpg", imageAlt: "Botella de Whiskey Single Malt"},
|
||||||
name: "Whiskey Single Malt",
|
|
||||||
price: "$79.00",
|
|
||||||
variant: "Whiskey",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ice-cubes-arrangement_23-2150312419.jpg",
|
|
||||||
imageAlt: "Botella de Whiskey Single Malt",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "tequila-blanco-premium",
|
id: "tequila-blanco-premium", name: "Tequila Blanco Premium", price: "$45.50", variant: "Tequila", imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163030.jpg", imageAlt: "Botella de Tequila Blanco Premium"},
|
||||||
name: "Tequila Blanco Premium",
|
|
||||||
price: "$45.50",
|
|
||||||
variant: "Tequila",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163030.jpg",
|
|
||||||
imageAlt: "Botella de Tequila Blanco Premium",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "vodka-artesanal",
|
id: "vodka-artesanal", name: "Vodka Artesanal", price: "$28.00", variant: "Vodka", imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-row_23-2148216364.jpg", imageAlt: "Botella de Vodka Artesanal"},
|
||||||
name: "Vodka Artesanal",
|
|
||||||
price: "$28.00",
|
|
||||||
variant: "Vodka",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-row_23-2148216364.jpg",
|
|
||||||
imageAlt: "Botella de Vodka Artesanal",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "gin-botanico",
|
id: "gin-botanico", name: "Gin Botánico", price: "$38.75", variant: "Gin", imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-drink-still-life_52683-110035.jpg", imageAlt: "Botella de Gin Botánico"},
|
||||||
name: "Gin Botánico",
|
|
||||||
price: "$38.75",
|
|
||||||
variant: "Gin",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-drink-still-life_52683-110035.jpg",
|
|
||||||
imageAlt: "Botella de Gin Botánico",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "cerveza-artesanal-pack",
|
id: "cerveza-artesanal-pack", name: "Pack Cerveza Artesanal", price: "$19.99", variant: "Cerveza", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chalkboard-with-fresh-hop_23-2148306044.jpg", imageAlt: "Paquete de Cerveza Artesanal"},
|
||||||
name: "Pack Cerveza Artesanal",
|
|
||||||
price: "$19.99",
|
|
||||||
variant: "Cerveza",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chalkboard-with-fresh-hop_23-2148306044.jpg",
|
|
||||||
imageAlt: "Paquete de Cerveza Artesanal",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "vino-tinto-reserva",
|
id: "vino-tinto-reserva", name: "Vino Tinto Reserva", price: "$29.00", variant: "Vino", imageSrc: "http://img.b2bpic.net/free-psd/victorian-party-template-design_23-2151761607.jpg", imageAlt: "Botella de Vino Tinto Reserva"},
|
||||||
name: "Vino Tinto Reserva",
|
|
||||||
price: "$29.00",
|
|
||||||
variant: "Vino",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-psd/victorian-party-template-design_23-2151761607.jpg",
|
|
||||||
imageAlt: "Botella de Vino Tinto Reserva",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "mezcladores-premium",
|
id: "mezcladores-premium", name: "Set Mezcladores Premium", price: "$22.50", variant: "Mezcladores", imageSrc: "http://img.b2bpic.net/free-photo/cocktails-tropical-fruits_23-2147795392.jpg", imageAlt: "Set de Mezcladores Premium para cócteles"},
|
||||||
name: "Set Mezcladores Premium",
|
|
||||||
price: "$22.50",
|
|
||||||
variant: "Mezcladores",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktails-tropical-fruits_23-2147795392.jpg",
|
|
||||||
imageAlt: "Set de Mezcladores Premium para cócteles",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nuestro Catálogo Exclusivo"
|
title="Nuestro Catálogo Exclusivo"
|
||||||
description="Descubre nuestra vasta selección de licores finos, perfectos para cualquier ocasión."
|
description="Descubre nuestra vasta selección de licores finos, perfectos para cualquier ocasión."
|
||||||
@@ -217,55 +136,20 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
|
animationType="opacity"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "María Rodríguez", role: "Cliente Frecuente", testimonial: "Siempre encuentro lo que busco en Guayabal. La calidad y el servicio son inigualables. ¡Mi licorería favorita en Puerto Rico!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-standing-front-table-with-drinks-shakers-white-wall-night-male-drinks-alcohol-bar-club_140725-122131.jpg", imageAlt: "María Rodríguez"},
|
||||||
name: "María Rodríguez",
|
|
||||||
role: "Cliente Frecuente",
|
|
||||||
testimonial: "Siempre encuentro lo que busco en Guayabal. La calidad y el servicio son inigualables. ¡Mi licorería favorita en Puerto Rico!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-standing-front-table-with-drinks-shakers-white-wall-night-male-drinks-alcohol-bar-club_140725-122131.jpg",
|
|
||||||
imageAlt: "María Rodríguez",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Juan Pérez", role: "Aficionado al Whiskey", testimonial: "Su selección de whiskeys es impresionante. He descubierto joyas que no encuentro en ningún otro lugar. ¡Totalmente recomendado!", imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-menu-bar-counter_107420-94864.jpg", imageAlt: "Juan Pérez"},
|
||||||
name: "Juan Pérez",
|
|
||||||
role: "Aficionado al Whiskey",
|
|
||||||
testimonial: "Su selección de whiskeys es impresionante. He descubierto joyas que no encuentro en ningún otro lugar. ¡Totalmente recomendado!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-menu-bar-counter_107420-94864.jpg",
|
|
||||||
imageAlt: "Juan Pérez",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Sofía García", role: "Organizadora de Eventos", testimonial: "Para mis eventos, confío en Guayabal. Siempre me asesoran con profesionalismo y tienen los mejores productos al mejor precio.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-paying-with-contactless-credit-card-takeaway-delivery-food-meal-order-delivery-man-while-working-startup-business-company-office_482257-2376.jpg", imageAlt: "Sofía García"},
|
||||||
name: "Sofía García",
|
|
||||||
role: "Organizadora de Eventos",
|
|
||||||
testimonial: "Para mis eventos, confío en Guayabal. Siempre me asesoran con profesionalismo y tienen los mejores productos al mejor precio.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-paying-with-contactless-credit-card-takeaway-delivery-food-meal-order-delivery-man-while-working-startup-business-company-office_482257-2376.jpg",
|
|
||||||
imageAlt: "Sofía García",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Carlos Rivera", role: "Cocinero", testimonial: "Los vinos y licores de Guayabal complementan a la perfección mis creaciones culinarias. Calidad garantizada en cada botella.", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-with-drinks-bar_23-2147859499.jpg", imageAlt: "Carlos Rivera"},
|
||||||
name: "Carlos Rivera",
|
|
||||||
role: "Cocinero",
|
|
||||||
testimonial: "Los vinos y licores de Guayabal complementan a la perfección mis creaciones culinarias. Calidad garantizada en cada botella.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-with-drinks-bar_23-2147859499.jpg",
|
|
||||||
imageAlt: "Carlos Rivera",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Ana Morales", role: "Barista", testimonial: "Excelente variedad de mezcladores y destilados para mis cócteles. Guayabal es mi proveedor de confianza.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grinding-torned-paper-mixer-grinder_23-2147846087.jpg", imageAlt: "Ana Morales"},
|
||||||
name: "Ana Morales",
|
|
||||||
role: "Barista",
|
|
||||||
testimonial: "Excelente variedad de mezcladores y destilados para mis cócteles. Guayabal es mi proveedor de confianza.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grinding-torned-paper-mixer-grinder_23-2147846087.jpg",
|
|
||||||
imageAlt: "Ana Morales",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Roberto Soto", role: "Empresario", testimonial: "El servicio al cliente de Guayabal es excepcional. Realmente se preocupan por encontrar el producto adecuado para cada necesidad.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-smiling-man-black-suit-making-toast-holding-champagne-glass-celebrating_1258-165930.jpg", imageAlt: "Cliente satisfecho brindando"},
|
||||||
name: "Roberto Soto",
|
|
||||||
role: "Empresario",
|
|
||||||
testimonial: "El servicio al cliente de Guayabal es excepcional. Realmente se preocupan por encontrar el producto adecuado para cada necesidad.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-smiling-man-black-suit-making-toast-holding-champagne-glass-celebrating_1258-165930.jpg",
|
|
||||||
imageAlt: "Cliente satisfecho brindando",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Lo que Dicen Nuestros Clientes"
|
title="Lo que Dicen Nuestros Clientes"
|
||||||
description="La satisfacción de nuestros clientes es nuestra mayor prioridad."
|
description="La satisfacción de nuestros clientes es nuestra mayor prioridad."
|
||||||
@@ -277,14 +161,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Destilería Sol",
|
"Destilería Sol", "Bodega El Encanto", "Restaurante Fusión", "Distribuciones Caribe", "Cervecería Artesanal", "Eventos Premium PR", "Hoteles del Mar"]}
|
||||||
"Bodega El Encanto",
|
|
||||||
"Restaurante Fusión",
|
|
||||||
"Distribuciones Caribe",
|
|
||||||
"Cervecería Artesanal",
|
|
||||||
"Eventos Premium PR",
|
|
||||||
"Hoteles del Mar",
|
|
||||||
]}
|
|
||||||
title="Nuestros Valiosos Colaboradores"
|
title="Nuestros Valiosos Colaboradores"
|
||||||
description="Trabajamos con los mejores para ofrecerte solo productos de la más alta calidad y un servicio incomparable."
|
description="Trabajamos con los mejores para ofrecerte solo productos de la más alta calidad y un servicio incomparable."
|
||||||
showCard={true}
|
showCard={true}
|
||||||
@@ -295,8 +172,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
tag="Contacto"
|
tag="Contacto"
|
||||||
title="Mantente Conectado"
|
title="Mantente Conectado"
|
||||||
description="Suscríbete a nuestro boletín para recibir ofertas exclusivas, novedades y eventos especiales."
|
description="Suscríbete a nuestro boletín para recibir ofertas exclusivas, novedades y eventos especiales."
|
||||||
@@ -312,13 +188,9 @@ export default function LandingPage() {
|
|||||||
logoAlt="Guayabal Liquor Store Logo"
|
logoAlt="Guayabal Liquor Store Logo"
|
||||||
logoText="Guayabal Liquor Store"
|
logoText="Guayabal Liquor Store"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Términos y Condiciones",
|
text: "Términos y Condiciones", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Política de Privacidad",
|
text: "Política de Privacidad", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user