bender/ae1fb384-6f16-4071-a93d-56bfda3b5f87
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-10 06:06:18 +00:00
parent 2c144f05f5
commit c458ca864b
1 changed files with 56 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Menu", id: "menu" },
}, { name: "Contact", id: "contact" },
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Cafe Crew" brandName="Cafe Crew"
/> />
@@ -55,22 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient",
}}
logoText="Cafe Crew" logoText="Cafe Crew"
description="Your favorite spot in Belapur for great food, cozy ambiance, and memorable moments with friends and family." description="Your favorite spot in Belapur for great food, cozy ambiance, and memorable moments with friends and family."
buttons={[ buttons={[
{ { text: "Order Online", href: "#menu" },
text: "Order Online", { text: "Visit Us", href: "#contact" },
href: "#menu",
},
{
text: "Visit Us",
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg"
imageAlt="Cafe Crew Atmosphere" imageAlt="Cafe Crew Atmosphere"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -83,20 +63,11 @@ export default function LandingPage() {
title="Welcome to Cafe Crew" title="Welcome to Cafe Crew"
description="Located in the heart of CBD Belapur, we pride ourselves on serving quality food and coffee in a welcoming, warm, and friendly environment. Whether you are catching up with friends or having a quick lunch, we make sure every moment is special." description="Located in the heart of CBD Belapur, we pride ourselves on serving quality food and coffee in a welcoming, warm, and friendly environment. Whether you are catching up with friends or having a quick lunch, we make sure every moment is special."
bulletPoints={[ bulletPoints={[
{ { title: "Pocket Friendly", description: "High-quality dining that won't break the bank." },
title: "Pocket Friendly", { title: "Nice Ambience", description: "The perfect place to relax, celebrate, and unwind." },
description: "High-quality dining that won't break the bank.", { title: "Exceptional Service", description: "Our friendly staff is always ready to make your experience great." },
},
{
title: "Nice Ambience",
description: "The perfect place to relax, celebrate, and unwind.",
},
{
title: "Exceptional Service",
description: "Our friendly staff is always ready to make your experience great.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-199322.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-199322.jpg"
imageAlt="Cafe Crew Staff" imageAlt="Cafe Crew Staff"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -109,42 +80,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow" gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", name: "Signature Pizza", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/homemade-pizza-parchment-paper-grate_23-2148120071.jpg" },
id: "1", { id: "2", name: "Freakshake", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milkshake-cream-oreo-side-view_140725-11231.jpg" },
name: "Signature Pizza", { id: "3", name: "Grilled Panini", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-gourmet-fried-tofu-sandwich-plate_181624-59118.jpg" },
price: "₹250", { id: "4", name: "Red Velvet Shake", price: "₹190", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-4197.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/homemade-pizza-parchment-paper-grate_23-2148120071.jpg?_wi=1", { id: "5", name: "Classic Burger", price: "₹160", imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-burger-presentation_23-2151910910.jpg" },
}, { id: "6", name: "Iced Americano", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/beach-concept-with-juice-glass-wooden-board_23-2148141373.jpg" },
{
id: "2",
name: "Freakshake",
price: "₹180",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milkshake-cream-oreo-side-view_140725-11231.jpg",
},
{
id: "3",
name: "Grilled Panini",
price: "₹150",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-gourmet-fried-tofu-sandwich-plate_181624-59118.jpg",
},
{
id: "4",
name: "Red Velvet Shake",
price: "₹190",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-4197.jpg",
},
{
id: "5",
name: "Classic Burger",
price: "₹160",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-burger-presentation_23-2151910910.jpg",
},
{
id: "6",
name: "Iced Americano",
price: "₹120",
imageSrc: "http://img.b2bpic.net/free-photo/beach-concept-with-juice-glass-wooden-board_23-2148141373.jpg",
},
]} ]}
title="Signature Menu" title="Signature Menu"
description="Explore our wide range of delicious food and drinks, carefully prepared to satisfy your cravings." description="Explore our wide range of delicious food and drinks, carefully prepared to satisfy your cravings."
@@ -156,47 +97,23 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[
{
title: "Fresh Ingredients",
description: "We use the finest local ingredients in every dish.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-pepperoni-pizza-slices_114579-55458.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-croissant-with-greens-ham-vegetables-pub_7502-9265.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg?_wi=2",
imageAlt: "signature gourmet pizza fresh",
},
{
title: "Cozy Ambiance",
description: "Comfortable seating perfect for any occasion.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7517.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-199322.jpg?_wi=2",
imageAlt: "signature gourmet pizza fresh",
},
{
title: "Great Location",
description: "Easily accessible in Vishnu Complex, Sector 15.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-spacious-store_1203-597.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/slices-fruits-near-ice-summer-title-glass-with-straw_23-2148107981.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/homemade-pizza-parchment-paper-grate_23-2148120071.jpg?_wi=2",
imageAlt: "signature gourmet pizza fresh",
},
]}
showStepNumbers={false} showStepNumbers={false}
title="Why Choose Us" title="Why Choose Us"
description="What makes Cafe Crew special for the Navi Mumbai community." description="What makes Cafe Crew special for the Navi Mumbai community."
features={[
{
title: "Fresh Ingredients", description: "We use the finest local ingredients in every dish.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-pepperoni-pizza-slices_114579-55458.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-croissant-with-greens-ham-vegetables-pub_7502-9265.jpg" },
},
{
title: "Cozy Ambiance", description: "Comfortable seating perfect for any occasion.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7517.jpg" },
},
{
title: "Great Location", description: "Easily accessible in Vishnu Complex, Sector 15.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/unfocused-spacious-store_1203-597.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/slices-fruits-near-ice-summer-title-glass-with-straw_23-2148107981.jpg" },
},
]}
/> />
</div> </div>
@@ -205,51 +122,16 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Prakash Patil",
handle: "@prakash",
testimonial: "Excellent service, very good ambience and tasty food! Had a great evening celebrating my daughter's birthday.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-holding-disposable-coffee-cup_23-2147906573.jpg",
},
{
id: "2",
name: "Tushar Ambavale",
handle: "@tushar",
testimonial: "Pocket friendly, nice ambience, and the food taste is great.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-leaning-bar-counter-happily-looking-camera-while-holding-portafilter-hand-cafe_574295-3476.jpg",
},
{
id: "3",
name: "Yash Dongare",
handle: "@yash",
testimonial: "Great atmosphere for friends and family.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/three-stylish-young-people-having-fun-lunch-cafe-talking-each-other-laughing-jokes_273609-9011.jpg",
},
{
id: "4",
name: "Anjali S.",
handle: "@anjali",
testimonial: "The ambiance is lovely and the staff is very welcoming.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg",
},
{
id: "5",
name: "Raj K.",
handle: "@raj",
testimonial: "Good spot for a quick lunch in Belapur.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-student-woman-reading-her-notes-drinking-coffee-cafe-outdoors-waiting-her-classes-smiling_197531-22628.jpg",
},
]}
showRating={true} showRating={true}
title="Customer Reviews" title="Customer Reviews"
description="See what our happy customers are saying." description="See what our happy customers are saying."
testimonials={[
{ id: "1", name: "Prakash Patil", handle: "@prakash", testimonial: "Excellent service, very good ambience and tasty food! Had a great evening celebrating my daughter's birthday.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-holding-disposable-coffee-cup_23-2147906573.jpg" },
{ id: "2", name: "Tushar Ambavale", handle: "@tushar", testimonial: "Pocket friendly, nice ambience, and the food taste is great.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-leaning-bar-counter-happily-looking-camera-while-holding-portafilter-hand-cafe_574295-3476.jpg" },
{ id: "3", name: "Yash Dongare", handle: "@yash", testimonial: "Great atmosphere for friends and family.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/three-stylish-young-people-having-fun-lunch-cafe-talking-each-other-laughing-jokes_273609-9011.jpg" },
{ id: "4", name: "Anjali S.", handle: "@anjali", testimonial: "The ambiance is lovely and the staff is very welcoming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg" },
{ id: "5", name: "Raj K.", handle: "@raj", testimonial: "Good spot for a quick lunch in Belapur.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-student-woman-reading-her-notes-drinking-coffee-cafe-outdoors-waiting-her-classes-smiling_197531-22628.jpg" },
]}
/> />
</div> </div>
@@ -260,27 +142,9 @@ export default function LandingPage() {
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "170+", title: "Happy Reviews", description: "Customers who loved their visit.", icon: Star },
id: "m1", { id: "m2", value: "4.8", title: "Star Rating", description: "Highly rated by our community.", icon: Award },
value: "170+", { id: "m3", value: "100+", title: "Menu Items", description: "Diverse selection of delicious food.", icon: Coffee },
title: "Happy Reviews",
description: "Customers who loved their visit.",
icon: Star,
},
{
id: "m2",
value: "4.8",
title: "Star Rating",
description: "Highly rated by our community.",
icon: Award,
},
{
id: "m3",
value: "100+",
title: "Menu Items",
description: "Diverse selection of delicious food.",
icon: Coffee,
},
]} ]}
title="By The Numbers" title="By The Numbers"
description="Our cafe in numbers." description="Our cafe in numbers."
@@ -290,34 +154,20 @@ export default function LandingPage() {
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What are your opening hours?",
content: "We are open from 12 PM daily.",
},
{
id: "q2",
title: "Do you offer takeout?",
content: "Yes, we provide convenient takeout services.",
},
{
id: "q3",
title: "Is the cafe pocket-friendly?",
content: "Yes, we are known for being very budget-friendly.",
},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up" faqsAnimation="slide-up"
sideTitle="Common Questions"
faqs={[
{ id: "q1", title: "What are your opening hours?", content: "We are open from 12 PM daily." },
{ id: "q2", title: "Do you offer takeout?", content: "Yes, we provide convenient takeout services." },
{ id: "q3", title: "Is the cafe pocket-friendly?", content: "Yes, we are known for being very budget-friendly." },
]}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "plain" }}
variant: "plain",
}}
tag="Visit Us" tag="Visit Us"
title="Get In Touch" title="Get In Touch"
description="Located at Shop No 19, Vishnu Complex, Plot no 36, Sector 15, CBD Belapur. Feel free to call us at 099304 29191." description="Located at Shop No 19, Vishnu Complex, Plot no 36, Sector 15, CBD Belapur. Feel free to call us at 099304 29191."
@@ -329,33 +179,16 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Cafe Crew", title: "Cafe Crew", items: [
items: [ { label: "About Us", href: "#about" },
{ { label: "Menu", href: "#menu" },
label: "About Us", { label: "Contact", href: "#contact" },
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Contact",
href: "#contact",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [ { label: "Privacy Policy", href: "#" },
{ { label: "Terms & Conditions", href: "#" },
label: "Privacy Policy",
href: "#",
},
{
label: "Terms & Conditions",
href: "#",
},
], ],
}, },
]} ]}