Merge version_1 into main #1
262
src/app/page.tsx
262
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
brandName="Lúmina Café Atelier"
|
||||
/>
|
||||
@@ -55,46 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Coffee, atmosphere and slow moments."
|
||||
description="A specialty café designed for conversations, creativity and unforgettable coffee."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#location",
|
||||
},
|
||||
{
|
||||
text: "Order on WhatsApp",
|
||||
href: "https://wa.me/573000000000?text=Hola%20quiero%20más%20información%20sobre%20el%20café",
|
||||
},
|
||||
{ text: "Visit Us", href: "#location" },
|
||||
{ text: "Order on WhatsApp", href: "https://wa.me/573000000000?text=Hola%20quiero%20más%20información%20sobre%20el%20café" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/cinematic-shot-of-a-professional-barista-1778104047143-35b14383.png",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/atmospheric-shot-of-people-talking-over--1778104108664-2cb1a10d.png",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/minimalist-architecture-of-a-high-end-ca-1778104118176-a6bdc05b.png",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/detail-shot-of-a-modern-barista-station--1778104128085-9526ebe2.png",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-person-writing-in-a-notebook-in-a-mode-1778104137547-61fed493.png",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/friends-laughing-while-drinking-coffee-s-1778104146612-2d6a501a.png",
|
||||
},
|
||||
{ id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/cinematic-shot-of-a-professional-barista-1778104047143-35b14383.png" },
|
||||
{ id: "h2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/atmospheric-shot-of-people-talking-over--1778104108664-2cb1a10d.png" },
|
||||
{ id: "h3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/minimalist-architecture-of-a-high-end-ca-1778104118176-a6bdc05b.png" },
|
||||
{ id: "h4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/detail-shot-of-a-modern-barista-station--1778104128085-9526ebe2.png" },
|
||||
{ id: "h5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-person-writing-in-a-notebook-in-a-mode-1778104137547-61fed493.png" },
|
||||
{ id: "h6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/friends-laughing-while-drinking-coffee-s-1778104146612-2d6a501a.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,39 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Specialty Coffee",
|
||||
author: "Direct Trade",
|
||||
description: "Hand-picked beans sourced ethically and roasted with precision.",
|
||||
tags: [
|
||||
"Specialty",
|
||||
"Origin",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/high-end-specialty-coffee-beans-being-pr-1778104067151-0bfe3324.png",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artisan Bakery",
|
||||
author: "Hand-made",
|
||||
description: "Freshly baked pastries every morning, pairing perfectly with your brew.",
|
||||
tags: [
|
||||
"Bakery",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/freshly-baked-artisan-pastries-displayed-1778104075501-2425817b.png",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Calm Workspace",
|
||||
author: "Designed for focus",
|
||||
description: "Quiet corners and reliable WiFi designed for the modern creator.",
|
||||
tags: [
|
||||
"Productivity",
|
||||
"Focus",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-tranquil-corner-in-a-modern-cafe-suita-1778104084365-2cd933e7.png",
|
||||
},
|
||||
{ id: "f1", title: "Specialty Coffee", author: "Direct Trade", description: "Hand-picked beans sourced ethically and roasted with precision.", tags: ["Specialty", "Origin"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/high-end-specialty-coffee-beans-being-pr-1778104067151-0bfe3324.png" },
|
||||
{ id: "f2", title: "Artisan Bakery", author: "Hand-made", description: "Freshly baked pastries every morning, pairing perfectly with your brew.", tags: ["Bakery", "Fresh"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/freshly-baked-artisan-pastries-displayed-1778104075501-2425817b.png" },
|
||||
{ id: "f3", title: "Calm Workspace", author: "Designed for focus", description: "Quiet corners and reliable WiFi designed for the modern creator.", tags: ["Productivity", "Focus"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-tranquil-corner-in-a-modern-cafe-suita-1778104084365-2cd933e7.png" },
|
||||
]}
|
||||
title="The Signature Experience"
|
||||
description="Crafting moments that matter through attention to every detail."
|
||||
@@ -164,42 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Espresso Tonic",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104097302-a1109435.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Latte",
|
||||
price: "$5.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104221745-5a0609ad.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Iced Matcha",
|
||||
price: "$5.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104230084-017464a7.png",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Artisan Croissant",
|
||||
price: "$3.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104238041-fd42f8ff.png",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Avocado Toast",
|
||||
price: "$9.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104248321-a9b368b1.png",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "House Cold Brew",
|
||||
price: "$4.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104259314-628b75b5.png",
|
||||
},
|
||||
{ id: "p1", name: "Espresso Tonic", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104097302-a1109435.png" },
|
||||
{ id: "p2", name: "Signature Latte", price: "$5.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104221745-5a0609ad.png" },
|
||||
{ id: "p3", name: "Iced Matcha", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104230084-017464a7.png" },
|
||||
{ id: "p4", name: "Artisan Croissant", price: "$3.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104238041-fd42f8ff.png" },
|
||||
{ id: "p5", name: "Avocado Toast", price: "$9.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104248321-a9b368b1.png" },
|
||||
{ id: "p6", name: "House Cold Brew", price: "$4.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/a-collection-of-signature-lattes-and-mat-1778104259314-628b75b5.png" },
|
||||
]}
|
||||
title="Featured Menu"
|
||||
description="A curated selection of our finest offerings."
|
||||
@@ -210,25 +112,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Camera,
|
||||
title: "Instagram Worthy",
|
||||
value: "Daily",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Coffee,
|
||||
title: "Specialty Beans",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Conversations",
|
||||
value: "Endless",
|
||||
},
|
||||
{ id: "m1", icon: Camera, title: "Instagram Worthy", value: "Daily" },
|
||||
{ id: "m2", icon: Coffee, title: "Specialty Beans", value: "10+" },
|
||||
{ id: "m3", icon: Users, title: "Conversations", value: "Endless" },
|
||||
]}
|
||||
title="Atmosphere Gallery"
|
||||
description="A visual journey through our atelier."
|
||||
@@ -239,15 +127,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"High Quality Ingredients",
|
||||
"Comfortable Atmosphere",
|
||||
"Friendly Service",
|
||||
"Fast WiFi",
|
||||
"Pet Friendly",
|
||||
"Natural Light",
|
||||
"Creative Space",
|
||||
]}
|
||||
names={["High Quality Ingredients", "Comfortable Atmosphere", "Friendly Service", "Fast WiFi", "Pet Friendly", "Natural Light", "Creative Space"]}
|
||||
title="Why People Love Us"
|
||||
description="Crafting comfort in every corner."
|
||||
/>
|
||||
@@ -259,41 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah.design",
|
||||
testimonial: "The atmosphere is incredible, the best place to work.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-relaxed-customer-smiling-i-1778104167566-325fc4a7.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael L.",
|
||||
handle: "@m.latte",
|
||||
testimonial: "Coffee quality is unmatched, truly a specialty atelier.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-young-creative-working-in--1778104179375-4d8b253b.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena.coffee",
|
||||
testimonial: "My morning sanctuary, I love the design aesthetics.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-coffee-enthusiast-apprecia-1778104190229-9bfd81b1.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@david.creates",
|
||||
testimonial: "Fastest WiFi and most creative space I've found.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-person-reading-in-a-cafe-c-1778104200326-31ee732e.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ana M.",
|
||||
handle: "@ana.brunch",
|
||||
testimonial: "Amazing brunch and friendly team, always a joy.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-customer-enjoying-brunch-i-1778104211463-1051b1ab.png",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarah.design", testimonial: "The atmosphere is incredible, the best place to work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-relaxed-customer-smiling-i-1778104167566-325fc4a7.png" },
|
||||
{ id: "t2", name: "Michael L.", handle: "@m.latte", testimonial: "Coffee quality is unmatched, truly a specialty atelier.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-young-creative-working-in--1778104179375-4d8b253b.png" },
|
||||
{ id: "t3", name: "Elena R.", handle: "@elena.coffee", testimonial: "My morning sanctuary, I love the design aesthetics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-coffee-enthusiast-apprecia-1778104190229-9bfd81b1.png" },
|
||||
{ id: "t4", name: "David K.", handle: "@david.creates", testimonial: "Fastest WiFi and most creative space I've found.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-person-reading-in-a-cafe-c-1778104200326-31ee732e.png" },
|
||||
{ id: "t5", name: "Ana M.", handle: "@ana.brunch", testimonial: "Amazing brunch and friendly team, always a joy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DFhWM37wKaVioXmfOz2vDR262F/portrait-of-a-customer-enjoying-brunch-i-1778104211463-1051b1ab.png" },
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Stories from people who make our space come alive."
|
||||
@@ -303,9 +153,7 @@ export default function LandingPage() {
|
||||
<div id="location" data-section="location">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Your next favorite coffee spot awaits."
|
||||
description="123 Atelier Street, Creative District. Open 8:00 AM - 8:00 PM daily. We are pet-friendly and offer dedicated parking."
|
||||
@@ -317,46 +165,22 @@ export default function LandingPage() {
|
||||
logoText="Lúmina Café Atelier"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#location",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Experience", href: "#experience" },
|
||||
{ label: "Location", href: "#location" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/573000000000",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/573000000000" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user