Merge version_1 into main #1
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,71 +31,46 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Popular Dishes",
|
||||
id: "popular-dishes",
|
||||
},
|
||||
name: "Popular Dishes", id: "popular-dishes"},
|
||||
{
|
||||
name: "Real Menu",
|
||||
id: "real-menu",
|
||||
},
|
||||
name: "Real Menu", id: "real-menu"},
|
||||
{
|
||||
name: "Table Booking",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Table Booking", id: "contact"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MOC"
|
||||
animateOnLoad={true}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Sip, Savor, & Stay Awhile: Experience MOC's Premium Coffee & Artisanal Bites"
|
||||
description="More Over Coffee (MOC) invites you to a refined cafe experience. Indulge in our exquisite coffee blends, handcrafted beverages, and a culinary journey of delicious food, all in a stylish and inviting ambiance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order via Swiggy",
|
||||
href: "https://www.swiggy.com",
|
||||
onClick: "() => window.open('https://www.swiggy.com', '_blank', 'noopener,noreferrer')",
|
||||
className: "bg-[#FC8019] text-white hover:bg-[#e07015]",
|
||||
},
|
||||
text: "Order via Swiggy", href: "https://www.swiggy.com", onClick: () => window.open('https://www.swiggy.com', '_blank', 'noopener,noreferrer'),
|
||||
className: "bg-[#FC8019] text-white hover:bg-[#e07015]"},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Table", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg",
|
||||
imageAlt: "Cozy cafe interior with warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg", imageAlt: "Cozy cafe interior with warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-espresso-stick-biscuits-coffee-beans-black-plate_114579-60386.jpg",
|
||||
imageAlt: "Close-up of a barista making latte art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-espresso-stick-biscuits-coffee-beans-black-plate_114579-60386.jpg", imageAlt: "Close-up of a barista making latte art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg",
|
||||
imageAlt: "Assortment of artisanal pastries and coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg", imageAlt: "Assortment of artisanal pastries and coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-reception-lobby_482257-76206.jpg",
|
||||
imageAlt: "Minimalist cafe setting with natural light",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-reception-lobby_482257-76206.jpg", imageAlt: "Minimalist cafe setting with natural light"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-croissants-milk-tea-electronic-gadgets-table_23-2147796998.jpg",
|
||||
imageAlt: "Overhead view of coffee, food, and a smartphone on a table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-croissants-milk-tea-electronic-gadgets-table_23-2147796998.jpg", imageAlt: "Overhead view of coffee, food, and a smartphone on a table"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -109,24 +84,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Premium Blends",
|
||||
description: "Sourced from the finest beans, crafted into exquisite coffees.",
|
||||
},
|
||||
title: "Premium Blends", description: "Sourced from the finest beans, crafted into exquisite coffees."},
|
||||
{
|
||||
icon: Croissant,
|
||||
title: "Artisanal Delights",
|
||||
description: "Handcrafted pastries and gourmet food for every palate.",
|
||||
},
|
||||
title: "Artisanal Delights", description: "Handcrafted pastries and gourmet food for every palate."},
|
||||
{
|
||||
icon: Wifi,
|
||||
title: "Inspiring Ambiance",
|
||||
description: "A stylish and cozy space perfect for work, meetings, or relaxation.",
|
||||
},
|
||||
title: "Inspiring Ambiance", description: "A stylish and cozy space perfect for work, meetings, or relaxation."},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
title: "Community Hub",
|
||||
description: "More than a cafe, it's a place for connection and creative sparks.",
|
||||
},
|
||||
title: "Community Hub", description: "More than a cafe, it's a place for connection and creative sparks."},
|
||||
]}
|
||||
title="Where Every Moment is Brewed to Perfection"
|
||||
description="At MOC, we blend the art of coffee making with culinary innovation, creating a space that inspires connection, creativity, and unforgettable tastes. It's more than just coffee; it's an experience."
|
||||
@@ -141,26 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "One Step Hazelnut Latte",
|
||||
price: "₹200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-bar_23-2148111139.jpg",
|
||||
imageAlt: "One Step Hazelnut Latte",
|
||||
},
|
||||
id: "p1", name: "One Step Hazelnut Latte", price: "₹200", imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-bar_23-2148111139.jpg", imageAlt: "One Step Hazelnut Latte"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Baked Nutella Cheesecake",
|
||||
price: "₹230",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-doughnuts_23-2152000239.jpg",
|
||||
imageAlt: "Baked Nutella Cheesecake",
|
||||
},
|
||||
id: "p2", name: "Baked Nutella Cheesecake", price: "₹230", imageSrc: "http://img.b2bpic.net/free-photo/tea-doughnuts_23-2152000239.jpg", imageAlt: "Baked Nutella Cheesecake"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Aglio E Olio Pasta",
|
||||
price: "₹300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-carrot-salad-with-walnuts-dark-desk-nut-diet-health-salad-vegetable-color_140725-99412.jpg",
|
||||
imageAlt: "Aglio E Olio Pasta",
|
||||
},
|
||||
id: "p3", name: "Aglio E Olio Pasta", price: "₹300", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-carrot-salad-with-walnuts-dark-desk-nut-diet-health-salad-vegetable-color_140725-99412.jpg", imageAlt: "Aglio E Olio Pasta"},
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Discover the crowd-favorites that define the More Over Coffee experience – a perfect blend of rich flavors and artisanal craft."
|
||||
@@ -174,69 +126,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "menu-coffee-shakes",
|
||||
badge: "Coffee & Shakes",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Starting from ₹150",
|
||||
subtitle: "Premium freshly brewed beverages",
|
||||
buttons: [],
|
||||
id: "menu-coffee-shakes", badge: "Coffee & Shakes", badgeIcon: Sparkles,
|
||||
price: "Starting from ₹150", subtitle: "Premium freshly brewed beverages", buttons: [],
|
||||
features: [
|
||||
"Iced Caffe Latte — ₹150",
|
||||
"One Step Hazelnut Latte — ₹200",
|
||||
"Roses Vanilla Latte — ₹200",
|
||||
"Eazy Caramel Latte — ₹200",
|
||||
"Iced Cafe Mocha — ₹200",
|
||||
"Oreo Shake — ₹220",
|
||||
"Peach Iced Tea — ₹180",
|
||||
],
|
||||
"Iced Caffe Latte — ₹150", "One Step Hazelnut Latte — ₹200", "Roses Vanilla Latte — ₹200", "Eazy Caramel Latte — ₹200", "Iced Cafe Mocha — ₹200", "Oreo Shake — ₹220", "Peach Iced Tea — ₹180"],
|
||||
},
|
||||
{
|
||||
id: "menu-pizzas-pastas",
|
||||
badge: "Pizzas & Pastas",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Starting from ₹270",
|
||||
subtitle: "Authentic wood-fired cafe style",
|
||||
buttons: [],
|
||||
id: "menu-pizzas-pastas", badge: "Pizzas & Pastas", badgeIcon: Sparkles,
|
||||
price: "Starting from ₹270", subtitle: "Authentic wood-fired cafe style", buttons: [],
|
||||
features: [
|
||||
"Aglio E Olio Pasta — ₹300",
|
||||
"Arrabiata Pasta — ₹300",
|
||||
"Alfredo Penne Pasta — ₹270",
|
||||
"Queen Margherita Pizza (10\") — ₹625",
|
||||
"Cheese Burst Pizza (10\") — ₹350",
|
||||
"Italian Pizza (10\") — ₹400",
|
||||
],
|
||||
"Aglio E Olio Pasta — ₹300", "Arrabiata Pasta — ₹300", "Alfredo Penne Pasta — ₹270", "Queen Margherita Pizza (10\") — ₹625", "Cheese Burst Pizza (10\") — ₹350", "Italian Pizza (10\") — ₹400"],
|
||||
},
|
||||
{
|
||||
id: "menu-sandwiches-maggi",
|
||||
badge: "Sandwiches & Maggi",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Starting from ₹140",
|
||||
subtitle: "Comfort food, MOC style",
|
||||
buttons: [],
|
||||
id: "menu-sandwiches-maggi", badge: "Sandwiches & Maggi", badgeIcon: Sparkles,
|
||||
price: "Starting from ₹140", subtitle: "Comfort food, MOC style", buttons: [],
|
||||
features: [
|
||||
"Cheese Corn Grilled Sandwich — ₹160",
|
||||
"Paneer Tandoori Grilled Sandwich — ₹180",
|
||||
"Mushroom & Cheese Sandwich — ₹180",
|
||||
"Cheese Maggi — ₹150",
|
||||
"Tadka Maggi — ₹140",
|
||||
"Schezwan Maggi — ₹140",
|
||||
],
|
||||
"Cheese Corn Grilled Sandwich — ₹160", "Paneer Tandoori Grilled Sandwich — ₹180", "Mushroom & Cheese Sandwich — ₹180", "Cheese Maggi — ₹150", "Tadka Maggi — ₹140", "Schezwan Maggi — ₹140"],
|
||||
},
|
||||
{
|
||||
id: "menu-appetizers-desserts",
|
||||
badge: "Appetizers & Desserts",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Starting from ₹100",
|
||||
subtitle: "Indulgent treats & crunchy bites",
|
||||
buttons: [],
|
||||
id: "menu-appetizers-desserts", badge: "Appetizers & Desserts", badgeIcon: Sparkles,
|
||||
price: "Starting from ₹100", subtitle: "Indulgent treats & crunchy bites", buttons: [],
|
||||
features: [
|
||||
"Paneer Chilli Dry — ₹290",
|
||||
"Mushroom Chilli Dry — ₹290",
|
||||
"Crispy Corn Dry — ₹250",
|
||||
"Baked Nutella Cheesecake — ₹230",
|
||||
"Cold Blueberry Cheesecake — ₹200",
|
||||
"Classic Brownie — ₹100",
|
||||
],
|
||||
"Paneer Chilli Dry — ₹290", "Mushroom Chilli Dry — ₹290", "Crispy Corn Dry — ₹250", "Baked Nutella Cheesecake — ₹230", "Cold Blueberry Cheesecake — ₹200", "Classic Brownie — ₹100"],
|
||||
},
|
||||
]}
|
||||
title="Explore Our Culinary Delights"
|
||||
@@ -249,35 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Aisha Sharma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-667.jpg",
|
||||
imageAlt: "Customer Aisha Sharma",
|
||||
},
|
||||
id: "t1", name: "Aisha Sharma", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-667.jpg", imageAlt: "Customer Aisha Sharma"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rohan Patel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-bearded-man-trendy-hat-having-cappuccino-with-cookie-while-relaxing-cafe-alone_273609-1762.jpg",
|
||||
imageAlt: "Customer Rohan Patel",
|
||||
},
|
||||
id: "t2", name: "Rohan Patel", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-bearded-man-trendy-hat-having-cappuccino-with-cookie-while-relaxing-cafe-alone_273609-1762.jpg", imageAlt: "Customer Rohan Patel"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-internet-cafe_329181-2897.jpg",
|
||||
imageAlt: "Customer Priya Singh",
|
||||
},
|
||||
id: "t3", name: "Priya Singh", imageSrc: "http://img.b2bpic.net/free-photo/wireless-internet-cafe_329181-2897.jpg", imageAlt: "Customer Priya Singh"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kabir Das",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-attractive-young-modern-businesswoman-prepare-project-reading-article-sit-near-window-cafe-table-drink-coffee-thinking-look-laptop-display-female-student-tutor-make-arrangements-future-lesson_197531-30632.jpg",
|
||||
imageAlt: "Customer Kabir Das",
|
||||
},
|
||||
id: "t4", name: "Kabir Das", imageSrc: "http://img.b2bpic.net/free-photo/busy-attractive-young-modern-businesswoman-prepare-project-reading-article-sit-near-window-cafe-table-drink-coffee-thinking-look-laptop-display-female-student-tutor-make-arrangements-future-lesson_197531-30632.jpg", imageAlt: "Customer Kabir Das"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Meera Joshi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interracial-young-couple-sitting-outdoor-cafe_23-2148151923.jpg",
|
||||
imageAlt: "Customer Meera Joshi",
|
||||
},
|
||||
id: "t5", name: "Meera Joshi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-interracial-young-couple-sitting-outdoor-cafe_23-2148151923.jpg", imageAlt: "Customer Meera Joshi"},
|
||||
]}
|
||||
cardTitle="What Our Guests Are Saying"
|
||||
cardTag="Rave Reviews"
|
||||
@@ -290,16 +181,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Visit, Book, or Reach Out to MOC"
|
||||
description="Whether you're looking to reserve a table for a special occasion, curious about our menu, or just want to say hello, we're here to help. Fill out the form below for table bookings or find us on the map for a direct visit!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us: +91 12345 67890",
|
||||
href: "tel:+911234567890",
|
||||
},
|
||||
text: "Call Us: +91 12345 67890", href: "tel:+911234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,19 +199,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user