Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
238
src/app/page.tsx
238
src/app/page.tsx
@@ -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: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user