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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Eugénie Café"
|
||||
/>
|
||||
@@ -45,22 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Eugénie Café"
|
||||
description="Experience the finest artisan roasts and fresh baked delights in the heart of the city."
|
||||
tag="Est. 2024"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us", href: "#contact"},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
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/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/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" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -73,7 +64,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Philosophy"
|
||||
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>
|
||||
|
||||
@@ -84,12 +76,9 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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" },
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Handcrafted beverages and delicacies served fresh daily."
|
||||
@@ -103,12 +92,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
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: "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: "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="Why Choose Us"
|
||||
description="Commitment to quality in every detail."
|
||||
@@ -122,21 +108,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
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: "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"},
|
||||
{
|
||||
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"},
|
||||
{ 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: "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" },
|
||||
{ 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"
|
||||
description="What our patrons say about their experience."
|
||||
@@ -148,7 +124,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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"
|
||||
description="Recognized for our excellence in coffee and service."
|
||||
/>
|
||||
@@ -157,8 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Stay Connected"
|
||||
description="Sign up for our newsletter for seasonal menu updates and special events."
|
||||
@@ -174,32 +150,23 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Espresso", href: "#menu"},
|
||||
{
|
||||
label: "Pastries", href: "#menu"},
|
||||
{
|
||||
label: "Full Menu", href: "#menu"},
|
||||
{ label: "Espresso", href: "#menu" },
|
||||
{ label: "Pastries", href: "#menu" },
|
||||
{ label: "Full Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Locations", href: "#contact"},
|
||||
{
|
||||
label: "Hours", href: "#contact"},
|
||||
{
|
||||
label: "Events", href: "#contact"},
|
||||
{ label: "Locations", href: "#contact" },
|
||||
{ label: "Hours", href: "#contact" },
|
||||
{ label: "Events", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#contact"},
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Careers", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -209,4 +176,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user