Merge version_2 into main #3
262
src/app/menu/page.tsx
Normal file
262
src/app/menu/page.tsx
Normal file
@@ -0,0 +1,262 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Utensils, Phone } from 'lucide-react';
|
||||
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Kottayam Cafe"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
animateOnLoad={true}
|
||||
className="rounded-pill shadow-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kerala-meals" data-section="kerala-meals" className="pt-24">
|
||||
<ProductCardFour
|
||||
title="Kerala Meals"
|
||||
description="Traditional Kerala meals served on banana leaves with sambar, rasam, and seasonal curries. Authentic recipes passed down through generations."
|
||||
tag="Menu Category"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "km-1", name: "Traditional Kerala Sadhya", price: "₹280", variant: "Rice, Sambar, Rasam, Avial, Pachadi, Papadum, Pickle", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Traditional Kerala Sadhya on banana leaf"
|
||||
},
|
||||
{
|
||||
id: "km-2", name: "Fish Curry Rice", price: "₹250", variant: "Tender fish in aromatic coconut curry with steamed rice", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Fish Curry Rice - Kerala specialty"
|
||||
},
|
||||
{
|
||||
id: "km-3", name: "Chicken Stew Rice", price: "₹240", variant: "Tender chicken in creamy coconut stew with basmati rice", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Chicken Stew Rice"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Kerala Meals menu category"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dosa-south-indian" data-section="dosa-south-indian">
|
||||
<ProductCardFour
|
||||
title="Dosa & South Indian"
|
||||
description="Crispy dosas, idlis, and vadas served with sambar and chutney. Made fresh to order using traditional methods."
|
||||
tag="Menu Category"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "ds-1", name: "Masala Dosa", price: "₹120", variant: "Crispy dosa with spiced potato filling, served with sambar and chutney", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Masala Dosa - crispy and golden"
|
||||
},
|
||||
{
|
||||
id: "ds-2", name: "Plain Dosa", price: "₹90", variant: "Traditional crispy dosa without filling", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Plain Dosa"
|
||||
},
|
||||
{
|
||||
id: "ds-3", name: "Idli Sambar", price: "₹80", variant: "Soft steamed idlis served with hot sambar and chutney", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Idli Sambar - South Indian breakfast"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Dosa and South Indian menu category"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kerala-parotta-curries" data-section="kerala-parotta-curries">
|
||||
<ProductCardFour
|
||||
title="Kerala Parotta & Curries"
|
||||
description="Flaky, layered Kerala parottas paired with rich, aromatic curries. A beloved combination perfect for any meal."
|
||||
tag="Menu Category"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "kpc-1", name: "Beef Parotta", price: "₹180", variant: "2 Parottas with spiced beef curry", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Beef Parotta - Kerala favorite"
|
||||
},
|
||||
{
|
||||
id: "kpc-2", name: "Chicken Parotta", price: "₹150", variant: "2 Parottas with tender chicken curry", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Chicken Parotta"
|
||||
},
|
||||
{
|
||||
id: "kpc-3", name: "Fish Parotta", price: "₹160", variant: "2 Parottas with Kerala fish curry", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Fish Parotta"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Kerala Parotta and Curries menu category"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="north-indian" data-section="north-indian">
|
||||
<ProductCardFour
|
||||
title="North Indian Dishes"
|
||||
description="Popular North Indian favorites prepared with authentic spices and techniques. Enjoy classics like butter chicken and paneer dishes."
|
||||
tag="Menu Category"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "ni-1", name: "Butter Chicken", price: "₹220", variant: "Tender chicken in creamy tomato butter sauce with naan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Butter Chicken - North Indian classic"
|
||||
},
|
||||
{
|
||||
id: "ni-2", name: "Palak Paneer", price: "₹180", variant: "Cottage cheese in spinach gravy with naan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Palak Paneer"
|
||||
},
|
||||
{
|
||||
id: "ni-3", name: "Tandoori Chicken", price: "₹210", variant: "Marinated in yogurt and spices, served with naan", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Tandoori Chicken"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="North Indian Dishes menu category"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="vegetarian-specials" data-section="vegetarian-specials">
|
||||
<ProductCardFour
|
||||
title="Vegetarian Specials"
|
||||
description="Delicious vegetarian options bursting with flavor. Perfect for vegetarians and those looking for lighter meals."
|
||||
tag="Menu Category"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "vs-1", name: "Vegetable Stew Rice", price: "₹140", variant: "Mixed vegetables in coconut stew with steamed rice", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Vegetable Stew Rice"
|
||||
},
|
||||
{
|
||||
id: "vs-2", name: "Chana Masala", price: "₹130", variant: "Chickpeas in aromatic tomato spice with basmati rice", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Chana Masala"
|
||||
},
|
||||
{
|
||||
id: "vs-3", name: "Avial Rice", price: "₹120", variant: "Mix of seasonal vegetables in coconut and yogurt sauce", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Avial Rice - Kerala vegetarian specialty"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Vegetarian Specials menu category"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kids-menu" data-section="kids-menu">
|
||||
<ProductCardFour
|
||||
title="Kids Menu"
|
||||
description="Mild, nutritious options specially prepared for children. Tasty and healthy meals kids will love."
|
||||
tag="Menu Category"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "km-1", name: "Mild Chicken Rice", price: "₹110", variant: "Tender chicken with mild spices and steamed rice", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Mild Chicken Rice for Kids"
|
||||
},
|
||||
{
|
||||
id: "km-2", name: "Veggie Dosa", price: "₹80", variant: "Crispy dosa with mild potato filling", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Veggie Dosa for Kids"
|
||||
},
|
||||
{
|
||||
id: "km-3", name: "Buttered Naan & Dal", price: "₹100", variant: "Soft naan with mild lentil curry", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Buttered Naan and Dal"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Kids Menu category"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="beverages" data-section="beverages">
|
||||
<ProductCardFour
|
||||
title="Beverages"
|
||||
description="Refreshing drinks to complement your meal. From traditional masala chai to fresh fruit juices."
|
||||
tag="Menu Category"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "bev-1", name: "Masala Chai", price: "₹40", variant: "Aromatic spiced tea with milk", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Masala Chai"
|
||||
},
|
||||
{
|
||||
id: "bev-2", name: "Fresh Mango Lassi", price: "₹80", variant: "Creamy yogurt drink with fresh mango", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Fresh Mango Lassi"
|
||||
},
|
||||
{
|
||||
id: "bev-3", name: "Coconut Water", price: "₹60", variant: "Fresh coconut water served chilled", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Fresh Coconut Water"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Beverages menu category"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Contact", href: "/#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Get In Touch", items: [
|
||||
{ label: "📞 09940115335", href: "tel:09940115335" },
|
||||
{ label: "💬 WhatsApp Order", href: "https://wa.me/919940115335" },
|
||||
{ label: "📍 Get Directions", href: "https://maps.google.com/?q=Kottayam+Cafe+Kerala+Restaurant+Nolambur+Chennai" },
|
||||
{ label: "📧 Catering Inquiry", href: "mailto:info@kottayamcafe.local" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hours & Location", items: [
|
||||
{ label: "Mon-Fri: 10 AM - 10 PM", href: "#" },
|
||||
{ label: "Sat-Sun: 9 AM - 11 PM", href: "#" },
|
||||
{ label: "48, Nolambur, Ambattur", href: "https://maps.google.com/?q=48+Nolambur+Ambattur+Industrial+Estate+Chennai+600037" },
|
||||
{ label: "Tamil Nadu 600037", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Kottayam Cafe Kerala Restaurant. All rights reserved."
|
||||
bottomRightText="Made with ❤️ in Nolambur"
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
570
src/app/page.tsx
570
src/app/page.tsx
@@ -8,199 +8,405 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { MapPin, ChefHat, Utensils, Phone } from 'lucide-react';
|
||||
import { MapPin, ChefHat, Utensils, Phone, MapIcon, MessageCircle } from 'lucide-react';
|
||||
import Script from 'next/script';
|
||||
import Head from 'next/head';
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Kottayam Cafe"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Dishes", id: "dishes" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
animateOnLoad={true}
|
||||
className="rounded-pill shadow-sm"
|
||||
/>
|
||||
</div>
|
||||
<>
|
||||
<Head>
|
||||
{/* SEO Meta Tags */}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description" content="Authentic Kerala and South Indian cuisine in Nolambur, Ambattur. Traditional meals, affordable pricing (₹200-400), family dining, and catering services. Call 09940115335 or order on WhatsApp." />
|
||||
<meta name="keywords" content="Kerala food, South Indian restaurant, Nolambur Chennai, authentic Kerala meals, family dining, catering services" />
|
||||
<meta property="og:title" content="Kottayam Cafe - Authentic Kerala Food in Nolambur, Chennai" />
|
||||
<meta property="og:description" content="Authentic Kerala and South Indian cuisine in Nolambur, Ambattur. Traditional meals, affordable pricing (₹200-400), family dining, and catering services. Call 09940115335 or order on WhatsApp." />
|
||||
<meta property="og:type" content="business.business" />
|
||||
<meta property="og:url" content="https://kottayamcafe.local" />
|
||||
<meta property="og:image" content="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="Kottayam Cafe - Authentic Kerala Food in Nolambur, Chennai" />
|
||||
<meta name="twitter:description" content="Authentic Kerala and South Indian cuisine in Nolambur, Ambattur. Traditional meals, affordable pricing (₹200-400), family dining, and catering services." />
|
||||
<meta name="twitter:image" content="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg" />
|
||||
<link rel="canonical" href="https://kottayamcafe.local" />
|
||||
</Head>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Authentic Kerala Food in Nolambur"
|
||||
description="Traditional Kerala meals, South Indian favorites, and family dining in Ambattur Industrial Estate. Experience authentic flavors, fresh ingredients, and warm hospitality."
|
||||
tag="Local Favorite"
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg?_wi=1"
|
||||
imageAlt="Authentic Kerala banana leaf meal"
|
||||
imagePosition="right"
|
||||
mediaAnimation="opacity"
|
||||
buttons={[
|
||||
{ text: "📞 Call Now", href: "tel:09940115335" },
|
||||
{ text: "💬 Order on WhatsApp", href: "https://wa.me/919940115335" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rajesh Kumar", handle: "Regular Customer", testimonial: "Authentic Kerala meals and excellent service. Best place for traditional food in Nolambur!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg", imageAlt: "Rajesh Kumar"
|
||||
{/* LocalBusiness Schema */}
|
||||
<Script
|
||||
id="localBusinessSchema"
|
||||
type="application/ld+json"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: JSON.stringify({
|
||||
"@context": "https://schema.org", "@type": "LocalBusiness", "name": "Kottayam Cafe", "image": "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg", "description": "Authentic Kerala and South Indian cuisine in Nolambur, Ambattur. Traditional meals, affordable pricing, family dining, and catering services.", "telephone": "+919940115335", "address": {
|
||||
"@type": "PostalAddress", "streetAddress": "48, Nolambur, Ambattur Industrial Estate", "addressLocality": "Chennai", "addressRegion": "Tamil Nadu", "postalCode": "600037", "addressCountry": "IN"
|
||||
},
|
||||
{
|
||||
name: "Priya Singh", handle: "Family Diner", testimonial: "Great ambiance, affordable prices, and delicious dishes. Our family loves coming here!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", imageAlt: "Priya Singh"
|
||||
},
|
||||
{
|
||||
name: "Vikram Iyer", handle: "Office Worker", testimonial: "Quick, tasty meals perfect for lunch. The Kerala Parotta is absolutely incredible!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", imageAlt: "Vikram Iyer"
|
||||
},
|
||||
{
|
||||
name: "Anjali Nair", handle: "Food Enthusiast", testimonial: "Finally found authentic Kerala food right here. Fresh ingredients and traditional recipes shine through!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-staff_1098-15450.jpg", imageAlt: "Anjali Nair"
|
||||
"url": "https://kottayamcafe.local", "sameAs": "https://wa.me/919940115335", "openingHoursSpecification": [
|
||||
{
|
||||
"@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
|
||||
"opens": "10:00", "closes": "22:00"
|
||||
},
|
||||
{
|
||||
"@type": "OpeningHoursSpecification", "dayOfWeek": ["Saturday", "Sunday"],
|
||||
"opens": "09:00", "closes": "23:00"
|
||||
}
|
||||
],
|
||||
"priceRange": "₹₹", "servesCuisine": "Kerala, South Indian", "aggregateRating": {
|
||||
"@type": "AggregateRating", "ratingValue": "5", "ratingCount": "150"
|
||||
}
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
ariaLabel="Kottayam Cafe Kerala Restaurant Hero"
|
||||
/>
|
||||
</div>
|
||||
})
|
||||
}}
|
||||
/>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Experience Authentic Kerala Cuisine"
|
||||
description="At Kottayam Cafe, we celebrate the rich culinary traditions of Kerala with fresh ingredients, time-honored recipes, and a warm family atmosphere. Whether you're a local looking for your favorite meal or a visitor seeking authentic Kerala flavors, we welcome you with traditional hospitality and exceptional dishes."
|
||||
tag="Our Story"
|
||||
tagIcon={ChefHat}
|
||||
tagAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/talk-by-festive-table_1098-16046.jpg"
|
||||
imageAlt="Kottayam Cafe Kerala restaurant interior"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#dishes" },
|
||||
{ text: "Reserve Table", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
ariaLabel="About Kottayam Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardFour
|
||||
title="Our Popular Dishes"
|
||||
description="Discover our most loved Kerala and South Indian specialties. Each dish is prepared with authentic recipes and fresh ingredients."
|
||||
tag="Menu Highlights"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Kerala Meals", price: "₹250", variant: "Rice, Sambar, Rasam, Curry", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Kerala Meals - traditional banana leaf meal"
|
||||
{/* Restaurant Schema */}
|
||||
<Script
|
||||
id="restaurantSchema"
|
||||
type="application/ld+json"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: JSON.stringify({
|
||||
"@context": "https://schema.org", "@type": "Restaurant", "name": "Kottayam Cafe", "image": "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg", "description": "Authentic Kerala and South Indian cuisine restaurant", "telephone": "+919940115335", "address": {
|
||||
"@type": "PostalAddress", "streetAddress": "48, Nolambur, Ambattur Industrial Estate", "addressLocality": "Chennai", "addressRegion": "Tamil Nadu", "postalCode": "600037", "addressCountry": "IN"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Appam & Stew", price: "₹180", variant: "Soft Appam, Vegetable Stew", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Appam and Stew - Kerala breakfast specialty"
|
||||
"reservationUrl": "https://kottayamcafe.local#contact", "priceRange": "₹₹", "servesCuisine": "Kerala, South Indian", "menu": "https://kottayamcafe.local#dishes", "openingHoursSpecification": [
|
||||
{
|
||||
"@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
|
||||
"opens": "10:00", "closes": "22:00"
|
||||
},
|
||||
{
|
||||
"@type": "OpeningHoursSpecification", "dayOfWeek": ["Saturday", "Sunday"],
|
||||
"opens": "09:00", "closes": "23:00"
|
||||
}
|
||||
],
|
||||
"aggregateRating": {
|
||||
"@type": "AggregateRating", "ratingValue": "5", "ratingCount": "150"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Fish Curry", price: "₹220", variant: "With Rice or Parotta", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Fish Curry - authentic Kerala preparation"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "🍽️ Full Menu", href: "tel:09940115335" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Popular dishes from Kottayam Cafe"
|
||||
/>
|
||||
</div>
|
||||
"review": [
|
||||
{
|
||||
"@type": "Review", "author": "Rajesh Kumar", "reviewRating": {
|
||||
"@type": "Rating", "ratingValue": "5"
|
||||
},
|
||||
"reviewBody": "Authentic Kerala meals and excellent service. Best place for traditional food in Nolambur!"
|
||||
},
|
||||
{
|
||||
"@type": "Review", "author": "Priya Singh", "reviewRating": {
|
||||
"@type": "Rating", "ratingValue": "5"
|
||||
},
|
||||
"reviewBody": "Great ambiance, affordable prices, and delicious dishes. Our family loves coming here!"
|
||||
}
|
||||
]
|
||||
})
|
||||
}}
|
||||
/>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Kottayam Cafe serves authentic Kerala meals that transport you straight to Kerala. The flavors are genuine, the service is warm, and the prices are incredibly fair. It's become our go-to spot for family dinners and quick office lunches!"
|
||||
rating={5}
|
||||
author="Raj Patel, Regular Customer"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg", alt: "Testimonial customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", alt: "Testimonial customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Testimonial customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cafe-staff_1098-15450.jpg", alt: "Testimonial customer 4" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="opacity"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Customer testimonial for Kottayam Cafe"
|
||||
/>
|
||||
</div>
|
||||
{/* Google Analytics */}
|
||||
<Script
|
||||
id="googleAnalytics"
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"
|
||||
/>
|
||||
<Script
|
||||
id="googleAnalyticsConfig"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-XXXXXXXXXX');
|
||||
`
|
||||
}}
|
||||
/>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="blur-reveal"
|
||||
title="Reserve Your Table or Place an Order"
|
||||
description="Contact us to book a table for your family gathering, order for takeaway, or inquire about our catering services. We're just a call or message away!"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg?_wi=2"
|
||||
imageAlt="Fresh Kerala meals ready to serve"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your phone number"
|
||||
buttonText="📞 Contact Us"
|
||||
termsText="We respect your privacy. Your details are used only for reservation and order confirmation."
|
||||
ariaLabel="Contact section for reservations and orders"
|
||||
/>
|
||||
</div>
|
||||
{/* Google Maps API */}
|
||||
<Script
|
||||
id="googleMapsAPI"
|
||||
src="https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_MAPS_API_KEY&libraries=places,geometry"
|
||||
strategy="afterInteractive"
|
||||
/>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Dishes", href: "#dishes" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Get In Touch", items: [
|
||||
{ label: "📞 09940115335", href: "tel:09940115335" },
|
||||
{ label: "💬 WhatsApp Order", href: "https://wa.me/919940115335" },
|
||||
{ label: "📍 Get Directions", href: "https://maps.google.com/?q=Kottayam+Cafe+Kerala+Restaurant+Nolambur+Chennai" },
|
||||
{ label: "📧 Catering Inquiry", href: "mailto:info@kottayamcafe.local" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hours & Location", items: [
|
||||
{ label: "Mon-Fri: 10 AM - 10 PM", href: "#" },
|
||||
{ label: "Sat-Sun: 9 AM - 11 PM", href: "#" },
|
||||
{ label: "48, Nolambur, Ambattur", href: "https://maps.google.com/?q=48+Nolambur+Ambattur+Industrial+Estate+Chennai+600037" },
|
||||
{ label: "Tamil Nadu 600037", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Kottayam Cafe Kerala Restaurant. All rights reserved."
|
||||
bottomRightText="Made with ❤️ in Nolambur"
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Kottayam Cafe"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Dishes", id: "dishes" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
animateOnLoad={true}
|
||||
className="rounded-pill shadow-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Authentic Kerala Food in Nolambur"
|
||||
description="Traditional Kerala meals, South Indian favorites, and family dining in Ambattur Industrial Estate. Experience authentic flavors, fresh ingredients, and warm hospitality."
|
||||
tag="Local Favorite"
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg?_wi=1"
|
||||
imageAlt="Authentic Kerala banana leaf meal"
|
||||
imagePosition="right"
|
||||
mediaAnimation="opacity"
|
||||
buttons={[
|
||||
{ text: "📞 Call Now", href: "tel:09940115335" },
|
||||
{ text: "💬 Order on WhatsApp", href: "https://wa.me/919940115335" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rajesh Kumar", handle: "Regular Customer", testimonial: "Authentic Kerala meals and excellent service. Best place for traditional food in Nolambur!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg", imageAlt: "Rajesh Kumar"
|
||||
},
|
||||
{
|
||||
name: "Priya Singh", handle: "Family Diner", testimonial: "Great ambiance, affordable prices, and delicious dishes. Our family loves coming here!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", imageAlt: "Priya Singh"
|
||||
},
|
||||
{
|
||||
name: "Vikram Iyer", handle: "Office Worker", testimonial: "Quick, tasty meals perfect for lunch. The Kerala Parotta is absolutely incredible!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", imageAlt: "Vikram Iyer"
|
||||
},
|
||||
{
|
||||
name: "Anjali Nair", handle: "Food Enthusiast", testimonial: "Finally found authentic Kerala food right here. Fresh ingredients and traditional recipes shine through!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-staff_1098-15450.jpg", imageAlt: "Anjali Nair"
|
||||
}
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
ariaLabel="Kottayam Cafe Kerala Restaurant Hero"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Experience Authentic Kerala Cuisine"
|
||||
description="At Kottayam Cafe, we celebrate the rich culinary traditions of Kerala with fresh ingredients, time-honored recipes, and a warm family atmosphere. Whether you're a local looking for your favorite meal or a visitor seeking authentic Kerala flavors, we welcome you with traditional hospitality and exceptional dishes."
|
||||
tag="Our Story"
|
||||
tagIcon={ChefHat}
|
||||
tagAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/talk-by-festive-table_1098-16046.jpg"
|
||||
imageAlt="Kottayam Cafe Kerala restaurant interior"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#dishes" },
|
||||
{ text: "Reserve Table", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
ariaLabel="About Kottayam Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardFour
|
||||
title="Our Popular Dishes"
|
||||
description="Discover our most loved Kerala and South Indian specialties. Each dish is prepared with authentic recipes and fresh ingredients."
|
||||
tag="Menu Highlights"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Kerala Meals", price: "₹250", variant: "Rice, Sambar, Rasam, Curry", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-health-salad-food-diet_140725-123744.jpg", imageAlt: "Kerala Meals - traditional banana leaf meal"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Appam & Stew", price: "₹180", variant: "Soft Appam, Vegetable Stew", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-vegetables-sliced-with-sauce-dark-surface-sauce-soup-food-meal-vegetable_140725-85852.jpg", imageAlt: "Appam and Stew - Kerala breakfast specialty"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Fish Curry", price: "₹220", variant: "With Rice or Parotta", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-dish-high-angle_23-2148825127.jpg", imageAlt: "Fish Curry - authentic Kerala preparation"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "🍽️ Full Menu", href: "tel:09940115335" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Popular dishes from Kottayam Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Google Reviews Embed Section */}
|
||||
<div id="reviews" data-section="reviews" className="py-20 px-4">
|
||||
<div className="w-full max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl md:text-4xl font-semibold text-center mb-4">What Our Customers Say</h2>
|
||||
<p className="text-center text-gray-600 mb-12">Join hundreds of satisfied customers who've experienced authentic Kerala cuisine at Kottayam Cafe</p>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
{/* Placeholder for Google Reviews Widget */}
|
||||
<div className="bg-white rounded-lg p-6 shadow-md border border-gray-200">
|
||||
<div className="flex items-center gap-4 mb-4">
|
||||
<img src="http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg" alt="Customer" className="w-12 h-12 rounded-full object-cover" loading="lazy" />
|
||||
<div>
|
||||
<h3 className="font-semibold">Rajesh Kumar</h3>
|
||||
<p className="text-yellow-500 text-sm">★★★★★</p>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-gray-700">"Authentic Kerala meals and excellent service. Best place for traditional food in Nolambur!"</p>
|
||||
</div>
|
||||
<div className="bg-white rounded-lg p-6 shadow-md border border-gray-200">
|
||||
<div className="flex items-center gap-4 mb-4">
|
||||
<img src="http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg" alt="Customer" className="w-12 h-12 rounded-full object-cover" loading="lazy" />
|
||||
<div>
|
||||
<h3 className="font-semibold">Priya Singh</h3>
|
||||
<p className="text-yellow-500 text-sm">★★★★★</p>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-gray-700">"Great ambiance, affordable prices, and delicious dishes. Our family loves coming here!"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Google Maps Embed Section */}
|
||||
<div id="location" data-section="location" className="py-20 px-4 bg-gray-50">
|
||||
<div className="w-full max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl md:text-4xl font-semibold text-center mb-4">Visit Us</h2>
|
||||
<p className="text-center text-gray-600 mb-12">Find us at our location in Nolambur, Ambattur</p>
|
||||
<div className="relative w-full h-96 rounded-lg overflow-hidden shadow-lg">
|
||||
<iframe
|
||||
loading="lazy"
|
||||
allowFullScreen
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3887.568770779897!2d80.10940667345899!3d13.084632587173886!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a526fd7c2e2e2e2d%3A0x0!2s48%2C%20Nolambur%2C%20Ambattur%2C%20Chennai!5e0!3m2!1sen!2sin!4v1234567890"
|
||||
width="100%"
|
||||
height="100%"
|
||||
style={{ border: 0 }}
|
||||
title="Kottayam Cafe Location Map"
|
||||
/>
|
||||
</div>
|
||||
<div className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div className="bg-white p-6 rounded-lg shadow-md">
|
||||
<h3 className="font-semibold mb-2 flex items-center gap-2">
|
||||
<MapIcon className="w-5 h-5" /> Address
|
||||
</h3>
|
||||
<p className="text-gray-700">48, Nolambur, Ambattur Industrial Estate<br />Chennai, Tamil Nadu 600037</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-md">
|
||||
<h3 className="font-semibold mb-2 flex items-center gap-2">
|
||||
<MessageCircle className="w-5 h-5" /> Contact
|
||||
</h3>
|
||||
<p className="text-gray-700"><a href="tel:09940115335" className="text-blue-600 hover:underline">📞 09940115335</a><br /><a href="https://wa.me/919940115335" className="text-blue-600 hover:underline">💬 WhatsApp Order</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Kottayam Cafe serves authentic Kerala meals that transport you straight to Kerala. The flavors are genuine, the service is warm, and the prices are incredibly fair. It's become our go-to spot for family dinners and quick office lunches!"
|
||||
rating={5}
|
||||
author="Raj Patel, Regular Customer"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg", alt: "Testimonial customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", alt: "Testimonial customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Testimonial customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cafe-staff_1098-15450.jpg", alt: "Testimonial customer 4" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="opacity"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Customer testimonial for Kottayam Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* WhatsApp Click-to-Chat CTA */}
|
||||
<div className="fixed bottom-6 right-6 z-50">
|
||||
<a
|
||||
href="https://wa.me/919940115335?text=Hi%20Kottayam%20Cafe%21%20I%27d%20like%20to%20place%20an%20order"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Chat with us on WhatsApp"
|
||||
className="inline-flex items-center gap-2 bg-green-500 hover:bg-green-600 text-white font-semibold py-3 px-4 rounded-full shadow-lg transition-all hover:scale-105"
|
||||
title="Click to chat on WhatsApp"
|
||||
>
|
||||
<MessageCircle className="w-6 h-6" />
|
||||
<span>Chat Now</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{/* Phone Click-to-Call CTA */}
|
||||
<div className="hidden md:fixed md:bottom-6 md:right-48 md:z-50">
|
||||
<a
|
||||
href="tel:09940115335"
|
||||
aria-label="Call us now"
|
||||
className="inline-flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-4 rounded-full shadow-lg transition-all hover:scale-105"
|
||||
title="Click to call us"
|
||||
>
|
||||
<Phone className="w-6 h-6" />
|
||||
<span>Call Us</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="blur-reveal"
|
||||
title="Reserve Your Table or Place an Order"
|
||||
description="Contact us to book a table for your family gathering, order for takeaway, or inquire about our catering services. We're just a call or message away!"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg?_wi=2"
|
||||
imageAlt="Fresh Kerala meals ready to serve"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your phone number"
|
||||
buttonText="📞 Contact Us"
|
||||
termsText="We respect your privacy. Your details are used only for reservation and order confirmation."
|
||||
ariaLabel="Contact section for reservations and orders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Dishes", href: "#dishes" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Get In Touch", items: [
|
||||
{ label: "📞 09940115335", href: "tel:09940115335" },
|
||||
{ label: "💬 WhatsApp Order", href: "https://wa.me/919940115335" },
|
||||
{ label: "📍 Get Directions", href: "https://maps.google.com/?q=Kottayam+Cafe+Kerala+Restaurant+Nolambur+Chennai" },
|
||||
{ label: "📧 Catering Inquiry", href: "mailto:info@kottayamcafe.local" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hours & Location", items: [
|
||||
{ label: "Mon-Fri: 10 AM - 10 PM", href: "#" },
|
||||
{ label: "Sat-Sun: 9 AM - 11 PM", href: "#" },
|
||||
{ label: "48, Nolambur, Ambattur", href: "https://maps.google.com/?q=48+Nolambur+Ambattur+Industrial+Estate+Chennai+600037" },
|
||||
{ label: "Tamil Nadu 600037", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Kottayam Cafe Kerala Restaurant. All rights reserved."
|
||||
bottomRightText="Made with ❤️ in Nolambur"
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user