221 lines
18 KiB
TypeScript
221 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Sparkles } from "lucide-react";
|
|
|
|
export default function ItalianRestaurantPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Kerala Flavors"
|
|
navItems={[
|
|
{ name: "Menu", id: "/#menu" },
|
|
{ name: "About", id: "/#about" },
|
|
{ name: "Reservations", id: "/reservations" },
|
|
{ name: "Contact Us", id: "/contact-us" },
|
|
{ name: "Reviews", id: "/#testimonials" }
|
|
]}
|
|
button={{
|
|
text: "Book a Table", href: "/reservations"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Welcome to Kerala Flavors"
|
|
description="Experience the rich and diverse culinary traditions of Kerala, a journey for your senses."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Authentic Kerala Cuisine"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=1200&h=800&auto=format&fit=crop&q=80"
|
|
imageAlt="Vibrant Kerala restaurant interior with traditional decor"
|
|
buttons={[
|
|
{ text: "View Menu", href: "/#menu" },
|
|
{ text: "Explore Our Story", href: "/#about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="At Kerala Flavors, we bring you the authentic tastes of God's Own Country. Our chefs meticulously craft each dish, rooted in traditional recipes and fresh, local ingredients, to offer a culinary experience that's both rich and soulful."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Our Heritage", href: "/#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Our Exquisite Kerala Menu"
|
|
description="A culinary journey through Kerala's finest dishes, prepared with authentic spices and fresh ingredients."
|
|
products={[
|
|
{
|
|
id: "1", name: "Malabar Chicken Biriyani", price: "$22.00", imageSrc: "https://images.unsplash.com/photo-1626804172088-348600d8d73b?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Flavorful Malabar Chicken Biriyani"
|
|
},
|
|
{
|
|
id: "2", name: "Kerala Beef Roast", price: "$25.00", imageSrc: "https://images.unsplash.com/photo-1610438289745-f938d94e101f?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Spicy Kerala Beef Roast"
|
|
},
|
|
{
|
|
id: "3", name: "Al Faham Chicken", price: "$24.00", imageSrc: "https://images.unsplash.com/photo-1627063737527-dc5f956d2528?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Grilled Al Faham Chicken"
|
|
},
|
|
{
|
|
id: "4", name: "Kerala Fish Curry", price: "$22.00", imageSrc: "https://images.unsplash.com/photo-1625938590629-d5867f70b4b2?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&_wi=1", imageAlt: "Tangy Kerala Fish Curry"
|
|
},
|
|
{
|
|
id: "5", name: "Karimeen Pollichathu", price: "$28.00", imageSrc: "https://images.unsplash.com/photo-1624646197365-5c1a1b1a1c9a?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Pearl Spot Fish grilled in banana leaf"
|
|
},
|
|
{
|
|
id: "6", name: "Chicken Fry", price: "$18.00", imageSrc: "https://images.unsplash.com/photo-1603598583495-9f5e0a6d07d1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Crispy Kerala Chicken Fry"
|
|
},
|
|
{
|
|
id: "7", name: "Mutton Curry", price: "$26.00", imageSrc: "https://images.unsplash.com/photo-1631515159392-cd23f990499d?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&_wi=1", imageAlt: "Rich Kerala Mutton Curry"
|
|
},
|
|
{
|
|
id: "8", name: "Appam & Stew", price: "$16.00", imageSrc: "https://images.unsplash.com/photo-1628191060937-299f0f9b6e8a?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Soft Appam with creamy Vegetable Stew"
|
|
},
|
|
{
|
|
id: "9", name: "Kappa & Fish Curry", price: "$20.00", imageSrc: "https://images.unsplash.com/photo-1625938590629-d5867f70b4b2?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&_wi=2", imageAlt: "Steamed Tapioca with spicy Fish Curry"
|
|
},
|
|
{
|
|
id: "10", name: "Kerala Parotta", price: "$6.00", imageSrc: "https://images.unsplash.com/photo-1600891965585-a7590868b4b1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Flaky Kerala Parotta bread"
|
|
},
|
|
{
|
|
id: "11", name: "Ghee Rice", price: "$15.00", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=800&h=600&auto=format&fit=crop&q=80", imageAlt: "Fragrant Ghee Rice"
|
|
},
|
|
{
|
|
id: "12", name: "Prawn Roast", price: "$29.00", imageSrc: "https://images.unsplash.com/photo-1606222841315-fe70308e7529?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Spicy Prawn Roast"
|
|
},
|
|
{
|
|
id: "13", name: "Vegetable Kurma", price: "$16.00", imageSrc: "https://images.unsplash.com/photo-1627915509939-f9f3b5e1b9b1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Creamy Vegetable Kurma"
|
|
},
|
|
{
|
|
id: "14", name: "Paneer Butter Masala", price: "$19.00", imageSrc: "https://images.unsplash.com/photo-1631515159392-cd23f990499d?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&_wi=2", imageAlt: "Rich Paneer Butter Masala"
|
|
},
|
|
{
|
|
id: "15", name: "Gobi Manchurian", price: "$17.00", imageSrc: "https://images.unsplash.com/photo-1563214561-1e9b2f2f7d5c?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Indo-Chinese Gobi Manchurian"
|
|
},
|
|
{
|
|
id: "16", name: "Kerala Sadya", price: "$35.00", imageSrc: "https://images.unsplash.com/photo-1616782255866-22442d87e0b5?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Traditional Kerala Sadya feast"
|
|
},
|
|
{
|
|
id: "17", name: "Veg Biriyani", price: "$18.00", imageSrc: "https://images.unsplash.com/photo-1589302633008-8e6bfed62a20?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop", imageAlt: "Aromatic Vegetable Biriyani"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="impact" data-section="impact">
|
|
<MetricCardFourteen
|
|
title="The Heart of Kerala Cuisine"
|
|
tag="Our Culinary Journey"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "100%", description: "Authentic spices and traditional cooking methods from Kerala"
|
|
},
|
|
{
|
|
id: "2", value: "50,000+", description: "Happy customers who have savored the true taste of Kerala"
|
|
}
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Guests Savor"
|
|
description="Hear what our patrons have to say about their unforgettable dining experiences at Kerala Flavors."
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "A Taste of Home", quote: "The Malabar Biriyani was incredible, just like my grandmother used to make! Every dish here feels authentic and full of soul. Truly a gem!", name: "Priya Sharma", role: "Food Blogger", imageSrc: "https://picsum.photos/seed/priya/100/100", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "2", title: "Authentic Flavors, Amazing Experience", quote: "From the Karimeen Pollichathu to the Appam and Stew, every dish was a culinary masterpiece. The spices were perfectly balanced, and the service was impeccable.", name: "Rahul Menon", role: "Restaurant Critic", imageSrc: "https://picsum.photos/seed/rahul/100/100", imageAlt: "Rahul Menon"
|
|
},
|
|
{
|
|
id: "3", title: "Best Kerala Food in Town", quote: "I've been searching for authentic Kerala cuisine, and Kerala Flavors delivered beyond expectations. The Sadya was a feast for the senses. Highly recommend!", name: "Anjali Nair", role: "Regular Patron", imageSrc: "https://picsum.photos/seed/anjali/100/100", imageAlt: "Anjali Nair"
|
|
},
|
|
{
|
|
id: "4", title: "A Delightful Culinary Journey", quote: "The Kerala Beef Roast was tender and perfectly spiced, and the Prawn Roast was heavenly. It's truly a delightful journey through Kerala's rich culinary landscape.", name: "Vikram Singh", role: "Explorer of Cuisines", imageSrc: "https://picsum.photos/seed/vikram/100/100", imageAlt: "Vikram Singh"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="comparison" data-section="comparison">
|
|
<FeatureCardSixteen
|
|
title="The Kerala Flavors Difference"
|
|
description="Authentic Kerala cuisine prepared with passion, tradition, and the freshest ingredients."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Generic Indian dishes", "Inauthentic spice blends", "Limited traditional options", "Lack of regional specialties"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Authentic Kerala recipes passed down generations", "Freshly ground, regional spice mixes", "Extensive menu of traditional and popular Kerala dishes", "Showcasing unique regional specialties like Karimeen Pollichathu"
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to embark on a culinary journey to Kerala? Book your table or reach out to us directly for an unforgettable dining experience."
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Make a Reservation", href: "/reservations" },
|
|
{ text: "Contact Our Team", href: "/contact-us" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Kerala Flavors"
|
|
logoSrc="https://via.placeholder.com/150x50.png?text=Kerala+Flavors+Logo"
|
|
logoAlt="Kerala Flavors Logo"
|
|
leftLink={{ text: "Privacy Policy", href: "/#privacy" }}
|
|
rightLink={{ text: "Contact Us", href: "/contact-us" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |