250 lines
14 KiB
TypeScript
250 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Heart, Sparkles, Star, UtensilsCrossed, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Ondu Motteya Kanthe"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Community", id: "community" },
|
|
{ name: "Visit", id: "contact" },
|
|
{ name: "Order", id: "order" }
|
|
]}
|
|
button={{ text: "Order on WhatsApp", href: "https://wa.me/919876543210" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Every Egg Has A Story"
|
|
description="Creative egg dishes, cozy vibes, and a cafe that believes kindness belongs on every plate. From Korean egg rice to egg kulfi—discover flavors you won't find anywhere else in Bangalore."
|
|
tag="Unique Egg Cuisine"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View Menu & Visit", href: "#menu" },
|
|
{ text: "Order on WhatsApp", href: "https://wa.me/919876543210" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-woman-having-cup-coffee_171337-17117.jpg"
|
|
imageAlt="Cozy Ondu Motteya Kanthe Cafe interior with warm lighting"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Celebrating Community Through Food"
|
|
description="At Ondu Motteya Kanthe, we believe great food brings people together. Our passion for creative egg-based dishes, combined with our genuine care for pets and street animals, makes us more than just a cafe. We're a neighborhood gathering place where every guest—furry friends included—belongs."
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#community" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-man-cooking-delicious-pizza_23-2150306995.jpg"
|
|
imageAlt="Our team passionate about cafe and community"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Why Choose Ondu Motteya Kanthe"
|
|
description="We're not just another cafe. We're a community hub that celebrates creativity, affordability, and compassion."
|
|
tag="Core Strengths"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "40+ Unique Egg Dishes", tags: ["Creative Cuisine", "Exclusive Menu"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food-restaurant_23-2149269146.jpg", imageAlt: "Creative specialty egg dishes with modern presentation"
|
|
},
|
|
{
|
|
id: "2", title: "Pocket-Friendly Pricing", tags: ["Affordable", "Quality Value"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-waiter-showing-slate-with-open-sign-cafa_1170-607.jpg", imageAlt: "Budget-conscious cafe pricing"
|
|
},
|
|
{
|
|
id: "3", title: "Pet-Friendly Space", tags: ["Pets Welcome", "Dog Lovers"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-young-woman-drinking-coffee-caf_23-2147871313.jpg", imageAlt: "Pet-friendly cafe outdoor seating area"
|
|
},
|
|
{
|
|
id: "4", title: "Community Heart", tags: ["Local Vibes", "Caring Values"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg", imageAlt: "Cafe community gathering space"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Menu Highlights"
|
|
description="Discover our signature creations that keep customers coming back. Each dish tells a story of innovation and care."
|
|
tag="Featured Dishes"
|
|
tagIcon={UtensilsCrossed}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Korean Egg Fried Rice", price: "₹280", variant: "Spicy, Medium, Serves 1", imageSrc: "http://img.b2bpic.net/free-psd/web-banner-template-japanese-restaurant_23-2148203257.jpg?_wi=1", imageAlt: "Korean style egg fried rice in ceramic bowl"
|
|
},
|
|
{
|
|
id: "2", name: "Egg Kulfi", price: "₹120", variant: "Traditional Indian Dessert", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dessert-bowl_23-2149312384.jpg", imageAlt: "Creamy egg kulfi on stick with garnish"
|
|
},
|
|
{
|
|
id: "3", name: "Café's Signature Eggs Benedict", price: "₹320", variant: "Hollandaise, Toast, Fresh Herbs", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129689.jpg", imageAlt: "Gourmet eggs benedict with asparagus"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Community Says"
|
|
description="Real stories from Bangalore foodies, pet lovers, and neighborhood regulars who've experienced the Ondu Motteya Kanthe difference."
|
|
tag="Customer Love"
|
|
tagIcon={Heart}
|
|
tagAnimation="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", handle: "@bangalore.foodie", testimonial: "Finally found a cafe that serves creative egg dishes at prices that don't break the bank. The Korean egg rice is pure magic, and the vibes are unmatched!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", imageAlt: "Priya Sharma, happy customer"
|
|
},
|
|
{
|
|
id: "2", name: "Rajesh Nair", handle: "@petparent_bangalore", testimonial: "As a dog parent, I always struggled finding cafes that welcome my furry friend. Ondu Motteya Kanthe changed that for us. They genuinely care about pets!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", imageAlt: "Rajesh Nair, pet-loving customer"
|
|
},
|
|
{
|
|
id: "3", name: "Aisha Khan", handle: "@local.explorer", testimonial: "A neighborhood gem that feels authentic and warm. Great food, even better people. This is what community dining should feel like.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg", imageAlt: "Aisha Khan, local community member"
|
|
},
|
|
{
|
|
id: "4", name: "Vikram Patel", handle: "@budget.conscious", testimonial: "Premium quality egg dishes at cafe prices—that's the Ondu Motteya Kanthe promise. Egg kulfi is my new obsession. Worth every rupee!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-three_1398-2899.jpg", imageAlt: "Vikram Patel, satisfied customer"
|
|
},
|
|
{
|
|
id: "5", name: "Sophia Martin", handle: "@instafoodie", testimonial: "The egg dishes here are Instagram gold, and the cafe's commitment to helping street dogs makes you feel good about eating here. Love this place!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-black-t-shirt-happy-excited-showing-thumbs-up-standing-green-wall_141793-81905.jpg", imageAlt: "Sophia Martin, food blogger"
|
|
},
|
|
{
|
|
id: "6", name: "Deepika Menon", handle: "@weekend.brunch", testimonial: "Came for the food, stayed for the community. Regular spot for my weekend brunch now. Exceptional service and heartfelt owners.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-bed-showing-ok-gesture_23-2147767529.jpg", imageAlt: "Deepika Menon, cafe regular"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="community" data-section="community">
|
|
<MetricCardEleven
|
|
title="Our Community Impact"
|
|
description="Beyond great food, we're committed to creating positive change for animals and people in our neighborhood."
|
|
tag="Values Matter"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "40+", title: "Egg Dishes", description: "Unique creative recipes developed with passion", imageSrc: "http://img.b2bpic.net/free-psd/web-banner-template-japanese-restaurant_23-2148203257.jpg?_wi=2", imageAlt: "Creative egg dishes showcase"
|
|
},
|
|
{
|
|
id: "2", value: "100+", title: "Street Dogs Supported", description: "Through care initiatives and community programs", imageSrc: "http://img.b2bpic.net/free-photo/cute-shiba-inu-pet-with-family_23-2149428933.jpg", imageAlt: "Street dogs receiving care and support"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Visit us soon! Reserve a table, ask about our menu, or just stop by for your next coffee break. We'd love to meet you and your furry friends."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your visit or question...", rows: 5, required: false }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg"
|
|
imageAlt="Ondu Motteya Kanthe Cafe interior seating area"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/living-room-interior_181624-29966.jpg"
|
|
imageAlt="Ondu Motteya Kanthe Cafe exterior"
|
|
logoText="Ondu Motteya Kanthe"
|
|
copyrightText="© 2025 Ondu Motteya Kanthe Cafe | Crafted with love & eggs"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Signature Dishes", href: "#menu" },
|
|
{ label: "Pricing", href: "#menu" },
|
|
{ label: "Special Orders", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Pet-Friendly", href: "#features" },
|
|
{ label: "Our Values", href: "#community" },
|
|
{ label: "Street Dog Support", href: "#community" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Order on WhatsApp", href: "https://wa.me/919876543210" },
|
|
{ label: "Follow Us", href: "https://instagram.com" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |