Update src/app/page.tsx
This commit is contained in:
452
src/app/page.tsx
452
src/app/page.tsx
@@ -16,343 +16,141 @@ import { Star, Users, Utensils } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Marhaba Hotel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Marhaba Hotel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Flavors, Royal Taste"
|
||||
description="Experience the rich, traditional tastes of Purani Delhi at Marhaba Hotel. Freshly made rotis, succulent meats, and authentic spices await you in the heart of Dehradun."
|
||||
tag="Welcome to Marhaba"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086043.jpg",
|
||||
imageAlt: "Authentic Indian restaurant interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg",
|
||||
imageAlt: "Freshly baked roti on plate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-celebrating-tamil-new-year_23-2151210764.jpg",
|
||||
imageAlt: "Side view people celebrating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663870.jpg",
|
||||
imageAlt: "Adults enjoying food",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-smiling-showing-delicious-salad-made-fresh-vegetables-man-holding-dish-with-salad-his-hand-background-professional-restaurant-kitchen-with-special-kitchenware_651396-3918.jpg",
|
||||
imageAlt: "Chef smiling with fresh salad",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 24 authentic reviews"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Flavors, Royal Taste"
|
||||
description="Experience the rich, traditional tastes of Purani Delhi at Marhaba Hotel. Freshly made rotis, succulent meats, and authentic spices await you in the heart of Dehradun."
|
||||
tag="Welcome to Marhaba"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086043.jpg", imageAlt: "Authentic Indian restaurant interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg", imageAlt: "Freshly baked roti on plate" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 24 authentic reviews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Hospitality"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "4.8",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Authentic Dishes",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Guests",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Hospitality"
|
||||
metrics={[
|
||||
{ icon: Star, label: "Google Rating", value: "4.8" },
|
||||
{ icon: Utensils, label: "Authentic Dishes", value: "20+" },
|
||||
{ icon: Users, label: "Happy Guests", value: "500+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Afghani Chicken",
|
||||
price: "₹150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-set-table_140725-8209.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lentil Soup",
|
||||
price: "₹80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-food-frame-arrangement_23-2148723463.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vegetable Curry",
|
||||
price: "₹120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-soup-with-sliced-vegetables-greens-dark-blue-surface-soup-vegetable-food-meal-hot-food-dinner-sauce_140725-64568.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fresh Made Roti",
|
||||
price: "₹10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-alogn-with-salt-pepper-pink_140725-24277.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chicken Korma",
|
||||
price: "₹180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-chicken-with-cucumber-lemon-seasoning-bread-table_141793-4757.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Special Dessert",
|
||||
price: "₹60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/azeri-bakhlava-with-walnut-sorbet_140725-7634.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Taste the legendary flavors of Purani Delhi, perfected over generations."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Afghani Chicken", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-set-table_140725-8209.jpg" },
|
||||
{ id: "2", name: "Lentil Soup", price: "₹80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-food-frame-arrangement_23-2148723463.jpg" },
|
||||
{ id: "3", name: "Vegetable Curry", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-soup-with-sliced-vegetables-greens-dark-blue-surface-soup-vegetable-food-meal-hot-food-dinner-sauce_140725-64568.jpg" }
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Taste the legendary flavors of Purani Delhi, perfected over generations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mirela",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mahi Qureshi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-seaweed-snacks_23-2150872520.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Parvez Saifi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-food-phone_23-2149155151.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Local Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Happy Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-eating-restaurant_23-2148214609.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Our Guests Love Us"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mirela", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg" },
|
||||
{ id: "2", name: "Mahi Qureshi", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-seaweed-snacks_23-2150872520.jpg" }
|
||||
]}
|
||||
cardTitle="Our Guests Love Us"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
title: "Fresh Ingredients",
|
||||
items: [
|
||||
"Farm-sourced",
|
||||
"Daily prep",
|
||||
"Zero preservatives",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Authentic Recipes",
|
||||
items: [
|
||||
"Traditional spices",
|
||||
"Old Delhi style",
|
||||
"Generational",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5-Star",
|
||||
title: "Guest Satisfaction",
|
||||
items: [
|
||||
"Kind staff",
|
||||
"Quick service",
|
||||
"Consistent quality",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Service Highlights"
|
||||
description="Dedication to quality and service excellence is at the core of everything we do."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99%", title: "Fresh Ingredients", items: ["Farm-sourced", "Daily prep"] },
|
||||
{ id: "m2", value: "100%", title: "Authentic Recipes", items: ["Traditional spices", "Old Delhi style"] }
|
||||
]}
|
||||
title="Service Highlights"
|
||||
description="Dedication to quality and service excellence is at the core of everything we do."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily from 11:30 AM to late evening.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we provide quick home delivery services in Clement Town and surrounding areas.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes, we have parking space available near the restaurant location.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can I book a table?",
|
||||
content: "For large groups, please contact us at 099998 43989 to make a reservation.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at Marhaba Hotel."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are your opening hours?", content: "We are open daily from 11:30 AM to late evening." },
|
||||
{ id: "f2", title: "Do you offer delivery?", content: "Yes, we provide quick home delivery services." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at Marhaba Hotel."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Dine with Marhaba"
|
||||
description="Munni Chowk, Azad Colony Rd, near Sana masjid, ISBT, Dehradun. Come visit us for an unforgettable meal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:09999843989",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Dine with Marhaba"
|
||||
description="Munni Chowk, Azad Colony Rd, Dehradun."
|
||||
buttons={[
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
{ text: "Call Now", href: "tel:09999843989" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Marhaba Hotel"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 099998 43989",
|
||||
href: "tel:09999843989",
|
||||
},
|
||||
{
|
||||
label: "Location: Dehradun",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Marhaba Hotel. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Marhaba Hotel"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Contact", items: [{ label: "Call: 099998 43989", href: "tel:09999843989" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Marhaba Hotel. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user