bender/dda57ea7-e2dd-40b5-86ca-dff02e57367b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-25 07:31:31 +00:00
parent 47316c5198
commit 75f86c9959
1 changed files with 152 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

549
src/app/page.tsx
View File

@@ -29,412 +29,167 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Cherry On Top"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#products" },
{ name: "Contact", id: "#contact" },
]}
brandName="Cherry On Top"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Sweet Moments at Cherry On Top"
description="Experience exquisite coffee and artisanal pastries in the heart of Baku. A perfect atmosphere for your morning boost or afternoon escape."
testimonials={[
{
name: "Beata Kirspu",
handle: "@beata_k",
testimonial: "Отличное кафе: вкусный кофе и свежие пирожные. Рекомендую!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-with-dreads-has-pleasant-smile-has-white-teeth-happy-hear-good-news-wears-bright-clothes_273609-33580.jpg?_wi=1",
},
{
name: "Elnur M.",
handle: "@elnur_m",
testimonial: "The best eclairs I've ever had in Baku. Truly amazing service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-with-african-hairstyle-dark-skin-wearing-elegant-white-shirt_273609-14032.jpg",
},
{
name: "Leyla H.",
handle: "@leyla_h",
testimonial: "A cozy retreat from the city hustle. Love the warm atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-posing-isolated-against-blank-studio-wall_273609-12356.jpg",
},
{
name: "Ramin A.",
handle: "@ramin_a",
testimonial: "Consistent quality, the coffee is always roasted to perfection.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-charming-african-guy-smiling-boyfriend-waiting-date-head-hunter-dream-standing-white-wall_176420-12541.jpg",
},
{
name: "Sabina Q.",
handle: "@sabina_q",
testimonial: "Perfect spot for a morning croissant and a quiet start to the day.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-guy-with-narrow-dark-eyes-fluffy-hair-dressed-elegant-white-shirt_273609-14082.jpg",
},
]}
buttons={[
{
text: "Order Online",
href: "https://wolt.com",
},
{
text: "Route",
href: "https://maps.google.com",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/white-coffee-cup-glass-cabinet-caf-shop_23-2147892914.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371896.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-confident-smiling-man-with-hands-crossed-chest_176420-18743.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-mixed-race-male-with-positive-smile-shows-white-teeth-keeps-hands-stomach-being-high-spirit-wears-white-shirt-rejoices-positive-moments-life-people-emotions-concept_273609-15527.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-young-man-with-arms-crossed-white-background_23-2148222620.jpg",
alt: "Customer 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Sweet Moments at Cherry On Top"
description="Experience exquisite coffee and artisanal pastries in the heart of Baku. A perfect atmosphere for your morning boost or afternoon escape."
testimonials={[
{ name: "Beata Kirspu", handle: "@beata_k", testimonial: "Отличное кафе: вкусный кофе и свежие пирожные. Рекомендую!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-with-dreads-has-pleasant-smile-has-white-teeth-happy-hear-good-news-wears-bright-clothes_273609-33580.jpg" },
{ name: "Elnur M.", handle: "@elnur_m", testimonial: "The best eclairs I've ever had in Baku. Truly amazing service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-with-african-hairstyle-dark-skin-wearing-elegant-white-shirt_273609-14032.jpg" },
{ name: "Leyla H.", handle: "@leyla_h", testimonial: "A cozy retreat from the city hustle. Love the warm atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-male-posing-isolated-against-blank-studio-wall_273609-12356.jpg" },
{ name: "Ramin A.", handle: "@ramin_a", testimonial: "Consistent quality, the coffee is always roasted to perfection.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-charming-african-guy-smiling-boyfriend-waiting-date-head-hunter-dream-standing-white-wall_176420-12541.jpg" },
{ name: "Sabina Q.", handle: "@sabina_q", testimonial: "Perfect spot for a morning croissant and a quiet start to the day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-guy-with-narrow-dark-eyes-fluffy-hair-dressed-elegant-white-shirt_273609-14082.jpg" }
]}
buttons={[
{ text: "Order Online", href: "https://wolt.com" },
{ text: "Route", href: "https://maps.google.com" }
]}
imageSrc="http://img.b2bpic.net/free-photo/white-coffee-cup-glass-cabinet-caf-shop_23-2147892914.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371896.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/handsome-confident-smiling-man-with-hands-crossed-chest_176420-18743.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/attractive-mixed-race-male-with-positive-smile-shows-white-teeth-keeps-hands-stomach-being-high-spirit-wears-white-shirt-rejoices-positive-moments-life-people-emotions-concept_273609-15527.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/handsome-young-man-with-arms-crossed-white-background_23-2148222620.jpg", alt: "Customer 5" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Quality in Every Detail"
metrics={[
{
icon: Coffee,
label: "Coffee Varieties",
value: "20+",
},
{
icon: Award,
label: "Customer Satisfaction",
value: "5.0",
},
{
icon: Clock,
label: "Daily Service",
value: "12h",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Quality in Every Detail"
metrics={[
{ icon: Coffee, label: "Coffee Varieties", value: "20+" },
{ icon: Award, label: "Customer Satisfaction", value: "5.0" },
{ icon: Clock, label: "Daily Service", value: "12h" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Artisanal Pastries",
description: "Freshly baked every morning with high quality ingredients.",
icon: Croissant,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/fresh-tasty-croissant-white-background-golden-crust_482257-18323.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-freshly-baked-delicious-pumpkin-chocolate-brownie-with-ice-cream-plate_181624-38571.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup-glass-cabinet-caf-shop_23-2147892914.jpg?_wi=2",
imageAlt: "croissant",
},
{
title: "Premium Coffee",
description: "Expertly roasted beans for the perfect cup every time.",
icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-coffee-beans-scattered-white-background-with-copy-space_141793-7139.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-with-dreads-has-pleasant-smile-has-white-teeth-happy-hear-good-news-wears-bright-clothes_273609-33580.jpg?_wi=2",
imageAlt: "croissant",
},
{
title: "Cozy Atmosphere",
description: "The perfect place to relax, chat, or work comfortably.",
icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149090.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-cozy-reading-room_23-2151842755.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-choco-eclairs-dark-background_140725-91665.jpg?_wi=1",
imageAlt: "croissant",
},
]}
title="Why Visit Us?"
description="Discover what makes our cafe unique and cherished by locals and visitors alike."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Artisanal Pastries", description: "Freshly baked every morning with high quality ingredients.", icon: Croissant, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-tasty-croissant-white-background-golden-crust_482257-18323.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/closeup-freshly-baked-delicious-pumpkin-chocolate-brownie-with-ice-cream-plate_181624-38571.jpg" }] },
{ title: "Premium Coffee", description: "Expertly roasted beans for the perfect cup every time.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-coffee-beans-scattered-white-background-with-copy-space_141793-7139.jpg" }] },
{ title: "Cozy Atmosphere", description: "The perfect place to relax, chat, or work comfortably.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149090.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-cozy-reading-room_23-2151842755.jpg" }] }
]}
title="Why Visit Us?"
description="Discover what makes our cafe unique and cherished by locals and visitors alike."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Chocolate Eclair",
price: "4.50 AZN",
variant: "Pastry",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-choco-eclairs-dark-background_140725-91665.jpg?_wi=2",
},
{
id: "2",
name: "Almond Croissant",
price: "3.80 AZN",
variant: "Pastry",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-59156.jpg",
},
{
id: "3",
name: "Latte",
price: "5.00 AZN",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-wooden-table_1232-3393.jpg",
},
{
id: "4",
name: "Cappuccino",
price: "5.00 AZN",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_1122-2728.jpg",
},
{
id: "5",
name: "Blueberry Muffin",
price: "4.00 AZN",
variant: "Pastry",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-delicious-blueberry-muffins_114579-43325.jpg",
},
{
id: "6",
name: "Turkish Coffee",
price: "4.50 AZN",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-aroma-fresh-cup-coffee-with-coffee-beans-high-quality-photo_114579-68920.jpg",
},
]}
title="Our Signature Selection"
description="Browse our hand-picked pastries and beverages available for order."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Chocolate Eclair", price: "4.50 AZN", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-choco-eclairs-dark-background_140725-91665.jpg" },
{ id: "2", name: "Almond Croissant", price: "3.80 AZN", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-59156.jpg" },
{ id: "3", name: "Latte", price: "5.00 AZN", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-wooden-table_1232-3393.jpg" },
{ id: "4", name: "Cappuccino", price: "5.00 AZN", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_1122-2728.jpg" },
{ id: "5", name: "Blueberry Muffin", price: "4.00 AZN", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-delicious-blueberry-muffins_114579-43325.jpg" },
{ id: "6", name: "Turkish Coffee", price: "4.50 AZN", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-aroma-fresh-cup-coffee-with-coffee-beans-high-quality-photo_114579-68920.jpg" }
]}
title="Our Signature Selection"
description="Browse our hand-picked pastries and beverages available for order."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Users,
title: "Happy Guests",
value: "1000+",
},
{
id: "m2",
icon: Star,
title: "Cups Served",
value: "5000+",
},
{
id: "m3",
icon: Star,
title: "Average Rating",
value: "5.0",
},
]}
title="Our Achievements"
description="Serving thousands of smiles every month in Baku."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", icon: Users, title: "Happy Guests", value: "1000+" },
{ id: "m2", icon: Star, title: "Cups Served", value: "5000+" },
{ id: "m3", icon: Star, title: "Average Rating", value: "5.0" }
]}
title="Our Achievements"
description="Serving thousands of smiles every month in Baku."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Beata Kirspu",
role: "Visitor",
company: "Baku",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-arab-man-holding-clipboard-contemplating-checklist-while-looking-upwards-with-thoughtful-facial-expression-young-person-thinking-while-taking-notes-planning_482257-66675.jpg",
},
{
id: "t2",
name: "Anonymous",
role: "Foodie",
company: "Baku",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-standing-grey-wall_231208-10760.jpg",
},
{
id: "t3",
name: "Anonymous",
role: "Local",
company: "Baku",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-joyful-female-woman-with-tablet-posing-indoors_74855-2896.jpg",
},
{
id: "t4",
name: "Anonymous",
role: "Coffee Lover",
company: "Baku",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-cup-milky-coffee_114579-4398.jpg",
},
{
id: "t5",
name: "Anonymous",
role: "Blogger",
company: "Baku",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-blogger-recording-herself-window_23-2148538815.jpg",
},
]}
kpiItems={[
{
value: "5.0",
label: "Avg Rating",
},
{
value: "98%",
label: "Happiness",
},
{
value: "100+",
label: "Reviews",
},
]}
title="What People Say"
description="Hear from our delightful guests who visit Cherry On Top."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Beata Kirspu", role: "Visitor", company: "Baku", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-arab-man-holding-clipboard-contemplating-checklist-while-looking-upwards-with-thoughtful-facial-expression-young-person-thinking-while-taking-notes-planning_482257-66675.jpg" },
{ id: "t2", name: "Anonymous", role: "Foodie", company: "Baku", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-standing-grey-wall_231208-10760.jpg" },
{ id: "t3", name: "Anonymous", role: "Local", company: "Baku", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-joyful-female-woman-with-tablet-posing-indoors_74855-2896.jpg" },
{ id: "t4", name: "Anonymous", role: "Coffee Lover", company: "Baku", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-holding-cup-milky-coffee_114579-4398.jpg" },
{ id: "t5", name: "Anonymous", role: "Blogger", company: "Baku", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blogger-recording-herself-window_23-2148538815.jpg" }
]}
kpiItems={[
{ value: "5.0", label: "Avg Rating" },
{ value: "98%", label: "Happiness" },
{ value: "100+", label: "Reviews" }
]}
title="What People Say"
description="Hear from our delightful guests who visit Cherry On Top."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Where are you located?",
content: "We are at 8A Parlament Prospekti, Baku.",
},
{
id: "f2",
title: "Do you offer delivery?",
content: "Yes, we are on Wolt.",
},
{
id: "f3",
title: "What are your hours?",
content: "We are open until midnight daily.",
},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Where are you located?", content: "We are at 8A Parlament Prospekti, Baku." },
{ id: "f2", title: "Do you offer delivery?", content: "Yes, we are on Wolt." },
{ id: "f3", title: "What are your hours?", content: "We are open until midnight daily." }
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Have any questions or want to make a reservation? Reach out to us directly."
buttons={[
{
text: "Call us at 055 222 78 83",
href: "tel:0552227883",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Have any questions or want to make a reservation? Reach out to us directly."
buttons={[
{ text: "Call us at 055 222 78 83", href: "tel:0552227883" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/woman-with-smartphone-sitting-cafe_23-2147771342.jpg"
logoText="Cherry On Top"
columns={[
{
title: "Navigation",
items: [
{
label: "Menu",
href: "#products",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/woman-with-smartphone-sitting-cafe_23-2147771342.jpg"
logoText="Cherry On Top"
columns={[
{
title: "Navigation", items: [{ label: "Menu", href: "#products" }, { label: "Contact", href: "#contact" }]
},
{
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}