Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2601a5e68d | |||
| 93bcbfc9fb | |||
| fe9679f6ce |
73
src/app/contact/page.tsx
Normal file
73
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,73 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||||
|
import ContactForm from "@/components/form/ContactForm";
|
||||||
|
import ContactText from "@/components/sections/contact/ContactText";
|
||||||
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||||
|
|
||||||
|
export default function ContactPage() {
|
||||||
|
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="Bella Italia"
|
||||||
|
navItems={[
|
||||||
|
{ name: "Menu", id: "/#menu" },
|
||||||
|
{ name: "About", id: "/#about" },
|
||||||
|
{ name: "Contact", id: "/contact" },
|
||||||
|
{ name: "Reviews", id: "/#testimonials" }
|
||||||
|
]}
|
||||||
|
button={{
|
||||||
|
text: "Book a Table", href: "#contact-form-section"
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="contact-form-section" data-section="contact-form-section">
|
||||||
|
<ContactForm
|
||||||
|
title="Get in Touch"
|
||||||
|
description="Have a question or need to make a reservation? Fill out the form below and we'll get back to you shortly."
|
||||||
|
tag="Contact Us"
|
||||||
|
inputPlaceholder="Your email"
|
||||||
|
buttonText="Send Message"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="location-details-section" data-section="location-details-section">
|
||||||
|
<ContactText
|
||||||
|
text={`Our Location:\n123 Italia Street\nRome, IT 00100\n\nPhone: +39 06 1234 5678\nEmail: info@bellaitalia.com\n\nHours:\nMon-Sat: 5:00 PM - 10:00 PM\nSunday: Closed`}
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
buttons={[
|
||||||
|
{ text: "Get Directions", href: "https://www.google.com/maps/search/123+Italia+Street,+Rome" },
|
||||||
|
{ text: "Call Us", href: "tel:+390612345678" }
|
||||||
|
]}
|
||||||
|
useInvertedBackground={true}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterLogoReveal
|
||||||
|
logoText="Bella Italia"
|
||||||
|
leftLink={{ text: "Privacy Policy", href: "/#privacy" }}
|
||||||
|
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
155
src/app/page.tsx
155
src/app/page.tsx
@@ -30,7 +30,7 @@ export default function ItalianRestaurantPage() {
|
|||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="Bella Italia"
|
brandName="Kerala Flavors"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "menu" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
@@ -38,63 +38,92 @@ export default function ItalianRestaurantPage() {
|
|||||||
{ name: "Reviews", id: "testimonials" }
|
{ name: "Reviews", id: "testimonials" }
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Book a Table",
|
text: "Book a Table", href: "contact"
|
||||||
href: "contact"
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
title="Welcome to Bella Italia"
|
title="Welcome to Kerala Flavors"
|
||||||
description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
|
description="Experience the rich and diverse culinary traditions of Kerala, a journey for your senses."
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
tag="Fine Dining"
|
tag="Authentic Kerala Cuisine"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
|
imageSrc="https://source.unsplash.com/random/1200x800/?kerala-food-restaurant-interior"
|
||||||
imageAlt="Elegant Italian restaurant dining room"
|
imageAlt="Vibrant Kerala restaurant interior with traditional decor"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Reserve Now", href: "contact" },
|
{ text: "View Menu", href: "menu" },
|
||||||
{ text: "View Menu", href: "menu" }
|
{ text: "Explore Our Story", href: "about" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
title="At Bella Italia, we honor the rich culinary traditions of Italy while celebrating the art of fine dining. Every dish tells a story of tradition, craftsmanship, and love for food."
|
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}
|
useInvertedBackground={false}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Learn More", href: "#" }
|
{ text: "Our Heritage", href: "#" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
title="Featured Dishes"
|
title="Our Exquisite Kerala Menu"
|
||||||
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
|
description="A culinary journey through Kerala's finest dishes, prepared with authentic spices and fresh ingredients."
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Malabar Chicken Biriyani", price: "$18", imageSrc: "https://source.unsplash.com/random/800x600/?malabar-chicken-biriyani", imageAlt: "Flavorful Malabar Chicken Biriyani"
|
||||||
name: "Tagliatelle al Ragù",
|
|
||||||
price: "$28",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg",
|
|
||||||
imageAlt: "Tagliatelle al Ragù with meat sauce"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Kerala Beef Roast", price: "$20", imageSrc: "https://source.unsplash.com/random/800x600/?kerala-beef-roast", imageAlt: "Spicy Kerala Beef Roast"
|
||||||
name: "Risotto ai Funghi",
|
|
||||||
price: "$26",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg",
|
|
||||||
imageAlt: "Creamy mushroom risotto"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Al Faham Chicken", price: "$19", imageSrc: "https://source.unsplash.com/random/800x600/?al-faham-chicken", imageAlt: "Grilled Al Faham Chicken"
|
||||||
name: "Tiramisu Tradizionale",
|
},
|
||||||
price: "$12",
|
{
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg",
|
id: "4", name: "Kerala Fish Curry", price: "$17", imageSrc: "https://source.unsplash.com/random/800x600/?kerala-fish-curry", imageAlt: "Tangy Kerala Fish Curry"
|
||||||
imageAlt: "Classic tiramisu dessert"
|
},
|
||||||
|
{
|
||||||
|
id: "5", name: "Karimeen Pollichathu", price: "$22", imageSrc: "https://source.unsplash.com/random/800x600/?karimeen-pollichathu", imageAlt: "Pearl Spot Fish grilled in banana leaf"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "6", name: "Chicken Fry", price: "$15", imageSrc: "https://source.unsplash.com/random/800x600/?kerala-chicken-fry", imageAlt: "Crispy Kerala Chicken Fry"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "7", name: "Mutton Curry", price: "$21", imageSrc: "https://source.unsplash.com/random/800x600/?kerala-mutton-curry", imageAlt: "Rich Kerala Mutton Curry"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "8", name: "Appam & Stew", price: "$14", imageSrc: "https://source.unsplash.com/random/800x600/?appam-stew", imageAlt: "Soft Appam with creamy Vegetable Stew"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "9", name: "Kappa & Fish Curry", price: "$16", imageSrc: "https://source.unsplash.com/random/800x600/?kappa-fish-curry", imageAlt: "Steamed Tapioca with spicy Fish Curry"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "10", name: "Kerala Parotta", price: "$5", imageSrc: "https://source.unsplash.com/random/800x600/?kerala-parotta", imageAlt: "Flaky Kerala Parotta bread"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "11", name: "Ghee Rice", price: "$12", imageSrc: "https://source.unsplash.com/random/800x600/?ghee-rice", imageAlt: "Fragrant Ghee Rice"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "12", name: "Prawn Roast", price: "$23", imageSrc: "https://source.unsplash.com/random/800x600/?prawn-roast", imageAlt: "Spicy Prawn Roast"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "13", name: "Vegetable Kurma", price: "$13", imageSrc: "https://source.unsplash.com/random/800x600/?vegetable-kurma", imageAlt: "Creamy Vegetable Kurma"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "14", name: "Paneer Butter Masala", price: "$16", imageSrc: "https://source.unsplash.com/random/800x600/?paneer-butter-masala", imageAlt: "Rich Paneer Butter Masala"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "15", name: "Gobi Manchurian", price: "$14", imageSrc: "https://source.unsplash.com/random/800x600/?gobi-manchurian", imageAlt: "Indo-Chinese Gobi Manchurian"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "16", name: "Kerala Sadya", price: "$25", imageSrc: "https://source.unsplash.com/random/800x600/?kerala-sadya-feast", imageAlt: "Traditional Kerala Sadya feast"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "17", name: "Veg Biriyani", price: "$15", imageSrc: "https://source.unsplash.com/random/800x600/?veg-biriyani", imageAlt: "Aromatic Vegetable Biriyani"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
@@ -106,18 +135,14 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="impact" data-section="impact">
|
<div id="impact" data-section="impact">
|
||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
title="Celebrating Our Success"
|
title="The Heart of Kerala Cuisine"
|
||||||
tag="By The Numbers"
|
tag="Our Culinary Journey"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "100%", description: "Authentic spices and traditional cooking methods from Kerala"
|
||||||
value: "25+",
|
|
||||||
description: "Years of excellence in authentic Italian cuisine and hospitality"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "50,000+", description: "Happy customers who have savored the true taste of Kerala"
|
||||||
value: "50,000+",
|
|
||||||
description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
@@ -127,44 +152,20 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
title="What Our Guests Say"
|
title="What Our Guests Savor"
|
||||||
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
|
description="Hear what our patrons have to say about their unforgettable dining experiences at Kerala Flavors."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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://source.unsplash.com/random/100x100/?indian-woman-chef", imageAlt: "Priya Sharma"
|
||||||
title: "An Unforgettable Evening",
|
|
||||||
quote: "The pasta was absolutely divine! Every bite transported me straight to Italy. The ambiance, the service, everything was perfect. We'll definitely be back.",
|
|
||||||
name: "Maria Rossi",
|
|
||||||
role: "Food Critic",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",
|
|
||||||
imageAlt: "Maria Rossi"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
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://source.unsplash.com/random/100x100/?indian-man-foodie", imageAlt: "Rahul Menon"
|
||||||
title: "Authentic Italian Magic",
|
|
||||||
quote: "This is the most authentic Italian restaurant I've found in the city. The chef clearly knows his craft, and it shows in every plate. A true gem!",
|
|
||||||
name: "Giovanni Ferrari",
|
|
||||||
role: "Restaurant Enthusiast",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/chef-white-uniform-garnishes-plated-dish-with-herbs-spices_482257-121123.jpg",
|
|
||||||
imageAlt: "Giovanni Ferrari"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
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://source.unsplash.com/random/100x100/?south-indian-woman", imageAlt: "Anjali Nair"
|
||||||
title: "Perfect for Special Occasions",
|
|
||||||
quote: "We celebrated our anniversary here and it was spectacular. The attention to detail, the wine pairings, the warmth of the staff – simply extraordinary.",
|
|
||||||
name: "Elena Marchetti",
|
|
||||||
role: "Couple",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg",
|
|
||||||
imageAlt: "Elena Marchetti"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
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://source.unsplash.com/random/100x100/?indian-man-traveler", imageAlt: "Vikram Singh"
|
||||||
title: "Worth Every Visit",
|
|
||||||
quote: "I've been coming to Bella Italia for three years now. The consistency, quality, and passion never wavers. It's become my second home.",
|
|
||||||
name: "Antonio Bianchi",
|
|
||||||
role: "Regular Guest",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg",
|
|
||||||
imageAlt: "Antonio Bianchi"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -174,25 +175,19 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="comparison" data-section="comparison">
|
<div id="comparison" data-section="comparison">
|
||||||
<FeatureCardSixteen
|
<FeatureCardSixteen
|
||||||
title="What Sets Us Apart"
|
title="The Kerala Flavors Difference"
|
||||||
description="Traditional Italian dining elevated with modern hospitality and exceptional service."
|
description="Authentic Kerala cuisine prepared with passion, tradition, and the freshest ingredients."
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Frozen pre-made ingredients",
|
"Generic Indian dishes", "Inauthentic spice blends", "Limited traditional options", "Lack of regional specialties"
|
||||||
"Inconsistent flavors",
|
|
||||||
"Rushed service",
|
|
||||||
"Limited wine selection"
|
|
||||||
]
|
]
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Fresh ingredients sourced daily from Italy",
|
"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"
|
||||||
"Consistent excellence in every dish",
|
|
||||||
"Attentive, unhurried service",
|
|
||||||
"Curated selection of Italian wines"
|
|
||||||
]
|
]
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -200,11 +195,11 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
text="Ready to experience authentic Italian cuisine? Reserve your table at Bella Italia and join us for an evening of culinary excellence."
|
text="Ready to embark on a culinary journey to Kerala? Reserve your table at Kerala Flavors and discover a world of taste."
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
||||||
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" }
|
{ text: "Contact Us", href: "mailto:info@keralaflavors.com" }
|
||||||
]}
|
]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
@@ -212,7 +207,7 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Bella Italia"
|
logoText="Kerala Flavors"
|
||||||
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
|
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
|
||||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user