Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -31,145 +31,55 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Basil Cafe"
|
||||
button={{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve Table", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience Warmth & Culinary Joy"
|
||||
description="Christmas vibes all year round. Join us for exceptional coffee, artisanal pastries, and heartfelt service in the heart of Bhubaneswar."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg?_wi=1",
|
||||
imageAlt: "Cafe ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg?_wi=1",
|
||||
imageAlt: "Delicious food",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",
|
||||
imageAlt: "Cafe ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-croissant-breakfast-grey-background_114579-58910.jpg",
|
||||
imageAlt: "Delicious food",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg",
|
||||
imageAlt: "Cafe ambiance",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg", imageAlt: "Cafe ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg", imageAlt: "Delicious food" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg", imageAlt: "Cafe ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-croissant-breakfast-grey-background_114579-58910.jpg", imageAlt: "Delicious food" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg", imageAlt: "Cafe ambiance" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-sausages-boiled-egg-omelette-croissant-plates-cup-tea-table_176474-3018.jpg",
|
||||
imageAlt: "Artisanal coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg",
|
||||
imageAlt: "Cozy corner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg",
|
||||
imageAlt: "Artisanal coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg",
|
||||
imageAlt: "Cozy corner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg",
|
||||
imageAlt: "Artisanal coffee",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-sausages-boiled-egg-omelette-croissant-plates-cup-tea-table_176474-3018.jpg", imageAlt: "Artisanal coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg", imageAlt: "Cozy corner" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg", imageAlt: "Artisanal coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg", imageAlt: "Cozy corner" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg", imageAlt: "Artisanal coffee" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "Order Online", href: "#" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312219.jpg",
|
||||
alt: "Local food blogger",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-winter_23-2149188014.jpg",
|
||||
alt: "Regular visitor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wicker-chair-near-white-round-table-with-coffee-cup-breakfast-smoothie-cheesecake_23-2148067145.jpg",
|
||||
alt: "Coffee enthusiast",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg",
|
||||
alt: "Cafe staff",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bean-white-background-beans-coffee_1303-1940.jpg",
|
||||
alt: "Happy patron",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312219.jpg", alt: "Local food blogger" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-winter_23-2149188014.jpg", alt: "Regular visitor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wicker-chair-near-white-round-table-with-coffee-cup-breakfast-smoothie-cheesecake_23-2148067145.jpg", alt: "Coffee enthusiast" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg", alt: "Cafe staff" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bean-white-background-beans-coffee_1303-1940.jpg", alt: "Happy patron" },
|
||||
]}
|
||||
avatarText="Loved by 500+ local foodies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2078.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-coffee-cups-croissant-wooden-table_53876-31855.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2078.jpg", alt: "Logo 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg", alt: "Logo 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg", alt: "Logo 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg", alt: "Logo 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/aerial-view-coffee-cups-croissant-wooden-table_53876-31855.jpg", alt: "Logo 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -191,44 +101,21 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Creamy Mushroom Pasta",
|
||||
price: "₹250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-fettuccine-pasta-with-mushrooms-bacon_84443-72402.jpg",
|
||||
},
|
||||
id: "p1", name: "Creamy Mushroom Pasta", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/creamy-fettuccine-pasta-with-mushrooms-bacon_84443-72402.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Hummus with Pita",
|
||||
price: "₹180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-mixed-vegetables-black-olives_114579-5980.jpg",
|
||||
},
|
||||
id: "p2", name: "Hummus with Pita", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-mixed-vegetables-black-olives_114579-5980.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mushroom Bruschetta",
|
||||
price: "₹200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-bruschetta-black-wooden-board_23-2148698659.jpg",
|
||||
},
|
||||
id: "p3", name: "Mushroom Bruschetta", price: "₹200", imageSrc: "http://img.b2bpic.net/free-photo/slices-bruschetta-black-wooden-board_23-2148698659.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chicken Sandwich",
|
||||
price: "₹220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-pesto-parmesan_23-2152015851.jpg",
|
||||
},
|
||||
id: "p4", name: "Chicken Sandwich", price: "₹220", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-pesto-parmesan_23-2152015851.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Decadent Cheesecake",
|
||||
price: "₹150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greek-vegetable-casserole-with-rice-tomatoes_127032-3146.jpg",
|
||||
},
|
||||
id: "p5", name: "Decadent Cheesecake", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/greek-vegetable-casserole-with-rice-tomatoes_127032-3146.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Signature Latte",
|
||||
price: "₹120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bruschettas-with-prosciutto-tomatoes_23-2148361334.jpg",
|
||||
},
|
||||
id: "p6", name: "Signature Latte", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bruschettas-with-prosciutto-tomatoes_23-2148361334.jpg"},
|
||||
]}
|
||||
title="Popular Menu Items"
|
||||
description="Savor our most loved culinary creations prepared with the finest ingredients."
|
||||
@@ -242,28 +129,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Pet-Friendly Vibe",
|
||||
description: "Meet our lovely canine companions, Radha and Rani.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee_23-2148093847.jpg",
|
||||
imageAlt: "fresh croissant coffee latte art",
|
||||
title: "Pet-Friendly Vibe", description: "Meet our lovely canine companions, Radha and Rani.", bentoComponent: "reveal-icon", icon: Home,
|
||||
},
|
||||
{
|
||||
title: "Authentic Flavors",
|
||||
description: "Fresh ingredients sourced from the best local suppliers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg?_wi=2",
|
||||
imageAlt: "fresh croissant coffee latte art",
|
||||
title: "Authentic Flavors", description: "Fresh ingredients sourced from the best local suppliers.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "The perfect place to work, relax, or meet friends.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg?_wi=2",
|
||||
imageAlt: "fresh croissant coffee latte art",
|
||||
title: "Cozy Atmosphere", description: "The perfect place to work, relax, or meet friends.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -279,45 +151,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Archita Nanda",
|
||||
role: "Local Guide",
|
||||
company: "Bhubaneswar Foodies",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg",
|
||||
},
|
||||
id: "t1", name: "Archita Nanda", role: "Local Guide", company: "Bhubaneswar Foodies", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Aditya",
|
||||
role: "Local Guide",
|
||||
company: "Travel Blog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
|
||||
},
|
||||
id: "t2", name: "Aditya", role: "Local Guide", company: "Travel Blog", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Nikita Sahoo",
|
||||
role: "Food Enthusiast",
|
||||
company: "Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-her-boyfriend-holding-hands-while-toasting-with-champagne-while-having-dinner-dining-table_637285-3596.jpg",
|
||||
},
|
||||
id: "t3", name: "Nikita Sahoo", role: "Food Enthusiast", company: "Guest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-her-boyfriend-holding-hands-while-toasting-with-champagne-while-having-dinner-dining-table_637285-3596.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Priya",
|
||||
role: "Regular Guest",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099260.jpg",
|
||||
},
|
||||
id: "t4", name: "Priya", role: "Regular Guest", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099260.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram",
|
||||
role: "Coffee Lover",
|
||||
company: "Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snapshot-charming-girl-dreamily-smiling-talking-phone-woman-gray-sweater-ordered-croissant-cup-coffee-cafe_197531-26676.jpg",
|
||||
},
|
||||
id: "t5", name: "Vikram", role: "Coffee Lover", company: "Guest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snapshot-charming-girl-dreamily-smiling-talking-phone-woman-gray-sweater-ordered-croissant-cup-coffee-cafe_197531-26676.jpg"},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Don't just take our word for it—see what our regular guests say."
|
||||
@@ -330,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Yes! We have two friendly dogs, Radha and Rani, and we welcome all well-behaved pets.",
|
||||
},
|
||||
id: "q1", title: "Are you pet friendly?", content: "Yes! We have two friendly dogs, Radha and Rani, and we welcome all well-behaved pets."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer dine-in?",
|
||||
content: "We absolutely do! We provide a warm dine-in experience as well as kerbside pickup.",
|
||||
},
|
||||
id: "q2", title: "Do you offer dine-in?", content: "We absolutely do! We provide a warm dine-in experience as well as kerbside pickup."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are your opening hours?",
|
||||
content: "We open daily at 8:30 am. Visit us for breakfast, lunch, or a coffee break.",
|
||||
},
|
||||
id: "q3", title: "What are your opening hours?", content: "We open daily at 8:30 am. Visit us for breakfast, lunch, or a coffee break."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your visit to Basil Cafe."
|
||||
@@ -354,21 +192,15 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Great Experience?"
|
||||
description="Reserve a table or call us directly at 080184 91379 to plan your visit to Basil Cafe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+918018491379",
|
||||
},
|
||||
text: "Call Now", href: "tel:+918018491379"},
|
||||
{
|
||||
text: "Find on Maps",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find on Maps", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -380,14 +212,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user