Update src/app/page.tsx
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Café de Fred"
|
||||
/>
|
||||
@@ -54,42 +46,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Everyday Café, Done Right ☕"
|
||||
description="Fresh breakfast, great coffee, and a warm welcome every time."
|
||||
tag="Neighborhood Favorite"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-along-with-coffee-seeds-cinnamon-bright-desk_140725-14402.jpg?_wi=1",
|
||||
imageAlt: "Breakfast at Café de Fred",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-along-with-coffee-seeds-cinnamon-bright-desk_140725-14402.jpg", imageAlt: "Breakfast at Café de Fred"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg?_wi=1",
|
||||
imageAlt: "Inside Café de Fred",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-toasts-near-leaf-raisins_23-2147869428.jpg",
|
||||
imageAlt: "Coffee and toasts near leaf and raisins",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations-still-life_23-2150244091.jpg",
|
||||
imageAlt: "Top view easter coffee decorations still life",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-burlap-fabric-with-cup-coffee-sugar_23-2148337116.jpg",
|
||||
imageAlt: "High view burlap fabric with cup of coffee and sugar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg", imageAlt: "Inside Café de Fred"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -103,60 +74,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Café That Feels Like Home"
|
||||
description={[
|
||||
"Café de Fred is a beloved local spot in London, known for its comforting meals and friendly atmosphere.",
|
||||
"Whether you're starting your day or grabbing a quick bite, you’ll always feel welcome here.",
|
||||
]}
|
||||
"Café de Fred is a beloved local spot in London, known for its comforting meals and friendly atmosphere.", "Whether you're starting your day or grabbing a quick bite, you’ll always feel welcome here."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Full English Breakfast",
|
||||
price: "£12",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-set-with-jam-smeared-bread-slice-cup-orange-juice-tray-tangerine-lemon-orange-ginger-orange-juice-lime-closed-books-cloth-black-background_141793-130448.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Full English Breakfast", price: "£12", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-set-with-jam-smeared-bread-slice-cup-orange-juice-tray-tangerine-lemon-orange-ginger-orange-juice-lime-closed-books-cloth-black-background_141793-130448.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Jacket Potato",
|
||||
price: "£9",
|
||||
variant: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cereals-fruits-breakfast_23-2148858517.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Jacket Potato", price: "£9", variant: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cereals-fruits-breakfast_23-2148858517.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Waffle",
|
||||
price: "£7",
|
||||
variant: "Treats",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-strawberry-waffle-breakfast-kids_53876-145451.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Signature Latte",
|
||||
price: "£3.50",
|
||||
variant: "Drinks",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smoothie-cheesecake-tea-toast-salad-bacon-fried-egg-toast-gray-plate-black-background_23-2148067128.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Americano",
|
||||
price: "£3",
|
||||
variant: "Drinks",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooked-potatoes-with-different-ingredients_23-2148501558.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Scrambled Eggs",
|
||||
price: "£8",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-swiss-roll-slices-with-whipped-cream-raspberry-jam-black-board-rustic-background_141793-3578.jpg",
|
||||
},
|
||||
id: "p3", name: "Artisan Waffle", price: "£7", variant: "Treats", imageSrc: "http://img.b2bpic.net/free-photo/homemade-strawberry-waffle-breakfast-kids_53876-145451.jpg"},
|
||||
]}
|
||||
title="Classic Favorites, Made Fresh"
|
||||
description="Simple food. Honest flavors. Made with care."
|
||||
@@ -171,20 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cozy Seating",
|
||||
description: "Relax in our comfortable, community-focused space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-sitting-cafe-indoor-say-hello-friends_627829-5689.jpg",
|
||||
},
|
||||
title: "Cozy Seating", description: "Relax in our comfortable, community-focused space.", imageSrc: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-sitting-cafe-indoor-say-hello-friends_627829-5689.jpg"},
|
||||
{
|
||||
title: "Friendly Service",
|
||||
description: "Our team treats everyone like family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-barista-black-apron-holding-coffee-cup-laughing-standing-yellow-background_1258-145581.jpg",
|
||||
},
|
||||
title: "Friendly Service", description: "Our team treats everyone like family.", imageSrc: "http://img.b2bpic.net/free-photo/happy-barista-black-apron-holding-coffee-cup-laughing-standing-yellow-background_1258-145581.jpg"},
|
||||
{
|
||||
title: "Fresh Daily Meals",
|
||||
description: "Made with fresh, high-quality ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deliverywoman-holding-cardboard-coffee-cups-white-high-quality-photo_114579-63219.jpg",
|
||||
},
|
||||
title: "Fresh Daily Meals", description: "Made with fresh, high-quality ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/deliverywoman-holding-cardboard-coffee-cups-white-high-quality-photo_114579-63219.jpg"},
|
||||
]}
|
||||
title="Why Locals Love Us"
|
||||
description="It’s more than just food — it’s the feeling."
|
||||
@@ -197,60 +122,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Regular Customer",
|
||||
quote: "Feels like home every time I visit.",
|
||||
tag: "⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup-f_1258-134432.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-along-with-coffee-seeds-cinnamon-bright-desk_140725-14402.jpg?_wi=2",
|
||||
imageAlt: "happy cafe customer portrait",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Regular Customer", quote: "Feels like home every time I visit.", tag: "⭐", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup-f_1258-134432.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-along-with-coffee-seeds-cinnamon-bright-desk_140725-14402.jpg", imageAlt: "happy cafe customer portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
date: "Sep 2023",
|
||||
title: "Breakfast Fan",
|
||||
quote: "Amazing breakfast and lovely staff.",
|
||||
tag: "⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg?_wi=2",
|
||||
imageAlt: "happy cafe customer portrait",
|
||||
},
|
||||
id: "t2", name: "Michael C.", date: "Sep 2023", title: "Breakfast Fan", quote: "Amazing breakfast and lovely staff.", tag: "⭐", avatarSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg", imageAlt: "happy cafe customer portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "Aug 2023",
|
||||
title: "Local Resident",
|
||||
quote: "Best local café in the area.",
|
||||
tag: "⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-set-with-jam-smeared-bread-slice-cup-orange-juice-tray-tangerine-lemon-orange-ginger-orange-juice-lime-closed-books-cloth-black-background_141793-130448.jpg?_wi=2",
|
||||
imageAlt: "happy cafe customer portrait",
|
||||
},
|
||||
id: "t3", name: "Emily R.", date: "Aug 2023", title: "Local Resident", quote: "Best local café in the area.", tag: "⭐", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-set-with-jam-smeared-bread-slice-cup-orange-juice-tray-tangerine-lemon-orange-ginger-orange-juice-lime-closed-books-cloth-black-background_141793-130448.jpg", imageAlt: "happy cafe customer portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
date: "Jul 2023",
|
||||
title: "Coffee Lover",
|
||||
quote: "Great atmosphere and perfect coffee.",
|
||||
tag: "⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-vector/pattern-coffee-mugs_23-2147599379.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cereals-fruits-breakfast_23-2148858517.jpg?_wi=2",
|
||||
imageAlt: "happy cafe customer portrait",
|
||||
},
|
||||
id: "t4", name: "David K.", date: "Jul 2023", title: "Coffee Lover", quote: "Great atmosphere and perfect coffee.", tag: "⭐", avatarSrc: "http://img.b2bpic.net/free-vector/pattern-coffee-mugs_23-2147599379.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cereals-fruits-breakfast_23-2148858517.jpg", imageAlt: "happy cafe customer portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane D.",
|
||||
date: "Jun 2023",
|
||||
title: "Weekly Guest",
|
||||
quote: "Staff is incredible and food is fresh.",
|
||||
tag: "⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-young-stylish-man-wearing-classic-suit-drinking-coffee-cafe-window_613910-19240.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-strawberry-waffle-breakfast-kids_53876-145451.jpg?_wi=2",
|
||||
imageAlt: "happy cafe customer portrait",
|
||||
},
|
||||
id: "t5", name: "Jane D.", date: "Jun 2023", title: "Weekly Guest", quote: "Staff is incredible and food is fresh.", tag: "⭐", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-young-stylish-man-wearing-classic-suit-drinking-coffee-cafe-window_613910-19240.jpg", imageSrc: "http://img.b2bpic.net/free-photo/homemade-strawberry-waffle-breakfast-kids_53876-145451.jpg", imageAlt: "happy cafe customer portrait"},
|
||||
]}
|
||||
title="Trusted by the Community"
|
||||
description="With 650+ reviews and a 4.8 rating, we're your local neighborhood café."
|
||||
@@ -265,35 +145,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Morning Vibe",
|
||||
description: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-image-red-coffee-cup-table_613910-12073.jpg",
|
||||
},
|
||||
title: "Morning Vibe", description: "", imageSrc: "http://img.b2bpic.net/free-photo/closeup-image-red-coffee-cup-table_613910-12073.jpg"},
|
||||
{
|
||||
title: "Fresh Pastries",
|
||||
description: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-cup_114579-16758.jpg",
|
||||
},
|
||||
title: "Fresh Pastries", description: "", imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-cup_114579-16758.jpg"},
|
||||
{
|
||||
title: "Barista Station",
|
||||
description: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-antique-store_23-2149640702.jpg",
|
||||
},
|
||||
title: "Barista Station", description: "", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-antique-store_23-2149640702.jpg"},
|
||||
{
|
||||
title: "Corner Seating",
|
||||
description: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-coffee-cup-table_1373-57.jpg",
|
||||
},
|
||||
{
|
||||
title: "Breakfast Spread",
|
||||
description: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-friends-watch-video-mobile-phone-have-coffee-break-after-classes-wear-spectacles-eat-delicious-salad-drink-coffee-pose-against-cozy-cafe-interior-connected-wireless-internet_273609-29068.jpg",
|
||||
},
|
||||
{
|
||||
title: "Café Facade",
|
||||
description: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/evening-scene-exterior-restaurant-sunset_23-2152024826.jpg",
|
||||
},
|
||||
title: "Corner Seating", description: "", imageSrc: "http://img.b2bpic.net/free-photo/steaming-coffee-cup-table_1373-57.jpg"},
|
||||
]}
|
||||
title="Real Moments, Real Food"
|
||||
description="A look inside Café de Fred."
|
||||
@@ -304,18 +162,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Visit us at 10A Earls Ct Rd, London W8 6EA. Open daily from 7:00 AM. Call us at +44 7960 722425."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,13 +177,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Café de Fred"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user