Update src/app/page.tsx

This commit is contained in:
2026-05-08 16:21:41 +00:00
parent 8c6a99b3ab
commit f2fca65302

View File

@@ -30,14 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "About", id: "about" },
{ { name: "Menu", id: "menu" },
name: "About", id: "about"}, { name: "Contact", id: "contact" },
{
name: "Menu", id: "menu"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="Eugénie Café" brandName="Eugénie Café"
/> />
@@ -45,22 +41,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars"}}
title="Welcome to Eugénie Café" title="Welcome to Eugénie Café"
description="Experience the finest artisan roasts and fresh baked delights in the heart of the city." description="Experience the finest artisan roasts and fresh baked delights in the heart of the city."
tag="Est. 2024" tag="Est. 2024"
buttons={[ buttons={[
{ { text: "View Menu", href: "#menu" },
text: "View Menu", href: "#menu"}, { text: "Visit Us", href: "#contact" },
{
text: "Visit Us", href: "#contact"},
]} ]}
mediaItems={[ mediaItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg", imageAlt: "Elegant coffee shop interior" },
imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg", imageAlt: "Elegant coffee shop interior"}, { imageSrc: "http://img.b2bpic.net/free-photo/tea-setup-with-tea-pear-shaped-glass-plates-red-velvet-cake-pakhlava-shakarbura_140725-8507.jpg", imageAlt: "Fresh croissant and latte" }
{
imageSrc: "http://img.b2bpic.net/free-photo/tea-setup-with-tea-pear-shaped-glass-plates-red-velvet-cake-pakhlava-shakarbura_140725-8507.jpg", imageAlt: "Fresh croissant and latte"}
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -73,7 +64,8 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="Our Philosophy" title="Our Philosophy"
description={[ description={[
"At Eugénie Café, we believe that every cup of coffee tells a story.", "Our beans are ethically sourced from small farms across the globe and roasted locally to ensure peak freshness and bold flavor profiles.", "Whether you're starting your morning or looking for an afternoon escape, our warm, curated space is designed for you."]} "At Eugénie Café, we believe that every cup of coffee tells a story.", "Our beans are ethically sourced from small farms across the globe and roasted locally to ensure peak freshness and bold flavor profiles.", "Whether you're starting your morning or looking for an afternoon escape, our warm, curated space is designed for you."
]}
/> />
</div> </div>
@@ -84,12 +76,9 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow" gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "p1", name: "House Blend Espresso", price: "$4.50", variant: "Signature Roast", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-wooden-table-closeup_169016-30389.jpg" },
id: "p1", name: "House Blend Espresso", price: "$4.50", variant: "Signature Roast", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-wooden-table-closeup_169016-30389.jpg"}, { id: "p2", name: "Buttery Croissant", price: "$3.75", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/delicious-orange-bun-table_23-2148858387.jpg" },
{ { id: "p3", name: "Organic Matcha Latte", price: "$5.50", variant: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/iced-matcha-latte_1339-1052.jpg" },
id: "p2", name: "Buttery Croissant", price: "$3.75", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/delicious-orange-bun-table_23-2148858387.jpg"},
{
id: "p3", name: "Organic Matcha Latte", price: "$5.50", variant: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/iced-matcha-latte_1339-1052.jpg"},
]} ]}
title="Our Signature Selection" title="Our Signature Selection"
description="Handcrafted beverages and delicacies served fresh daily." description="Handcrafted beverages and delicacies served fresh daily."
@@ -103,12 +92,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { title: "Ethical Roasts", description: "Sourced from fair-trade cooperatives globally.", imageSrc: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711598.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/sackcloth-full-coffee-beans-coffee-beans-surface_176474-495.jpg", buttonText: "Read More" },
title: "Ethical Roasts", description: "Sourced from fair-trade cooperatives globally.", imageSrc: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711598.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/sackcloth-full-coffee-beans-coffee-beans-surface_176474-495.jpg", buttonText: "Read More"}, { title: "Fresh Baked Daily", description: "Handcrafted pastries baked in-house every morning.", imageSrc: "http://img.b2bpic.net/free-photo/drinks-food-breakfast_23-2147693849.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150153009.jpg", buttonText: "View Bakery" },
{ { title: "Cozy Atmosphere", description: "The perfect urban retreat for work or leisure.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-rose-near-books_23-2147767562.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/physiotherapy-room-arrangement_23-2149047474.jpg", buttonText: "Our Space" },
title: "Fresh Baked Daily", description: "Handcrafted pastries baked in-house every morning.", imageSrc: "http://img.b2bpic.net/free-photo/drinks-food-breakfast_23-2147693849.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150153009.jpg", buttonText: "View Bakery"},
{
title: "Cozy Atmosphere", description: "The perfect urban retreat for work or leisure.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-rose-near-books_23-2147767562.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/physiotherapy-room-arrangement_23-2149047474.jpg", buttonText: "Our Space"},
]} ]}
title="Why Choose Us" title="Why Choose Us"
description="Commitment to quality in every detail." description="Commitment to quality in every detail."
@@ -122,21 +108,11 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow" gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah J.", role: "Designer", company: "Local Art", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-putting-coffee-pot-bar-with-customer_23-2148366624.jpg" },
id: "1", name: "Sarah J.", role: "Designer", company: "Local Art", rating: 5, { id: "2", name: "Michael C.", role: "Architect", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-drinking-tea-using-phone_1303-10737.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-coffee-pot-bar-with-customer_23-2148366624.jpg"}, { id: "3", name: "Emily R.", role: "Editor", company: "Press", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
{ { id: "4", name: "David K.", role: "Consultant", company: "Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-conversation-coffee-kitchen_23-2148708901.jpg" },
id: "2", name: "Michael C.", role: "Architect", company: "Studio", rating: 5, { id: "5", name: "Clara M.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-woman-kitchen-breakfast-couple-together-morning-smiling-having-tea_285396-2774.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-drinking-tea-using-phone_1303-10737.jpg"},
{
id: "3", name: "Emily R.", role: "Editor", company: "Press", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"},
{
id: "4", name: "David K.", role: "Consultant", company: "Group", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-conversation-coffee-kitchen_23-2148708901.jpg"},
{
id: "5", name: "Clara M.", role: "Student", company: "University", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-woman-kitchen-breakfast-couple-together-morning-smiling-having-tea_285396-2774.jpg"},
]} ]}
title="Guest Stories" title="Guest Stories"
description="What our patrons say about their experience." description="What our patrons say about their experience."
@@ -148,7 +124,8 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Coffee Daily", "Urban Foodie", "Local Bites", "Cafe Awards", "Daily Roast", "Artisan Coffee Journal", "City Dining Guide"]} "Coffee Daily", "Urban Foodie", "Local Bites", "Cafe Awards", "Daily Roast", "Artisan Coffee Journal", "City Dining Guide"
]}
title="Featured In" title="Featured In"
description="Recognized for our excellence in coffee and service." description="Recognized for our excellence in coffee and service."
/> />
@@ -157,8 +134,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient"}}
tag="Visit Us" tag="Visit Us"
title="Stay Connected" title="Stay Connected"
description="Sign up for our newsletter for seasonal menu updates and special events." description="Sign up for our newsletter for seasonal menu updates and special events."
@@ -174,32 +150,23 @@ export default function LandingPage() {
columns={[ columns={[
{ {
title: "Menu", items: [ title: "Menu", items: [
{ { label: "Espresso", href: "#menu" },
label: "Espresso", href: "#menu"}, { label: "Pastries", href: "#menu" },
{ { label: "Full Menu", href: "#menu" },
label: "Pastries", href: "#menu"},
{
label: "Full Menu", href: "#menu"},
], ],
}, },
{ {
title: "Visit", items: [ title: "Visit", items: [
{ { label: "Locations", href: "#contact" },
label: "Locations", href: "#contact"}, { label: "Hours", href: "#contact" },
{ { label: "Events", href: "#contact" },
label: "Hours", href: "#contact"},
{
label: "Events", href: "#contact"},
], ],
}, },
{ {
title: "Company", items: [ title: "Company", items: [
{ { label: "About Us", href: "#about" },
label: "About Us", href: "#about"}, { label: "Our Story", href: "#about" },
{ { label: "Careers", href: "#contact" },
label: "Our Story", href: "#about"},
{
label: "Careers", href: "#contact"},
], ],
}, },
]} ]}
@@ -209,4 +176,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }