Update src/app/page.tsx
This commit is contained in:
107
src/app/page.tsx
107
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Order",
|
name: "Order", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Futuro Cafe"
|
brandName="Futuro Cafe"
|
||||||
/>
|
/>
|
||||||
@@ -49,17 +43,14 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Futuro Cafe Experience"
|
title="Futuro Cafe Experience"
|
||||||
description="Taste the future of coffee. Artisanal brews crafted with precision and passion."
|
description="Taste the future of coffee. Artisanal brews crafted with precision and passion."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Menu",
|
text: "Explore Menu", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892961.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892961.jpg"
|
||||||
imageAlt="Futuristic cafe experience"
|
imageAlt="Futuristic cafe experience"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -72,47 +63,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Signature Espresso", price: "25 DH", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ice-cappuccino-glass-wooden-plate-with-decorations-black_181624-24413.jpg"},
|
||||||
name: "Signature Espresso",
|
|
||||||
price: "25 DH",
|
|
||||||
variant: "Hot",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ice-cappuccino-glass-wooden-plate-with-decorations-black_181624-24413.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Butter Croissant", price: "15 DH", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-breakfast-with-cinnamon-roll_23-2148543694.jpg"},
|
||||||
name: "Butter Croissant",
|
|
||||||
price: "15 DH",
|
|
||||||
variant: "Bakery",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-breakfast-with-cinnamon-roll_23-2148543694.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Iced Caramel", price: "35 DH", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-photo/two-milkshakes-glasses-with-straws-table_181624-38867.jpg"},
|
||||||
name: "Iced Caramel",
|
|
||||||
price: "35 DH",
|
|
||||||
variant: "Cold",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-milkshakes-glasses-with-straws-table_181624-38867.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Dark Mocha", price: "30 DH", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-easter-decorations_23-2150249796.jpg"},
|
||||||
name: "Dark Mocha",
|
|
||||||
price: "30 DH",
|
|
||||||
variant: "Hot",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-easter-decorations_23-2150249796.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Velvet Cake", price: "40 DH", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/slice-cherry-cake-white-plate_181624-22256.jpg"},
|
||||||
name: "Velvet Cake",
|
|
||||||
price: "40 DH",
|
|
||||||
variant: "Dessert",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-cherry-cake-white-plate_181624-22256.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "V60 Drip", price: "45 DH", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg"},
|
||||||
name: "V60 Drip",
|
|
||||||
price: "45 DH",
|
|
||||||
variant: "Hot",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Menu"
|
title="Our Menu"
|
||||||
description="Savor the exquisite flavors curated for true coffee connoisseurs."
|
description="Savor the exquisite flavors curated for true coffee connoisseurs."
|
||||||
@@ -128,28 +89,13 @@ export default function LandingPage() {
|
|||||||
description="Our commitment to quality ensures every cup, snack, and moment spent at Futuro Cafe is elevated beyond the ordinary."
|
description="Our commitment to quality ensures every cup, snack, and moment spent at Futuro Cafe is elevated beyond the ordinary."
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Premium Sourcing",
|
title: "Premium Sourcing", description: "Direct trade coffee beans sourced from sustainable micro-lots worldwide.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||||
description: "Direct trade coffee beans sourced from sustainable micro-lots worldwide.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Coffee,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501037.jpg",
|
|
||||||
imageAlt: "Beauty salon with cosmetology equipment in anime style",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Advanced Extraction",
|
title: "Advanced Extraction", description: "Precision temperature control for consistent flavor profiles.", bentoComponent: "reveal-icon", icon: Gauge,
|
||||||
description: "Precision temperature control for consistent flavor profiles.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Gauge,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892961.jpg?_wi=2",
|
|
||||||
imageAlt: "Beauty salon with cosmetology equipment in anime style",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Artisanal Pastries",
|
title: "Artisanal Pastries", description: "Hand-folded croissants baked fresh every single morning.", bentoComponent: "reveal-icon", icon: Croissant,
|
||||||
description: "Hand-folded croissants baked fresh every single morning.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Croissant,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ice-cappuccino-glass-wooden-plate-with-decorations-black_181624-24413.jpg?_wi=2",
|
|
||||||
imageAlt: "Beauty salon with cosmetology equipment in anime style",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -166,17 +112,11 @@ export default function LandingPage() {
|
|||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Future-Proof Design",
|
title: "Future-Proof Design", description: "Experience an immersive atmosphere with neon accents and smart lighting."},
|
||||||
description: "Experience an immersive atmosphere with neon accents and smart lighting.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Expert Baristas",
|
title: "Expert Baristas", description: "Professional training at the core of our service philosophy."},
|
||||||
description: "Professional training at the core of our service philosophy.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Seamless Ordering",
|
title: "Seamless Ordering", description: "Digitized experience optimized for speed and convenience."},
|
||||||
description: "Digitized experience optimized for speed and convenience.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -185,8 +125,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Order Now"
|
tag="Order Now"
|
||||||
title="Ready to order?"
|
title="Ready to order?"
|
||||||
description="Tap below to contact us directly via WhatsApp and order your favorite drink."
|
description="Tap below to contact us directly via WhatsApp and order your favorite drink."
|
||||||
@@ -199,13 +138,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="FUTURO CAFE"
|
logoText="FUTURO CAFE"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user