Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d82902b305 | |||
| b3fe20eca5 | |||
| 116cc37944 | |||
| 403771d08b | |||
| c91346e0f5 | |||
| 90b602b9f7 | |||
| 2a2158c255 | |||
| 182e95e31a |
217
src/app/page.tsx
217
src/app/page.tsx
@@ -2,14 +2,13 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
import { Utensils } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -23,208 +22,96 @@ export default function LandingPage() {
|
|||||||
cardStyle="gradient-bordered"
|
cardStyle="gradient-bordered"
|
||||||
primaryButtonStyle="double-inset"
|
primaryButtonStyle="double-inset"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="light"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Menu", id: "menu" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Mukka Meeda Moju"
|
brandName="Mukka Meeda Moju"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboardSplit
|
<HeroCarouselLogo
|
||||||
background={{
|
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
logoText="Mukka Meeda Moju"
|
logoText="Mukka Meeda Moju"
|
||||||
description="Authentic flavors that capture the true essence of traditional culinary delights. Experience food crafted with passion and heritage."
|
description="Authentic flavors that capture the true essence of traditional culinary delights. Experience food crafted with passion and heritage."
|
||||||
buttons={[
|
buttons={[{ text: "Explore Menu", href: "#menu" }]}
|
||||||
{
|
slides={[
|
||||||
text: "Reserve Table",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-bucket-with-forks-napkins-trendy-cafe-table_181624-8190.jpg", imageAlt: "Authentic dining" },
|
||||||
href: "#contact",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg?_wi=1", imageAlt: "Chef special" }
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
autoplayDelay={4000}
|
||||||
layoutOrder="default"
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-bucket-with-forks-napkins-trendy-cafe-table_181624-8190.jpg"
|
|
||||||
imageAlt="Authentic restaurant ambiance"
|
|
||||||
mediaAnimation="blur-reveal"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<TextSplitAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
tag="Our Story"
|
|
||||||
title="A Tradition of Taste"
|
title="A Tradition of Taste"
|
||||||
description="Mukka Meeda Moju was born out of a love for genuine flavors. Every recipe is a homage to the culinary roots we cherish, brought to life for your dining pleasure."
|
description={[
|
||||||
subdescription="We use fresh ingredients and time-honored techniques to ensure every bite tells a story of authenticity and comfort."
|
"Mukka Meeda Moju was born out of a love for genuine flavors. Every recipe is a homage to the culinary roots we cherish, brought to life for your dining pleasure.", "We use fresh ingredients and time-honored techniques to ensure every bite tells a story of authenticity and comfort."
|
||||||
icon={Utensils}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/kitchen-shelf-with-various-herbs-spices-seeds-legumes-cutting-boards-utensils-white_114579-10193.jpg"
|
buttons={[{ text: "Learn More" }]}
|
||||||
imageAlt="Chef preparing traditional dishes"
|
|
||||||
mediaAnimation="blur-reveal"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardThree
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split-description"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
animationType="slide-up"
|
||||||
{
|
gridVariant="three-columns-all-equal-width"
|
||||||
id: "p1",
|
textboxLayout="split-description"
|
||||||
name: "Traditional Feast",
|
|
||||||
price: "$18",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-arugula-greens-orange-tomato-bread_140725-10998.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Heritage Spice Curry",
|
|
||||||
price: "$15",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mangal-salad-with-dill-tomatoes_114579-4304.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Chef's Special Delight",
|
|
||||||
price: "$22",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Signature Specialties"
|
title="Signature Specialties"
|
||||||
description="Discover our most cherished culinary creations, prepared fresh daily."
|
description="Discover our most cherished culinary creations, prepared fresh daily."
|
||||||
|
products={[
|
||||||
|
{ id: "p1", brand: "Traditional", name: "Feast", price: "$18", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-arugula-greens-orange-tomato-bread_140725-10998.jpg" },
|
||||||
|
{ id: "p2", brand: "Heritage", name: "Spice Curry", price: "$15", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mangal-salad-with-dill-tomatoes_114579-4304.jpg" },
|
||||||
|
{ id: "p3", brand: "Chef's", name: "Special Delight", price: "$22", rating: 4, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg?_wi=2" },
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardOne
|
<TestimonialCardTen
|
||||||
animationType="slide-up"
|
useInvertedBackground={false}
|
||||||
textboxLayout="split-description"
|
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Ananya Reddy",
|
|
||||||
role: "Food Blogger",
|
|
||||||
company: "FlavorFinds",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Vikram Singh",
|
|
||||||
role: "Local Patron",
|
|
||||||
company: "Resident",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Sneha Iyer",
|
|
||||||
role: "Culinary Critic",
|
|
||||||
company: "The Daily Palate",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-salmon-bowls_23-2150427594.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Rahul Verma",
|
|
||||||
role: "Frequent Diner",
|
|
||||||
company: "Business Traveler",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-people-girl-happy-lunch_1303-1901.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Meera Joshi",
|
|
||||||
role: "Local Enthusiast",
|
|
||||||
company: "City Foodie",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-people-girl-happy-lunch_1303-1901.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Guest Experiences"
|
title="Guest Experiences"
|
||||||
description="What our patrons say about their dining journey with us."
|
description="What our patrons say about their dining journey with us."
|
||||||
|
textboxLayout="split-description"
|
||||||
|
testimonials={[
|
||||||
|
{ id: "1", title: "Exceptional Experience", quote: "The best traditional food I have tasted!", name: "Ananya Reddy", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg" },
|
||||||
|
{ id: "2", title: "Authentic Taste", quote: "Reminds me of home-cooked meals.", name: "Vikram Singh", role: "Local Patron", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg" },
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
mediaAnimation="none"
|
||||||
variant: "plain",
|
title="Reserve Your Table"
|
||||||
}}
|
description="Fill in your details below and we will get back to you shortly to confirm your booking."
|
||||||
text="Visit us at Mukka Meeda Moju. We are ready to serve you a meal you won't forget. Book your reservation today!"
|
inputs={[
|
||||||
buttons={[
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||||
{
|
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||||
text: "Contact Us",
|
|
||||||
href: "tel:+910000000000",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
textarea={{ name: "message", placeholder: "Special instructions or seating requests?" }}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/kitchen-shelf-with-various-herbs-spices-seeds-legumes-cutting-boards-utensils-white_114579-10193.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterLogoEmphasis
|
||||||
logoText="Mukka Meeda Moju"
|
logoText="Mukka Meeda Moju"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||||
title: "Navigate",
|
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Home",
|
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2025 Mukka Meeda Moju. All rights reserved."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user