Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
411
src/app/page.tsx
411
src/app/page.tsx
@@ -11,6 +11,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Zap, Coffee, Sun, Tv } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,306 +28,132 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Carta",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Barra",
|
||||
id: "feature",
|
||||
},
|
||||
{
|
||||
name: "Reservas",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kaferÿ Beer"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Carta", id: "product" },
|
||||
{ name: "Barra", id: "feature" },
|
||||
{ name: "Reservas", id: "contact" },
|
||||
]}
|
||||
brandName="Kaferÿ Beer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Kaferÿ Beer"
|
||||
description="5★ · Menú 12€ · Experiencia Premium"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110926.jpg?_wi=1",
|
||||
imageAlt: "Kaferÿ Beer Experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112307.jpg?_wi=1",
|
||||
imageAlt: "Cachopo Kaferÿ",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-topview-tasty-potato-puncakes-breakfast-served-with-fried-eggs-fresh-green-cucumbers-fried-golden-onion-crusty-meat-served-with-delicious-salad-leaves-luying-brown-clay-plate_132075-13090.jpg?_wi=1",
|
||||
imageAlt: "Milanesa de Autor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pottery-pan-with-dish-covered-with-melted-cheese-served-with-prawns-mussel_140725-1667.jpg",
|
||||
imageAlt: "Huevos Rotos",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-dye-dirty-water_23-2147798169.jpg",
|
||||
imageAlt: "Caña Perfecta",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-topped-with-ice-cream-apple-slices_140725-2999.jpg",
|
||||
imageAlt: "Tapa Premium",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Kaferÿ Beer"
|
||||
description="5★ · Menú 12€ · Experiencia Premium"
|
||||
buttons={[{ text: "Reservar", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110926.jpg", imageAlt: "Kaferÿ Beer Experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112307.jpg", imageAlt: "Cachopo Kaferÿ" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cropped-topview-tasty-potato-puncakes-breakfast-served-with-fried-eggs-fresh-green-cucumbers-fried-golden-onion-crusty-meat-served-with-delicious-salad-leaves-luying-brown-clay-plate_132075-13090.jpg", imageAlt: "Milanesa de Autor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pottery-pan-with-dish-covered-with-melted-cheese-served-with-prawns-mussel_140725-1667.jpg", imageAlt: "Huevos Rotos" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/golden-dye-dirty-water_23-2147798169.jpg", imageAlt: "Caña Perfecta" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pie-topped-with-ice-cream-apple-slices_140725-2999.jpg", imageAlt: "Tapa Premium" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="\"La mejor experiencia cervecera de la ciudad, un lujo en cada detalle.\""
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="La mejor experiencia cervecera de la ciudad, un lujo en cada detalle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cachopo",
|
||||
price: "14€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-salmon-fillet-with-potatoes-cheese-rolls-vegetables-mix_114579-199.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Milanesa",
|
||||
price: "12€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-cutlets-with-cooked-rice-dark-floor-dish-meat-rissole_140725-82511.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Huevos Rotos",
|
||||
price: "10€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-penne-cream-sauce_1203-2512.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tapa Gourmet",
|
||||
price: "8€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-green-spinach-humus-with-brown-rice-shrimps-black-plate_140725-12813.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Especialidad",
|
||||
price: "13€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-cream-dogwoods-grey_140725-29962.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Selección Autor",
|
||||
price: "15€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-egg-with-truffles-pita-high-angle_23-2149548075.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestra Carta"
|
||||
description="Los 6 imprescindibles de Kaferÿ."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Cachopo", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/baked-salmon-fillet-with-potatoes-cheese-rolls-vegetables-mix_114579-199.jpg" },
|
||||
{ id: "2", name: "Milanesa", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-cutlets-with-cooked-rice-dark-floor-dish-meat-rissole_140725-82511.jpg" },
|
||||
{ id: "3", name: "Huevos Rotos", price: "10€", imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-penne-cream-sauce_1203-2512.jpg" },
|
||||
{ id: "4", name: "Tapa Gourmet", price: "8€", imageSrc: "http://img.b2bpic.net/free-photo/side-view-green-spinach-humus-with-brown-rice-shrimps-black-plate_140725-12813.jpg" },
|
||||
{ id: "5", name: "Especialidad", price: "13€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-cream-dogwoods-grey_140725-29962.jpg" },
|
||||
{ id: "6", name: "Selección Autor", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/tasty-egg-with-truffles-pita-high-angle_23-2149548075.jpg" },
|
||||
]}
|
||||
title="Nuestra Carta"
|
||||
description="Los 6 imprescindibles de Kaferÿ."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Estrella Galicia Barril",
|
||||
description: "La auténtica, servida a la temperatura perfecta.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-glass-with-champagne-almost-full_23-2148339648.jpg",
|
||||
imageAlt: "Low angle glass with champagne almost full",
|
||||
},
|
||||
{
|
||||
title: "Café Templo",
|
||||
description: "El cierre maestro tras tu comida.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110926.jpg?_wi=2",
|
||||
imageAlt: "Low angle glass with champagne almost full",
|
||||
},
|
||||
{
|
||||
title: "Terraza Exclusiva",
|
||||
description: "Disfruta al aire libre en pleno corazón.",
|
||||
buttonIcon: "Sun",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112307.jpg?_wi=2",
|
||||
imageAlt: "Low angle glass with champagne almost full",
|
||||
},
|
||||
{
|
||||
title: "Fútbol en Directo",
|
||||
description: "Vive los partidos en la mejor compañía.",
|
||||
buttonIcon: "Tv",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-topview-tasty-potato-puncakes-breakfast-served-with-fried-eggs-fresh-green-cucumbers-fried-golden-onion-crusty-meat-served-with-delicious-salad-leaves-luying-brown-clay-plate_132075-13090.jpg?_wi=2",
|
||||
imageAlt: "Low angle glass with champagne almost full",
|
||||
},
|
||||
]}
|
||||
title="Barra Kaferÿ"
|
||||
description="Donde ocurre la magia."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Estrella Galicia Barril", description: "La auténtica, servida a la temperatura perfecta.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-glass-with-champagne-almost-full_23-2148339648.jpg" },
|
||||
{ title: "Café Templo", description: "El cierre maestro tras tu comida.", buttonIcon: Coffee, imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110926.jpg" },
|
||||
{ title: "Terraza Exclusiva", description: "Disfruta al aire libre en pleno corazón.", buttonIcon: Sun, imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112307.jpg" },
|
||||
{ title: "Fútbol en Directo", description: "Vive los partidos en la mejor compañía.", buttonIcon: Tv, imageSrc: "http://img.b2bpic.net/free-photo/cropped-topview-tasty-potato-puncakes-breakfast-served-with-fried-eggs-fresh-green-cucumbers-fried-golden-onion-crusty-meat-served-with-delicious-salad-leaves-luying-brown-clay-plate_132075-13090.jpg" },
|
||||
]}
|
||||
title="Barra Kaferÿ"
|
||||
description="Donde ocurre la magia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Axel P.",
|
||||
role: "Cliente Premium",
|
||||
testimonial: "El cachopo es de otro mundo, volveré pronto.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mabel R.",
|
||||
role: "Fiel",
|
||||
testimonial: "Ambiente increíble y trato de 10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sandra V.",
|
||||
role: "Fan",
|
||||
testimonial: "El café Templo está espectacular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-tying-her-hair_23-2148773526.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Clara G.",
|
||||
role: "Regular",
|
||||
testimonial: "La terraza es un lujo en verano.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-with-guests-their-wedding_23-2150835743.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Carlos M.",
|
||||
role: "Amante del fútbol",
|
||||
testimonial: "El mejor sitio para ver los partidos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-looking-orange-carnival-mask_23-2148011390.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="6 reseñas reales."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Axel P.", role: "Cliente Premium", testimonial: "El cachopo es de otro mundo, volveré pronto.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg" },
|
||||
{ id: "2", name: "Mabel R.", role: "Fiel", testimonial: "Ambiente increíble y trato de 10.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg" },
|
||||
{ id: "3", name: "Sandra V.", role: "Fan", testimonial: "El café Templo está espectacular.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-tying-her-hair_23-2148773526.jpg" },
|
||||
{ id: "4", name: "Clara G.", role: "Regular", testimonial: "La terraza es un lujo en verano.", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-with-guests-their-wedding_23-2150835743.jpg" },
|
||||
{ id: "5", name: "Carlos M.", role: "Amante del fútbol", testimonial: "El mejor sitio para ver los partidos.", imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-looking-orange-carnival-mask_23-2148011390.jpg" },
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="6 reseñas reales."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Axel",
|
||||
role: "Chef Principal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-old-man-chef-dressed-uniform-posing-against-dark-background_613910-17582.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mabel",
|
||||
role: "Jefa de Barra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720712.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sandra",
|
||||
role: "Atención Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-business-woman-posing-her-own-coffee-shop_1163-1790.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Clara",
|
||||
role: "Sala",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-near-display-case-with-tartines_23-2147830513.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestro Equipo"
|
||||
description="Los responsables de tu experiencia."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{ id: "1", name: "Axel", role: "Chef Principal", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-old-man-chef-dressed-uniform-posing-against-dark-background_613910-17582.jpg" },
|
||||
{ id: "2", name: "Mabel", role: "Jefa de Barra", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720712.jpg" },
|
||||
{ id: "3", name: "Sandra", role: "Atención Cliente", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-business-woman-posing-her-own-coffee-shop_1163-1790.jpg" },
|
||||
{ id: "4", name: "Clara", role: "Sala", imageSrc: "http://img.b2bpic.net/free-photo/waitress-near-display-case-with-tartines_23-2147830513.jpg" },
|
||||
]}
|
||||
title="Nuestro Equipo"
|
||||
description="Los responsables de tu experiencia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Reserva tu Mesa"
|
||||
description="Estamos abiertos todos los días de 12:00 a 00:00. ¡Te esperamos!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Llamar ahora",
|
||||
href: "tel:+34900000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Reserva tu Mesa"
|
||||
description="Estamos abiertos todos los días de 12:00 a 00:00. ¡Te esperamos!"
|
||||
buttons={[{ text: "Llamar ahora", href: "tel:+34900000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kaferÿ Beer"
|
||||
columns={[
|
||||
{
|
||||
title: "Menú",
|
||||
items: [
|
||||
{
|
||||
label: "Carta",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Especiales",
|
||||
href: "#feature",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Local",
|
||||
items: [
|
||||
{
|
||||
label: "Ubicación",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Kaferÿ Beer. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kaferÿ Beer"
|
||||
columns={[
|
||||
{ title: "Menú", items: [{ label: "Carta", href: "#product" }, { label: "Especiales", href: "#feature" }] },
|
||||
{ title: "Local", items: [{ label: "Ubicación", href: "#" }, { label: "Contacto", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Kaferÿ Beer. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user