Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-05-13 12:37:15 +00:00

View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Menu", name: "Menu", id: "#menu"},
id: "#menu",
},
{ {
name: "Reviews", name: "Reviews", id: "#reviews"},
id: "#reviews",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="The Roof Cafe & Restro" brandName="The Roof Cafe & Restro"
/> />
@@ -63,39 +53,23 @@ export default function LandingPage() {
description="Experience gourmet flavors and aesthetic views at the center of the city." description="Experience gourmet flavors and aesthetic views at the center of the city."
buttons={[ buttons={[
{ {
text: "Reserve Table", text: "Reserve Table", href: "#contact"},
href: "#contact",
},
{ {
text: "View Menu", text: "View Menu", href: "#menu"},
href: "#menu",
},
]} ]}
slides={[ slides={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661583.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661583.jpg", imageAlt: "Luxurious restaurant atmosphere"},
imageAlt: "Luxurious restaurant atmosphere",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-rice-with-meatballs-different-seasonings-black-table_140725-104447.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-rice-with-meatballs-different-seasonings-black-table_140725-104447.jpg", imageAlt: "Delicious gourmet food plating"},
imageAlt: "Delicious gourmet food plating",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/terrace-ready-customers_1137-93.jpg", imageSrc: "http://img.b2bpic.net/free-photo/terrace-ready-customers_1137-93.jpg", imageAlt: "Relaxing rooftop seating"},
imageAlt: "Relaxing rooftop seating",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727952.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727952.jpg", imageAlt: "Chef preparing specialty dishes"},
imageAlt: "Chef preparing specialty dishes",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/having-coffee-with-cream-brulee-cocoa-fondue_114579-2124.jpg", imageSrc: "http://img.b2bpic.net/free-photo/having-coffee-with-cream-brulee-cocoa-fondue_114579-2124.jpg", imageAlt: "Coffee and dessert setup"},
imageAlt: "Coffee and dessert setup",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg", imageAlt: "Evening lights at the cafe"},
imageAlt: "Evening lights at the cafe",
},
]} ]}
/> />
</div> </div>
@@ -105,48 +79,29 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ {
type: "text", type: "text", content: "A Culinary Sanctuary in the City"},
content: "A Culinary Sanctuary in the City",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/color-breakfast-outdoors-glass-white_1127-2375.jpg", alt: "Restaurant view"},
src: "http://img.b2bpic.net/free-photo/color-breakfast-outdoors-glass-white_1127-2375.jpg",
alt: "Restaurant view",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Learn Our Story", text: "Learn Our Story", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<FeatureCardSeven <FeatureCardSeven
animationType="slide-up" animationType="blur-reveal"
textboxLayout="inline-image" textboxLayout="inline-image"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Indian Classics", title: "Indian Classics", description: "Authentic spices and traditional cooking methods.", imageSrc: "http://img.b2bpic.net/free-photo/massaman-curry-frying-pan-with-spices-cement-floor_1150-20780.jpg", imageAlt: "Indian curry dish"},
description: "Authentic spices and traditional cooking methods.",
imageSrc: "http://img.b2bpic.net/free-photo/massaman-curry-frying-pan-with-spices-cement-floor_1150-20780.jpg",
imageAlt: "Indian curry dish",
},
{ {
title: "Chinese Delicacies", title: "Chinese Delicacies", description: "Fresh and bold flavors with every bite.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-noodles-table-with-sushi-rolls_140725-3881.jpg", imageAlt: "Chinese cuisine"},
description: "Fresh and bold flavors with every bite.",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-noodles-table-with-sushi-rolls_140725-3881.jpg",
imageAlt: "Chinese cuisine",
},
{ {
title: "Special Beverages", title: "Special Beverages", description: "Refreshing mocktails and artisanal coffee.", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7520.jpg", imageAlt: "Cafe drink"},
description: "Refreshing mocktails and artisanal coffee.",
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7520.jpg",
imageAlt: "Cafe drink",
},
]} ]}
title="Curated Flavors" title="Curated Flavors"
description="Discover our signature range of Indian and Chinese delicacies." description="Discover our signature range of Indian and Chinese delicacies."
@@ -155,59 +110,23 @@ export default function LandingPage() {
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="blur-reveal"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Butter Chicken", price: "₹450", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23925.jpg", imageAlt: "Butter chicken"},
name: "Butter Chicken",
price: "₹450",
variant: "Spicy",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23925.jpg",
imageAlt: "Butter chicken",
},
{ {
id: "p2", id: "p2", name: "Hakka Noodles", price: "₹350", variant: "Veg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stir-fried-noodles-with-vegetables-shrimps-plate-wooden-table_141793-8520.jpg", imageAlt: "Hakka noodles"},
name: "Hakka Noodles",
price: "₹350",
variant: "Veg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stir-fried-noodles-with-vegetables-shrimps-plate-wooden-table_141793-8520.jpg",
imageAlt: "Hakka noodles",
},
{ {
id: "p3", id: "p3", name: "Paneer Tikka", price: "₹400", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/crepes-stuffed-with-food-cream-sauce-top-with-grilled-food_114579-2990.jpg", imageAlt: "Paneer tikka"},
name: "Paneer Tikka",
price: "₹400",
variant: "Popular",
imageSrc: "http://img.b2bpic.net/free-photo/crepes-stuffed-with-food-cream-sauce-top-with-grilled-food_114579-2990.jpg",
imageAlt: "Paneer tikka",
},
{ {
id: "p4", id: "p4", name: "Veg Fried Rice", price: "₹320", variant: "Chinese", imageSrc: "http://img.b2bpic.net/free-photo/fried-rice-with-minced-pork-tomato-carrot-cucumber-plate_1150-27181.jpg", imageAlt: "Fried rice"},
name: "Veg Fried Rice",
price: "₹320",
variant: "Chinese",
imageSrc: "http://img.b2bpic.net/free-photo/fried-rice-with-minced-pork-tomato-carrot-cucumber-plate_1150-27181.jpg",
imageAlt: "Fried rice",
},
{ {
id: "p5", id: "p5", name: "Tandoori Roti", price: "₹60", variant: "Indian", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033973.jpg", imageAlt: "Tandoori roti"},
name: "Tandoori Roti",
price: "₹60",
variant: "Indian",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033973.jpg",
imageAlt: "Tandoori roti",
},
{ {
id: "p6", id: "p6", name: "Iced Coffee", price: "₹200", variant: "Cafe", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-ice-cubes-glass-wooden-spoon_23-2148441187.jpg", imageAlt: "Iced coffee"},
name: "Iced Coffee",
price: "₹200",
variant: "Cafe",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-ice-cubes-glass-wooden-spoon_23-2148441187.jpg",
imageAlt: "Iced coffee",
},
]} ]}
title="Popular Dishes" title="Popular Dishes"
description="Dine on our most celebrated creations." description="Dine on our most celebrated creations."
@@ -216,45 +135,20 @@ export default function LandingPage() {
<div id="reviews" data-section="reviews"> <div id="reviews" data-section="reviews">
<TestimonialCardSix <TestimonialCardSix
animationType="slide-up" animationType="blur-reveal"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sammy Yadav", handle: "@sammy", testimonial: "Awesome food and staff and ambience very politely staff ❤️", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg"},
name: "Sammy Yadav",
handle: "@sammy",
testimonial: "Awesome food and staff and ambience very politely staff ❤️",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
},
{ {
id: "2", id: "2", name: "Ajay Bamne", handle: "@ajay", testimonial: "Good ambience Chinese food is very lovely and Indian cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/interracial-group-three-friends-dining-restaurant-spending-good-time-together_273609-8988.jpg"},
name: "Ajay Bamne",
handle: "@ajay",
testimonial: "Good ambience Chinese food is very lovely and Indian cuisine.",
imageSrc: "http://img.b2bpic.net/free-photo/interracial-group-three-friends-dining-restaurant-spending-good-time-together_273609-8988.jpg",
},
{ {
id: "3", id: "3", name: "Satyam Mohoniya", handle: "@satyam", testimonial: "Taste is very good you will fall in ❤️", imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg"},
name: "Satyam Mohoniya",
handle: "@satyam",
testimonial: "Taste is very good you will fall in ❤️",
imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",
},
{ {
id: "4", id: "4", name: "Ashutosh Kumar", handle: "@ashutosh", testimonial: "The atmosphere was super relaxing and perfect for unwinding.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-drinking-coffee-cafe_1157-20656.jpg"},
name: "Ashutosh Kumar",
handle: "@ashutosh",
testimonial: "The atmosphere was super relaxing and perfect for unwinding.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-drinking-coffee-cafe_1157-20656.jpg",
},
{ {
id: "5", id: "5", name: "Gargi Mishra", handle: "@gargi", testimonial: "Ambience is quite nice here and the taste too is amazing.", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1746.jpg"},
name: "Gargi Mishra",
handle: "@gargi",
testimonial: "Ambience is quite nice here and the taste too is amazing.",
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1746.jpg",
},
]} ]}
title="Loved by Guests" title="Loved by Guests"
description="Heartfelt experiences from our community." description="Heartfelt experiences from our community."
@@ -263,31 +157,19 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardOne <MetricCardOne
animationType="slide-up" animationType="depth-3d"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "5k+", title: "Happy Guests", description: "Dined with us", icon: Users,
value: "5k+",
title: "Happy Guests",
description: "Dined with us",
icon: Users,
}, },
{ {
id: "m2", id: "m2", value: "200+", title: "Menu Items", description: "Diverse tastes", icon: Utensils,
value: "200+",
title: "Menu Items",
description: "Diverse tastes",
icon: Utensils,
}, },
{ {
id: "m3", id: "m3", value: "4.8", title: "Avg Rating", description: "Guest satisfaction", icon: Star,
value: "4.8",
title: "Avg Rating",
description: "Guest satisfaction",
icon: Star,
}, },
]} ]}
title="Our Success" title="Our Success"
@@ -301,24 +183,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking in advance."},
title: "Do you accept reservations?",
content: "Yes, we highly recommend booking in advance.",
},
{ {
id: "f2", id: "f2", title: "Do you host private events?", content: "Yes, we have garden and indoor space for family events."},
title: "Do you host private events?",
content: "Yes, we have garden and indoor space for family events.",
},
{ {
id: "f3", id: "f3", title: "Are vegetarian options available?", content: "We offer a wide range of vegetarian dishes in both Indian and Chinese cuisines."},
title: "Are vegetarian options available?",
content: "We offer a wide range of vegetarian dishes in both Indian and Chinese cuisines.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Everything you need to know about our cafe." description="Everything you need to know about our cafe."
faqsAnimation="slide-up" faqsAnimation="blur-reveal"
/> />
</div> </div>
@@ -326,14 +199,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "downward-rays-animated", variant: "downward-rays-animated"}}
}}
text="Visit us at the heart of the city for a perfect meal." text="Visit us at the heart of the city for a perfect meal."
buttons={[ buttons={[
{ {
text: "Book Now", text: "Book Now", href: "tel:+910000000000"},
href: "tel:+910000000000",
},
]} ]}
/> />
</div> </div>
@@ -342,29 +212,19 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Explore", title: "Explore", items: [
items: [
{ {
label: "Menu", label: "Menu", href: "#menu"},
href: "#menu",
},
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}