Update src/app/page.tsx
This commit is contained in:
103
src/app/page.tsx
103
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user