Merge version_1 into main #1
299
src/app/page.tsx
299
src/app/page.tsx
@@ -16,218 +16,109 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
{
|
||||
name: "Order Now",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bloom Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "Social", id: "social" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Bloom Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Chembur’s Favorite Cozy Cafe"
|
||||
description="4.7⭐ rated by 600+ locals. Serving the best comfort food, shakes, and pasta in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 Call Now",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
{
|
||||
text: "💬 WhatsApp Order",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-cup-tea-decorative-details_169016-23158.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Chembur’s Favorite Cozy Cafe"
|
||||
description="4.7⭐ rated by 600+ locals. Serving the best comfort food, shakes, and pasta in the heart of the city."
|
||||
buttons={[
|
||||
{ text: "📞 Call Now", href: "tel:+919999999999" },
|
||||
{ text: "💬 WhatsApp Order", href: "https://wa.me/919999999999" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-cup-tea-decorative-details_169016-23158.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Delicious food",
|
||||
"Very cozy vibe",
|
||||
"Friendly staff",
|
||||
"Must try shakes",
|
||||
"Best in Chembur",
|
||||
]}
|
||||
title="646+ Happy Customers"
|
||||
description="Don't just take our word for it—join the community that loves our food."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Delicious food", "Very cozy vibe", "Friendly staff", "Must try shakes", "Best in Chembur"]}
|
||||
title="646+ Happy Customers"
|
||||
description="Don't just take our word for it—join the community that loves our food."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Bloom Special Shake",
|
||||
price: "₹220",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate-table_1339-4113.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Local",
|
||||
name: "Amchi Mumbai Tikki Burger",
|
||||
price: "₹250",
|
||||
rating: 5,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-burger-with-beef-meat-french-fries-tasty-appetizing_482257-10359.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Gourmet",
|
||||
name: "Creamy Basil Pasta",
|
||||
price: "₹320",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-italian-pasta-with-tomato-sauce-minced-meat-different-seasonings-blue-surface_140725-62018.jpg",
|
||||
},
|
||||
]}
|
||||
title="Crowd-Favorites"
|
||||
description="Freshly prepared comfort food and beverages for your daily cravings."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", brand: "Signature", name: "Bloom Special Shake", price: "₹220", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate-table_1339-4113.jpg" },
|
||||
{ id: "2", brand: "Local", name: "Amchi Mumbai Tikki Burger", price: "₹250", rating: 5, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/black-burger-with-beef-meat-french-fries-tasty-appetizing_482257-10359.jpg" },
|
||||
{ id: "3", brand: "Gourmet", name: "Creamy Basil Pasta", price: "₹320", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-italian-pasta-with-tomato-sauce-minced-meat-different-seasonings-blue-surface_140725-62018.jpg" }
|
||||
]}
|
||||
title="Crowd-Favorites"
|
||||
description="Freshly prepared comfort food and beverages for your daily cravings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Vibe!",
|
||||
quote: "The most cozy cafe in Chembur. Love the shakes.",
|
||||
name: "Anjali S.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/love-concept-with-happy-couple-spending-time-together_23-2149068863.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Tasty Food",
|
||||
quote: "The burger is absolute bliss. Highly recommend!",
|
||||
name: "Rahul M.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-round-glasses-overalls_273609-11652.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Comfort Food",
|
||||
quote: "My go-to spot for pasta. Fresh and delicious.",
|
||||
name: "Priya K.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Best Staff",
|
||||
quote: "Staff is super friendly. Always a pleasant experience.",
|
||||
name: "Vikram D.",
|
||||
role: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-nature-medium-shot_23-2148970170.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Locals Say"
|
||||
description="Real feedback from our wonderful community in Chembur."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great Vibe!", quote: "The most cozy cafe in Chembur. Love the shakes.", name: "Anjali S.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/love-concept-with-happy-couple-spending-time-together_23-2149068863.jpg" },
|
||||
{ id: "2", title: "Tasty Food", quote: "The burger is absolute bliss. Highly recommend!", name: "Rahul M.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-round-glasses-overalls_273609-11652.jpg" },
|
||||
{ id: "3", title: "Comfort Food", quote: "My go-to spot for pasta. Fresh and delicious.", name: "Priya K.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg" },
|
||||
{ id: "4", title: "Best Staff", quote: "Staff is super friendly. Always a pleasant experience.", name: "Vikram D.", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-nature-medium-shot_23-2148970170.jpg" }
|
||||
]}
|
||||
title="What Locals Say"
|
||||
description="Real feedback from our wonderful community in Chembur."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Order / Reservation"
|
||||
description="Have a bulk order or planning a visit? Let us know!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "requirement",
|
||||
placeholder: "Order / Table Reservation Details",
|
||||
rows: 3,
|
||||
required: true,
|
||||
}}
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Order / Reservation"
|
||||
description="Have a bulk order or planning a visit? Let us know!"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
|
||||
]}
|
||||
textarea={{ name: "requirement", placeholder: "Order / Table Reservation Details", rows: 3, required: true }}
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "Opp. Universal School, Chembur",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call: +91 99999 99999",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Us",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Daily: 11 AM - 11 PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bloom Cafe"
|
||||
copyrightText="© 2025 Bloom Cafe Chembur"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Visit Us", items: [{ label: "Opp. Universal School, Chembur", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Call: +91 99999 99999", href: "tel:+919999999999" }, { label: "WhatsApp Us", href: "https://wa.me/919999999999" }] },
|
||||
{ title: "Hours", items: [{ label: "Daily: 11 AM - 11 PM", href: "#" }] }
|
||||
]}
|
||||
logoText="Bloom Cafe"
|
||||
copyrightText="© 2025 Bloom Cafe Chembur"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user