Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mid Night Mocha"
|
||||
/>
|
||||
@@ -58,46 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Always Open, Always Delicious."
|
||||
description="Experience the midnight magic at Mid Night Mocha. Serving fresh food, fine coffee, and great vibes 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-volcano-with-black-coffee_140725-8222.jpg?_wi=1",
|
||||
imageAlt: "Cozy Night Vibe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293102.jpg?_wi=1",
|
||||
imageAlt: "Coffee Art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-friends-watch-video-mobile-phone-have-coffee-break-after-classes-wear-spectacles-eat-delicious-salad-drink-coffee-pose-against-cozy-cafe-interior-connected-wireless-internet_273609-29068.jpg?_wi=1",
|
||||
imageAlt: "Dining Experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegan-food_1339-8182.jpg",
|
||||
imageAlt: "Delicious Spread",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mocha_74190-17.jpg",
|
||||
imageAlt: "Signature Drinks",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg",
|
||||
imageAlt: "Excellent Service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-volcano-with-black-coffee_140725-8222.jpg", imageAlt: "Cozy Night Vibe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293102.jpg", imageAlt: "Coffee Art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-happy-friends-watch-video-mobile-phone-have-coffee-break-after-classes-wear-spectacles-eat-delicious-salad-drink-coffee-pose-against-cozy-cafe-interior-connected-wireless-internet_273609-29068.jpg", imageAlt: "Dining Experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegan-food_1339-8182.jpg", imageAlt: "Delicious Spread" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mocha_74190-17.jpg", imageAlt: "Signature Drinks" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg", imageAlt: "Excellent Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,21 +66,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Mid Night Mocha?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Service",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.6",
|
||||
},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "Reviewers",
|
||||
value: "202+",
|
||||
},
|
||||
{ icon: Clock, label: "Service", value: "24/7" },
|
||||
{ icon: Star, label: "Rating", value: "4.6" },
|
||||
{ icon: ThumbsUp, label: "Reviewers", value: "202+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -131,39 +78,22 @@ export default function LandingPage() {
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Gourmet Preparation",
|
||||
description: "Freshly prepared meals by experienced chefs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gastronomy-expert-grating-piece-cheese-plate-while-preparing-culinary-dish-dinner-service-restaurant-culinary-gastronomic-chef-cooking-fine-dining-meal-professional-kitchen_482257-44203.jpg",
|
||||
},
|
||||
title: "Gourmet Preparation", description: "Freshly prepared meals by experienced chefs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gastronomy-expert-grating-piece-cheese-plate-while-preparing-culinary-dish-dinner-service-restaurant-culinary-gastronomic-chef-cooking-fine-dining-meal-professional-kitchen_482257-44203.jpg" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-volcano-with-black-coffee_140725-8222.jpg?_wi=2",
|
||||
imageAlt: "chef preparing food kitchen",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Comfortable Ambiance",
|
||||
description: "Relax in our thoughtfully designed dining areas.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-interiors-beach-restaurant-day_181624-59566.jpg",
|
||||
},
|
||||
title: "Comfortable Ambiance", description: "Relax in our thoughtfully designed dining areas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-interiors-beach-restaurant-day_181624-59566.jpg" },
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293102.jpg?_wi=2",
|
||||
imageAlt: "chef preparing food kitchen",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Reliable Delivery",
|
||||
description: "Fresh food delivered straight to your doorstep.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-texting-client-after-wrong-order_482257-78507.jpg",
|
||||
},
|
||||
title: "Reliable Delivery", description: "Fresh food delivered straight to your doorstep.", media: { imageSrc: "http://img.b2bpic.net/free-photo/courier-texting-client-after-wrong-order_482257-78507.jpg" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-friends-watch-video-mobile-phone-have-coffee-break-after-classes-wear-spectacles-eat-delicious-salad-drink-coffee-pose-against-cozy-cafe-interior-connected-wireless-internet_273609-29068.jpg?_wi=2",
|
||||
imageAlt: "chef preparing food kitchen",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Experience Excellence"
|
||||
@@ -176,49 +106,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Veg Hyderabadi Biryani",
|
||||
price: "₹190",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegan-salad-with-various-vegetables_140725-147807.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pina Colada",
|
||||
price: "₹150",
|
||||
variant: "Beverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-recipe-name-mai-tai-mai-thai-worldwide-favour-cocktail_1150-14581.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Arrabiata Pasta",
|
||||
price: "₹220",
|
||||
variant: "Italian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chef's Special Sandwich",
|
||||
price: "₹180",
|
||||
variant: "Snacks",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-club-sandwich-potato-cheeps-plate-with-sauce_176474-3047.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mushroom Popcorn Soup",
|
||||
price: "₹140",
|
||||
variant: "Soup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-side-vegetables_140725-6278.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chinese Sizzler",
|
||||
price: "₹250",
|
||||
variant: "Sizzler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-vegetables-table_140725-1358.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Veg Hyderabadi Biryani", price: "₹190", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegan-salad-with-various-vegetables_140725-147807.jpg" },
|
||||
{ id: "p2", name: "Pina Colada", price: "₹150", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-recipe-name-mai-tai-mai-thai-worldwide-favour-cocktail_1150-14581.jpg" },
|
||||
{ id: "p3", name: "Arrabiata Pasta", price: "₹220", variant: "Italian", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg" },
|
||||
{ id: "p4", name: "Chef's Special Sandwich", price: "₹180", variant: "Snacks", imageSrc: "http://img.b2bpic.net/free-photo/side-view-club-sandwich-potato-cheeps-plate-with-sauce_176474-3047.jpg" },
|
||||
{ id: "p5", name: "Mushroom Popcorn Soup", price: "₹140", variant: "Soup", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-side-vegetables_140725-6278.jpg" },
|
||||
{ id: "p6", name: "Chinese Sizzler", price: "₹250", variant: "Sizzler", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-vegetables-table_140725-1358.jpg" },
|
||||
]}
|
||||
title="Featured Favorites"
|
||||
description="A glimpse into our popular menu items, loved by our community."
|
||||
@@ -229,42 +124,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Varsha Patil",
|
||||
role: "Diner",
|
||||
testimonial: "Good food and staff service is decent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-barista-girl-smiling-you-while-preparing-coffee-pouring-milk-making_1258-203425.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mehul Dodiya",
|
||||
role: "Local Guide",
|
||||
testimonial: "Very good place, genuine review, great experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ashoo Panchal",
|
||||
role: "Local Guide",
|
||||
testimonial: "Ambience was cool, food was absolutely awesome.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-chatting-business-dinner_1262-1672.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ankit Kumar",
|
||||
role: "Foodie",
|
||||
testimonial: "Love the 24/7 availability. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya Sharma",
|
||||
role: "Regular",
|
||||
testimonial: "The arrabiata pasta is a must-try item!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
},
|
||||
{ id: "1", name: "Varsha Patil", role: "Diner", testimonial: "Good food and staff service is decent.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-barista-girl-smiling-you-while-preparing-coffee-pouring-milk-making_1258-203425.jpg" },
|
||||
{ id: "2", name: "Mehul Dodiya", role: "Local Guide", testimonial: "Very good place, genuine review, great experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg" },
|
||||
{ id: "3", name: "Ashoo Panchal", role: "Local Guide", testimonial: "Ambience was cool, food was absolutely awesome.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-chatting-business-dinner_1262-1672.jpg" },
|
||||
{ id: "4", name: "Ankit Kumar", role: "Foodie", testimonial: "Love the 24/7 availability. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg" },
|
||||
{ id: "5", name: "Priya Sharma", role: "Regular", testimonial: "The arrabiata pasta is a must-try item!", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our patrons love about Mid Night Mocha."
|
||||
@@ -275,21 +141,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you really open 24/7?",
|
||||
content: "Yes, we are open around the clock to satisfy your cravings whenever they strike.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer home delivery?",
|
||||
content: "Yes, we provide no-contact delivery services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What kind of cuisine do you serve?",
|
||||
content: "We offer a diverse range of Indian, Italian, Chinese, and cafe favorites.",
|
||||
},
|
||||
{ id: "f1", title: "Are you really open 24/7?", content: "Yes, we are open around the clock to satisfy your cravings whenever they strike." },
|
||||
{ id: "f2", title: "Do you offer home delivery?", content: "Yes, we provide no-contact delivery services." },
|
||||
{ id: "f3", title: "What kind of cuisine do you serve?", content: "We offer a diverse range of Indian, Italian, Chinese, and cafe favorites." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Questions you might have about our services."
|
||||
@@ -300,9 +154,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Bite?"
|
||||
description="Find us at Kens Corner, Nikol, Ahmedabad. We look forward to serving you anytime."
|
||||
@@ -314,38 +166,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Menu", href: "#products" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Mid Night Mocha"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user