369 lines
23 KiB
TypeScript
369 lines
23 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
import {
|
|
Award,
|
|
Cake,
|
|
Calendar,
|
|
Camera,
|
|
ChefHat,
|
|
Croissant,
|
|
Fish,
|
|
Flame,
|
|
Leaf,
|
|
MapPin,
|
|
Music,
|
|
Sparkles,
|
|
Star,
|
|
UtensilsCrossed,
|
|
Utensils,
|
|
} from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Events", id: "events" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Reserve", id: "reservation" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Book Table", href: "reservation" }}
|
|
brandName="Molecule Mathura"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
tag="Premium Rooftop Experience"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Experience Rooftop Dining Like Never Before"
|
|
description="Fine dining, live music, club parties and unforgettable nights in Mathura. Molecule Mathura brings you an elevated nightlife experience with aesthetic ambience, premium cuisine, and vibrant entertainment."
|
|
buttons={[
|
|
{ text: "View Menu", href: "menu" },
|
|
{ text: "Reserve Table", href: "reservation" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223569-ln4mpg90.jpg?_wi=1", imageAlt: "Cafe ambience - warm interior"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223570-ig347zxn.jpg?_wi=1", imageAlt: "Cafe seating area - cozy corner"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223570-tct3bo9s.jpg?_wi=1", imageAlt: "Cafe beverage service"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223570-rulmui8k.jpg?_wi=1", imageAlt: "Cafe dining experience"
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223570-q6x689xq.jpg?_wi=1", imageAlt: "Cafe specialty dish"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-vlogger-dj-answers-phone-call-vibrant-neon-lights_482257-126466.jpg?_wi=1", imageAlt: "DJ night event"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/massaman-curry-frying-pan-with-spices-cement-floor_1150-20779.jpg?_wi=1", imageAlt: "Special chicken curry"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cinnamon-rolls_23-2148904753.jpg", imageAlt: "Gourmet dessert"
|
|
},
|
|
]}
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
tag="About Molecule Mathura"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="Where Premium Meets Panorama"
|
|
description="Molecule Mathura is Mathura's premier rooftop restaurant, offering an unmatched blend of fine dining excellence, aesthetic ambience, and vibrant nightlife. Located at 4th Floor, Sapphire Building, NH-19, above Uma Motors Nexa Showroom in Chaudhary Digamber Singh Nagar, we offer outdoor rooftop seating with breathtaking skyline views. Our venue hosts weekend DJ parties, live singers, corporate gatherings, and club events. Open until 1 AM. Phone: 09045454076."
|
|
imageSrc="http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg"
|
|
imageAlt="Molecule Mathura ambience"
|
|
buttons={[{ text: "Explore Events", href: "events" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
title="Canvas Of Grains - Premium Biryanis"
|
|
description="Exquisitely crafted biryani dishes featuring fragrant basmati, aromatic spices, and premium ingredients. Each creation is a masterpiece of layered flavors and culinary tradition."
|
|
tag="Featured Menu"
|
|
tagIcon={UtensilsCrossed}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "biryani-1", name: "Bagh-E-Bahar Biryani", price: "₹525", imageSrc: "http://img.b2bpic.net/free-psd/aromatic-vegetable-biryani-white-bowl_84443-64966.jpg?_wi=2", imageAlt: "Bagh-E-Bahar Biryani with saffron and rose petals"
|
|
},
|
|
{
|
|
id: "biryani-2", name: "Murgh Nawabi Awadh Biryani", price: "₹575", imageSrc: "http://img.b2bpic.net/free-photo/massaman-curry-frying-pan-with-spices-cement-floor_1150-20779.jpg?_wi=2", imageAlt: "Charcoal grilled chicken biryani"
|
|
},
|
|
{
|
|
id: "biryani-3", name: "Gosht-E-Awadh Dum Biryani", price: "₹675", imageSrc: "http://img.b2bpic.net/free-photo/massaman-curry-frying-pan-with-spices-cement-floor_1150-20779.jpg?_wi=3", imageAlt: "Slow braised mutton dum biryani"
|
|
},
|
|
{
|
|
id: "naan-1", name: "Butter Roti", price: "₹95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-qutabs-cooked-dough-slices-with-seasonings-greens-grey-space_140725-75799.jpg?_wi=1", imageAlt: "Butter roti"
|
|
},
|
|
{
|
|
id: "naan-2", name: "Garlic Butter Naan", price: "₹125", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-qutabs-cooked-dough-slices-with-seasonings-greens-grey-space_140725-75799.jpg?_wi=2", imageAlt: "Garlic butter naan"
|
|
},
|
|
{
|
|
id: "naan-3", name: "Chilli Basil Cheese Naan", price: "₹175", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-qutabs-cooked-dough-slices-with-seasonings-greens-grey-space_140725-75799.jpg?_wi=3", imageAlt: "Chilli basil cheese naan"
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
title="The Roti Mahal & Culinary Specialties"
|
|
description="Explore our exceptional menu sections featuring artisan breads, premium proteins, vegetarian delights, and indulgent desserts. Each category showcases our commitment to culinary excellence and authentic flavors."
|
|
tag="Menu Categories"
|
|
tagIcon={Flame}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
icon: Croissant,
|
|
title: "Artisan Breads", description: "Butter rotis, naans with specialty fillings, parathas, and kulchas crafted fresh from our tandoor."
|
|
},
|
|
{
|
|
icon: ChefHat,
|
|
title: "Non-Veg Specials", description: "Murgh Makhani Maharaja, Nizami Murgh Korma, and Murgh Kastoori Handi with premium spices."
|
|
},
|
|
{
|
|
icon: Leaf,
|
|
title: "Vegetarian Delights", description: "Malai Paneer Shikanji Roll, Nawabi Malai Kofta, and Dal-E-Khaas with rich, creamy sauces."
|
|
},
|
|
{
|
|
icon: Cake,
|
|
title: "Sweet Alchemy", description: "Sweet Potato Brûlée, Warm Chocolate Cake, Matcha Cheesecake Bingsu, and signature desserts."
|
|
},
|
|
{
|
|
icon: Fish,
|
|
title: "Asian & Seafood", description: "Sushi rolls, dim sum, and pan-Asian fusion dishes prepared with authentic techniques."
|
|
},
|
|
{
|
|
icon: Utensils,
|
|
title: "Continental & Italian", description: "Artisan pizzas, fresh pasta dishes, and gourmet continental cuisine with premium ingredients."
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="events" data-section="events">
|
|
<MetricCardSeven
|
|
title="Nightlife Experiences"
|
|
description="Molecule Mathura hosts exclusive events every week. From DJ nights to live singer performances, corporate gatherings to birthday celebrations—we bring your vision to life with premium ambience and entertainment."
|
|
tag="Events"
|
|
tagIcon={Music}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "weekend-dj", value: "Every Fri-Sat", title: "DJ Nights & Club Parties", items: [
|
|
"Professional sound & lighting", "Dance floor & premium sound system", "Curated playlist for nightlife"
|
|
]
|
|
},
|
|
{
|
|
id: "live-singer", value: "Bi-Weekly", title: "Live Singer Nights", items: [
|
|
"Intimate acoustic performances", "Premium stage setup", "Memorable musical experience"
|
|
]
|
|
},
|
|
{
|
|
id: "corporate", value: "Custom", title: "Corporate Events", items: [
|
|
"Full event planning support", "Dedicated event space", "Professional catering service"
|
|
]
|
|
},
|
|
{
|
|
id: "birthday", value: "Any Date", title: "Birthday Celebrations", items: [
|
|
"Special decoration setup", "Custom menu curation", "Entertainment coordination"
|
|
]
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardThree
|
|
title="Visual Journey"
|
|
description="Witness the magic of Molecule Mathura through stunning visuals. From mouthwatering dishes to electrifying nightlife moments, every frame captures our essence."
|
|
tag="Gallery"
|
|
tagIcon={Camera}
|
|
tagAnimation="slide-up"
|
|
blogs={[
|
|
{
|
|
id: "gallery-1", category: "Cafe Ambience", title: "Warm Interior Spaces", excerpt: "Discover the cozy and welcoming atmosphere of our cafe with beautiful lighting and comfortable seating.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223569-ln4mpg90.jpg?_wi=2", imageAlt: "Cafe ambience - warm interior", authorName: "Molecule Mathura", authorAvatar: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg", date: "Featured"
|
|
},
|
|
{
|
|
id: "gallery-2", category: "Cafe Seating", title: "Cozy Corner Designs", excerpt: "Experience comfortable seating arrangements perfect for meetings, dates, or casual hangouts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223570-ig347zxn.jpg?_wi=2", imageAlt: "Cafe seating area - cozy corner", authorName: "Molecule Mathura", authorAvatar: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg", date: "Featured"
|
|
},
|
|
{
|
|
id: "gallery-3", category: "Cafe Service", title: "Premium Beverages", excerpt: "Explore our curated collection of specialty coffees, teas, and signature cafe beverages.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223570-tct3bo9s.jpg?_wi=2", imageAlt: "Cafe beverage service", authorName: "Molecule Mathura", authorAvatar: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg", date: "Featured"
|
|
},
|
|
{
|
|
id: "gallery-4", category: "Cafe Dining", title: "Culinary Excellence", excerpt: "Beautiful plating and presentation of our signature cafe dishes and gourmet specialties.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223570-rulmui8k.jpg?_wi=2", imageAlt: "Cafe dining experience", authorName: "Molecule Mathura", authorAvatar: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg", date: "Featured"
|
|
},
|
|
{
|
|
id: "gallery-5", category: "Cafe Specialty", title: "Signature Dishes", excerpt: "Taste our unique cafe creations combining local ingredients with modern culinary techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab230vTCOsrPDtp9qWy81lMh3U/uploaded-1772847223570-q6x689xq.jpg?_wi=2", imageAlt: "Cafe specialty dish", authorName: "Molecule Mathura", authorAvatar: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg", date: "Featured"
|
|
},
|
|
{
|
|
id: "gallery-6", category: "Entertainment", title: "Cafe Vibes", excerpt: "Experience the perfect blend of relaxation, good food, and great company at Molecule Mathura.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-vlogger-dj-answers-phone-call-vibrant-neon-lights_482257-126466.jpg?_wi=2", imageAlt: "DJ night event", authorName: "Molecule Mathura", authorAvatar: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg", date: "Featured"
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Guests Say"
|
|
description="Gen Z and young professionals share their unforgettable experiences at Molecule Mathura. From first dates to group celebrations, every moment is Instagram-worthy."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Priya Sharma", handle: "@priya.explores", testimonial: "The rooftop ambience is absolutely stunning! Every detail is Instagram-perfect. The food is delicious, and the DJ sets are incredible. Molecule Mathura is now my favorite weekend spot!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-isolated-showing-emotions-end-gestures_1303-30107.jpg", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Arjun Verma", handle: "@arjun.nights", testimonial: "Best dining experience in Mathura! The biryani is exceptional, the service is top-notch, and the vibes are unmatched. Already planning my next visit with friends.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-reading-glasses-having-lights-his-face_23-2148283866.jpg", imageAlt: "Arjun Verma"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Anjali Gupta", handle: "@anjali.foodie", testimonial: "We celebrated our birthday here, and it was absolutely magical. The team was so accommodating, the food was premium quality, and the entire experience felt so special.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-talking-phone_23-2147778687.jpg", imageAlt: "Anjali Gupta"
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Vikram Singh", handle: "@vikram.lifestyle", testimonial: "The cocktails are craft-quality, the ambience is premium nightlife vibes, and the location offers the best skyline views. This is where you experience rooftop dining done right!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-blonde-businesswoman_23-2147626495.jpg", imageAlt: "Vikram Singh"
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Neha Desai", handle: "@neha.experiences", testimonial: "Everything here screams luxury and aesthetics. From the plating of dishes to the lighting design, it's a visual feast. The live music nights are unforgettable!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-drinking-coffee_158595-3827.jpg", imageAlt: "Neha Desai"
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "Rohan Patel", handle: "@rohan.vibes", testimonial: "Hosted my corporate event here, and it was flawless! The venue, the catering, the DJ service—everything was premium. Highly recommend Molecule Mathura for any celebration!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-lovely-positive-afro-american-woman-with-curly-hair-wears-orange-jumper-being-high-spirit-stands-blue-wall-with-free-space-your-promotional-content-good-emotions-concept_273609-26376.jpg", imageAlt: "Rohan Patel"
|
|
},
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reservation" data-section="reservation">
|
|
<ContactCenter
|
|
tag="Reserve Your Seat"
|
|
tagIcon={Calendar}
|
|
tagAnimation="slide-up"
|
|
title="Book Your Table at Molecule Mathura"
|
|
description="Reserve your spot for an unforgettable rooftop dining experience. Secure your table for intimate dinners, group celebrations, or corporate events. Open until 1 AM."
|
|
background={{ variant: "plain" }}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Book Now"
|
|
termsText="We'll send you table reservation options and event details. Check your email for confirmation."
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SocialProofOne
|
|
title="Connect With Molecule Mathura"
|
|
description="Get in touch with us for reservations, event inquiries, or to experience the ultimate rooftop dining destination."
|
|
tag="Contact & Location"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"📞 Phone: 09045454076", "📍 4th Floor, Sapphire Building, NH-19", "🏢 Above Uma Motors Nexa Showroom", "🏘️ Chaudhary Digamber Singh Nagar, Mathura", "⏰ Open Until 1 AM Daily", "📸 Follow: @molecule__mathura", "🎉 Events: DJ Parties, Live Music, Corporate Events"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Experience", items: [
|
|
{ label: "Menu", href: "menu" },
|
|
{ label: "Events", href: "events" },
|
|
{ label: "Gallery", href: "gallery" },
|
|
{ label: "Reserve Table", href: "reservation" },
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Services", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact Us", href: "contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://www.instagram.com/molecule__mathura" },
|
|
{ label: "Phone", href: "tel:09045454076" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Molecule Mathura. Premium Rooftop Restaurant & Nightlife Venue. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|