Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -29,22 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Why Us", id: "stats" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Cafe Split Bean"
|
||||
/>
|
||||
@@ -52,47 +42,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="THE CAFE SPLIT BEAN"
|
||||
description="Where Taste Meets Luxury. Your premium destination for multi-cuisine excellence in Indore."
|
||||
tag="Pure Veg Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Reserve Table", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg?_wi=1",
|
||||
imageAlt: "Luxury Cafe Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hairdresser-with-tattoos-holding-small-shaving-brush-bowl-barbershop_181624-40180.jpg?_wi=1",
|
||||
imageAlt: "Barista Pouring Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-breast-with-sliced-fruits-vegetables_140725-3619.jpg?_wi=1",
|
||||
imageAlt: "Gourmet Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg?_wi=2",
|
||||
imageAlt: "Upscale Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hairdresser-with-tattoos-holding-small-shaving-brush-bowl-barbershop_181624-40180.jpg?_wi=2",
|
||||
imageAlt: "Artisan Drinks",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-breast-with-sliced-fruits-vegetables_140725-3619.jpg?_wi=2",
|
||||
imageAlt: "Fine Dining Cuisine",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", imageAlt: "Luxury Cafe Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hairdresser-with-tattoos-holding-small-shaving-brush-bowl-barbershop_181624-40180.jpg", imageAlt: "Barista Pouring Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-breast-with-sliced-fruits-vegetables_140725-3619.jpg", imageAlt: "Gourmet Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", imageAlt: "Upscale Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hairdresser-with-tattoos-holding-small-shaving-brush-bowl-barbershop_181624-40180.jpg", imageAlt: "Artisan Drinks" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -104,33 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.1",
|
||||
title: "Star Rating",
|
||||
items: [
|
||||
"Google Reviews",
|
||||
"Customer satisfaction",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1200+",
|
||||
title: "Happy Guests",
|
||||
items: [
|
||||
"Delighted customers",
|
||||
"Quality assurance",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Service Hours",
|
||||
items: [
|
||||
"Always open",
|
||||
"Prompt service",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "4.1", title: "Star Rating", items: ["Google Reviews", "Customer satisfaction"] },
|
||||
{ id: "2", value: "1200+", title: "Happy Guests", items: ["Delighted customers", "Quality assurance"] },
|
||||
{ id: "3", value: "24/7", title: "Service Hours", items: ["Always open", "Prompt service"] },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Experience excellence through every visit."
|
||||
@@ -139,64 +78,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Italian",
|
||||
name: "Pink Sauce Pasta",
|
||||
price: "₹349",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-pasta-with-vegetables_23-2148584799.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Italian",
|
||||
name: "White Sauce Pasta",
|
||||
price: "₹349",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-pasta-with-vegetables_23-2148584799.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Italian",
|
||||
name: "Farmhouse Pizza",
|
||||
price: "₹450",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Mexican",
|
||||
name: "Mexican Sizzler",
|
||||
price: "₹550",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-tomato-slices-greens-sauce-rosemary-sprig-2_140725-8550.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Snacks",
|
||||
name: "Crispy Corn & Nachos",
|
||||
price: "₹299",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-mexican-food-with-nachos-top-view_23-2148224108.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Beverage",
|
||||
name: "Coffee Frappe",
|
||||
price: "₹249",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aromatic-coffee-glass-cup-with-whipped-cream_140725-2008.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Italian", name: "Pink Sauce Pasta", price: "₹349", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-pasta-with-vegetables_23-2148584799.jpg" },
|
||||
{ id: "2", brand: "Italian", name: "White Sauce Pasta", price: "₹349", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-pasta-with-vegetables_23-2148584799.jpg" },
|
||||
{ id: "3", brand: "Italian", name: "Farmhouse Pizza", price: "₹450", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg" },
|
||||
{ id: "4", brand: "Mexican", name: "Mexican Sizzler", price: "₹550", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-tomato-slices-greens-sauce-rosemary-sprig-2_140725-8550.jpg" },
|
||||
{ id: "5", brand: "Snacks", name: "Crispy Corn & Nachos", price: "₹299", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/healthy-mexican-food-with-nachos-top-view_23-2148224108.jpg" },
|
||||
{ id: "6", brand: "Beverage", name: "Coffee Frappe", price: "₹249", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/aromatic-coffee-glass-cup-with-whipped-cream_140725-2008.jpg" },
|
||||
]}
|
||||
title="Our Culinary Menu"
|
||||
description="A curated selection of our finest multi-cuisine dishes."
|
||||
@@ -209,20 +101,11 @@ export default function LandingPage() {
|
||||
title="Celebrate Moments in Style"
|
||||
description="Whether it's birthdays, anniversaries, or private gatherings, we provide the perfect ambiance to make your day unforgettable."
|
||||
metrics={[
|
||||
{
|
||||
value: "Private",
|
||||
title: "Gatherings",
|
||||
},
|
||||
{
|
||||
value: "Premium",
|
||||
title: "Ambiance",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
},
|
||||
{ value: "Private", title: "Gatherings" },
|
||||
{ value: "Premium", title: "Ambiance" },
|
||||
{ value: "24/7", title: "Service" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg"
|
||||
imageAlt="Celebration Setting"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -236,46 +119,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-with-laptop-cosy-coffee-shop_23-2147989647.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "PM",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19191.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
role: "Designer",
|
||||
company: "ArtStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005426.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-with-laptop-cosy-coffee-shop_23-2147989647.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "PM", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19191.jpg" },
|
||||
{ id: "5", name: "Jane Doe", role: "Designer", company: "ArtStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005426.jpg" },
|
||||
]}
|
||||
title="Loved By Our Guests"
|
||||
description="Hear what Indore has to say about their experience."
|
||||
@@ -285,19 +133,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Visit us at C21 Business Park, Indore. Ready to serve you 24/7. Call us today for reservations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
{ text: "Call Now", href: "tel:+910000000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,57 +146,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="THE CAFE SPLIT BEAN"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Pasta",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Pizza",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Pasta", href: "#menu" }, { label: "Pizza", href: "#menu" }, { label: "Drinks", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "WhatsApp", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 The Cafe Split Bean. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user