bender/f68b9908-79be-4ce0-9aae-897f31be3696
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-12 17:23:32 +00:00
parent 39ecdbdae8 33fc44ad63
commit a14af188de
1 changed files with 134 additions and 386 deletions
Download Patch File Download Diff File Expand all files Collapse all files

520
src/app/page.tsx
View File

@@ -15,402 +15,150 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="medium"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="medium"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Menu",
id: "#menu",
},
{
name: "About",
id: "#about",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="49 Café"
button={{
text: "Order Now",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Menu", id: "#menu" },
{ name: "About", id: "#about" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" }
]}
brandName="49 Café"
button={{ text: "Order Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Fast Coffee. Fresh Food. No Waiting ☕⚡"
description="Your everyday café stop in the heart of London."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-cooked-breakfast-meal-coffee_181624-3444.jpg?_wi=1",
imageAlt: "Breakfast",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-traditional-pastry-gogal-wooden-kitchen-board-with-olives-wooden-bowl-with-fresh-tomatoes-bowl-white-background_141793-51753.jpg?_wi=1",
imageAlt: "Bakery",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fresh-sandwiches-arrangement-wooden-background_23-2148617300.jpg",
imageAlt: "Lunch",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg",
imageAlt: "Coffee",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-vegetable-rice-spring-sesame-seeds-plate_23-2148138889.jpg",
imageAlt: "Breakfast Burrito",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-floor_140725-136347.jpg",
imageAlt: "Dessert",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg",
imageAlt: "Coffee",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chicken-sandwich_1203-2742.jpg",
imageAlt: "Lunch",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vintage-breakfast-with-variety-fruits_23-2148297426.jpg",
imageAlt: "Bakery",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fried-egg-with-hotdog-bread_23-2148354721.jpg",
imageAlt: "Breakfast",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg",
imageAlt: "Dessert",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-delicious-sliced-shaurma-sandwich-with-fresh-vegetables-dark-space_140725-95481.jpg",
imageAlt: "Burrito",
},
]}
buttons={[
{
text: "Order Now",
href: "#contact",
},
{
text: "View Menu",
href: "#menu",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg",
alt: "Happy friends sitting in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
alt: "Portrait of smiling brunette woman drinks morning coffee in a cafe.",
},
{
src: "http://img.b2bpic.net/free-photo/young-smiling-man-typing-computer-while-browsing-internet-drinking-coffee-bar_637285-2064.jpg",
alt: "Young smiling man typing on a computer while browsing the internet and drinking coffee in a bar",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-smiling-coffee-shop_273609-2810.jpg",
alt: "young woman with dark long hair smiling in a coffee shop",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5048.jpg",
alt: "Beautiful African-American woman in cafe",
},
]}
avatarText="Loved by 1,000+ commuters daily"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151919025.jpg",
alt: "Cinematic film location decor",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg",
alt: "brunette girl using her cellphone to reach a friend",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-restaurant-coffee-shop-cafe-interior_1203-9331.jpg",
alt: "Abstract blur and defocused restaurant and coffee shop cafe interior",
},
{
type: "text",
text: "London's Favorite Coffee",
},
{
type: "text",
text: "Open 7 Days a Week",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Fast Coffee. Fresh Food. No Waiting ☕⚡"
description="Your everyday café stop in the heart of London."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-cooked-breakfast-meal-coffee_181624-3444.jpg", imageAlt: "Breakfast" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-traditional-pastry-gogal-wooden-kitchen-board-with-olives-wooden-bowl-with-fresh-tomatoes-bowl-white-background_141793-51753.jpg", imageAlt: "Bakery" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-sandwiches-arrangement-wooden-background_23-2148617300.jpg", imageAlt: "Lunch" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg", imageAlt: "Coffee" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-vegetable-rice-spring-sesame-seeds-plate_23-2148138889.jpg", imageAlt: "Breakfast Burrito" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-floor_140725-136347.jpg", imageAlt: "Dessert" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg", imageAlt: "Coffee" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-sandwich_1203-2742.jpg", imageAlt: "Lunch" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-breakfast-with-variety-fruits_23-2148297426.jpg", imageAlt: "Bakery" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-egg-with-hotdog-bread_23-2148354721.jpg", imageAlt: "Breakfast" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg", imageAlt: "Dessert" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-delicious-sliced-shaurma-sandwich-with-fresh-vegetables-dark-space_140725-95481.jpg", imageAlt: "Burrito" }
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Built for Busy Mornings",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",
alt: "About 49 Cafe",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Built for Busy Mornings" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg", alt: "About 49 Cafe" }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Breakfast",
name: "Full English Breakfast",
price: "£8.50",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-bread-into-sunny-side-up-egg-cooked-copper-pan_140725-5277.jpg",
},
{
id: "2",
brand: "Bakery",
name: "Fresh Croissant",
price: "£2.50",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-berries-platter-with-muffins_114579-16475.jpg",
},
{
id: "3",
brand: "Lunch",
name: "Chicken Panini",
price: "£6.95",
rating: 4,
reviewCount: "100",
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-mexican-dishes_23-2147740767.jpg",
},
{
id: "4",
brand: "Drinks",
name: "Cappuccino",
price: "£3.20",
rating: 5,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-sugar-cubes_23-2148337152.jpg",
},
{
id: "5",
brand: "Breakfast",
name: "Breakfast Burrito",
price: "£5.50",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-4088.jpg",
},
{
id: "6",
brand: "Dessert",
name: "Italian Cannoli",
price: "£3.00",
rating: 4,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/iconic-rustic-romanian-moldavian-pies-with-white-sugar-powder-sour-cherry-filing_1268-19812.jpg",
},
]}
title="Quick Bites. Big Flavor."
description="Premium quality, takeaway friendly."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Breakfast", name: "Full English Breakfast", price: "£8.50", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-bread-into-sunny-side-up-egg-cooked-copper-pan_140725-5277.jpg" },
{ id: "2", brand: "Bakery", name: "Fresh Croissant", price: "£2.50", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-berries-platter-with-muffins_114579-16475.jpg" },
{ id: "3", brand: "Lunch", name: "Chicken Panini", price: "£6.95", rating: 4, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-mexican-dishes_23-2147740767.jpg" },
{ id: "4", brand: "Drinks", name: "Cappuccino", price: "£3.20", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-sugar-cubes_23-2148337152.jpg" },
{ id: "5", brand: "Breakfast", name: "Breakfast Burrito", price: "£5.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-4088.jpg" },
{ id: "6", brand: "Dessert", name: "Italian Cannoli", price: "£3.00", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/iconic-rustic-romanian-moldavian-pies-with-white-sugar-powder-sour-cherry-filing_1268-19812.jpg" }
]}
title="Quick Bites. Big Flavor."
description="Premium quality, takeaway friendly."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Fast Service",
description: "Seconds away from your next coffee.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/waitress-preparing-cake_23-2147821324.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-courier-looking-two-cups-coffees-white-wall_114579-49485.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",
imageAlt: "fast counter service cafe staff",
},
{
title: "Grab & Go",
description: "Meals designed for commuters.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/view-assortment-tasty-meal_23-2148484662.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/supermarket-banner-with-food_23-2149500963.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-cooked-breakfast-meal-coffee_181624-3444.jpg?_wi=2",
imageAlt: "fast counter service cafe staff",
},
{
title: "Fresh Daily",
description: "Premium beans, roasted daily.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187567.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/coffee-making-concept-with-machine_23-2149045704.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-traditional-pastry-gogal-wooden-kitchen-board-with-olives-wooden-bowl-with-fresh-tomatoes-bowl-white-background_141793-51753.jpg?_wi=2",
imageAlt: "fast counter service cafe staff",
},
]}
showStepNumbers={true}
title="Grab. Go. Enjoy."
description="Made for speed without sacrificing taste."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={true}
title="Grab. Go. Enjoy."
description="Made for speed without sacrificing taste."
features={[
{ title: "Fast Service", description: "Seconds away from your next coffee.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/waitress-preparing-cake_23-2147821324.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-courier-looking-two-cups-coffees-white-wall_114579-49485.jpg" } },
{ title: "Grab & Go", description: "Meals designed for commuters.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-assortment-tasty-meal_23-2148484662.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/supermarket-banner-with-food_23-2149500963.jpg" } },
{ title: "Fresh Daily", description: "Premium beans, roasted daily.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187567.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/coffee-making-concept-with-machine_23-2149045704.jpg" } }
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Commuter",
testimonial: "Perfect quick breakfast spot.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-short-hairstyle-smiles-outside-fashionable-brunette-woman-sunglasses-beige-outfit-holding-phone-sitting-with-water-cafe_197531-29374.jpg",
},
{
id: "2",
name: "Mike C.",
role: "Student",
testimonial: "Fast service and great coffee.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-working-computer-cafe-drinking-coffee_1303-14495.jpg",
},
{
id: "3",
name: "David K.",
role: "Professional",
testimonial: "Affordable and consistent.",
imageSrc: "http://img.b2bpic.net/free-photo/business-man-handsome-cute-young-guy-black-suit-red-tie-happy-holding-coffee-cup_140725-162706.jpg",
},
{
id: "4",
name: "Emma R.",
role: "Local",
testimonial: "My daily caffeine fix, amazing.",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22524.jpg",
},
{
id: "5",
name: "Alex W.",
role: "Commuter",
testimonial: "Super fast, no wait times.",
imageSrc: "http://img.b2bpic.net/free-photo/technics-pretty-happy-sun-moment-nude_1303-3207.jpg",
},
]}
title="A Local Favorite ⭐"
description="1,000+ reviews and a 4.7 rating."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{ id: "1", name: "Sarah J.", role: "Commuter", testimonial: "Perfect quick breakfast spot.", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-short-hairstyle-smiles-outside-fashionable-brunette-woman-sunglasses-beige-outfit-holding-phone-sitting-with-water-cafe_197531-29374.jpg" },
{ id: "2", name: "Mike C.", role: "Student", testimonial: "Fast service and great coffee.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-working-computer-cafe-drinking-coffee_1303-14495.jpg" },
{ id: "3", name: "David K.", role: "Professional", testimonial: "Affordable and consistent.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-handsome-cute-young-guy-black-suit-red-tie-happy-holding-coffee-cup_140725-162706.jpg" },
{ id: "4", name: "Emma R.", role: "Local", testimonial: "My daily caffeine fix, amazing.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22524.jpg" },
{ id: "5", name: "Alex W.", role: "Commuter", testimonial: "Super fast, no wait times.", imageSrc: "http://img.b2bpic.net/free-photo/technics-pretty-happy-sun-moment-nude_1303-3207.jpg" }
]}
title="A Local Favorite ⭐"
description="1,000+ reviews and a 4.7 rating."
/>
</div>
<div id="location" data-section="location">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Where are you located?",
content: "49 Marchmont St, London WC1N 1AP",
},
{
id: "2",
title: "What are your hours?",
content: "Open Daily from 7 AM",
},
{
id: "3",
title: "Do you take orders online?",
content: "Yes, online ordering is available via our app.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/wet-city-street-with-old-buildings_23-2147764409.jpg"
mediaAnimation="slide-up"
title="Visit 49 Café"
description="49 Marchmont St, London WC1N 1AP, UK"
faqsAnimation="blur-reveal"
/>
</div>
<div id="location" data-section="location">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Where are you located?", content: "49 Marchmont St, London WC1N 1AP" },
{ id: "2", title: "What are your hours?", content: "Open Daily from 7 AM" },
{ id: "3", title: "Do you take orders online?", content: "Yes, online ordering is available via our app." }
]}
mediaAnimation="slide-up"
title="Visit 49 Café"
description="49 Marchmont St, London WC1N 1AP, UK"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Order Online"
title="Start Your Day Right ☕"
description="Fast, fresh, and ready when you are."
buttons={[
{
text: "Order Now",
href: "#",
},
{
text: "Visit Today",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Order Online"
title="Start Your Day Right ☕"
description="Fast, fresh, and ready when you are."
buttons={[{ text: "Order Now", href: "#" }, { text: "Visit Today", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="49 Café"
copyrightText="© 2025 49 Café London"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="49 Café"
copyrightText="© 2025 49 Café London"
/>
</div>
</ReactLenis>
</ThemeProvider>
);