Merge version_2 into main #2
@@ -1,35 +1,18 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Source_Sans_3 } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const sourceSans3 = Source_Sans_3({
|
||||
variable: "--font-source-sans-3", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Trattoria - Authentic Italian Restaurant", description: "Experience authentic Italian cuisine with handcrafted dishes, premium ingredients, and genuine Italian hospitality. Reserve your table today.", keywords: "italian restaurant, authentic italian cuisine, pasta, risotto, fine dining", openGraph: {
|
||||
title: "Trattoria - Authentic Italian Restaurant", description: "Experience authentic Italian cuisine with handcrafted dishes and premium ingredients", type: "website", siteName: "Trattoria", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg", alt: "Authentic Italian cuisine"
|
||||
}
|
||||
]
|
||||
},
|
||||
title: "Salt & Pepper - Kerala, North Indian & Chinese Restaurant in Vellore", description: "Experience authentic Kerala, North Indian, and Chinese cuisine at Salt & Pepper in Vellore. Fresh ingredients, traditional recipes, and warm hospitality. Dine-in and delivery available.", keywords: "restaurant vellore, kerala food, north indian cuisine, chinese restaurant, dine-in delivery", openGraph: {
|
||||
title: "Salt & Pepper - Authentic Cuisine in Vellore", description: "Discover authentic Kerala, North Indian, and Chinese flavors with fresh ingredients and traditional preparation.", type: "website", siteName: "Salt & Pepper"},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Trattoria - Authentic Italian Restaurant", description: "Experience authentic Italian cuisine and Italian hospitality", images: ["http://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg"]
|
||||
}
|
||||
card: "summary_large_image", title: "Salt & Pepper - Authentic Cuisine in Vellore", description: "Experience authentic Kerala, North Indian, and Chinese cuisine"},
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -40,9 +23,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${sourceSans3.variable} antialiased`}
|
||||
>
|
||||
<body className={`${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
|
||||
171
src/app/page.tsx
171
src/app/page.tsx
@@ -10,65 +10,64 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { UtensilsCrossed, Heart, Star, MessageCircle } from "lucide-react";
|
||||
import { Utensils, MapPin, Clock, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Trattoria"
|
||||
brandName="Salt & Pepper"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Locations", id: "metric" },
|
||||
{ name: "Order", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Now", href: "#contact"
|
||||
}}
|
||||
text: "Reserve Table", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Authentic Italian Dining Experience"
|
||||
description="Discover the flavors of Italy in every dish. Traditional recipes, premium ingredients, and passionate craftsmanship create an unforgettable culinary journey at our table."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Est. 2010"
|
||||
tagIcon={UtensilsCrossed}
|
||||
title="Authentic Flavors of Kerala, North India & China"
|
||||
description="Discover bold, aromatic cuisines crafted with premium spices and traditional techniques. From Kerala's coconut-infused dishes to fiery North Indian curries and wok-tossed Chinese specialties."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Vellore's Finest"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#products" }
|
||||
{ text: "View Menu", href: "#products" },
|
||||
{ text: "Order Now", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg"
|
||||
imageAlt="Authentic Italian cuisine and ambiance"
|
||||
imageSrc="https://images.unsplash.com/photo-1559056199-641a0ac8b3f7?w=1200&h=600&fit=crop"
|
||||
imageAlt="Authentic Indian and Chinese cuisine"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="Our Story"
|
||||
tagIcon={Heart}
|
||||
tag="Our Heritage"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
title="Family tradition meets modern hospitality. We honor generations of Italian culinary excellence while creating memorable moments for every guest who walks through our doors."
|
||||
title="Salt & Pepper brings the vibrant tastes of Kerala, North India, and China to Vellore. Every dish is prepared with authentic recipes, premium ingredients, and passion for culinary excellence. From the serene backwaters of Kerala to the bustling kitchens of Delhi, and the finest wok traditions of China—we honor every cuisine while delivering an unforgettable dining experience."
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#" }
|
||||
{ text: "Learn Our Story", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -77,10 +76,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Signature Dishes"
|
||||
description="Handcrafted specialties prepared with time-honored techniques and the finest Italian ingredients"
|
||||
title="Our Cuisines"
|
||||
description="Explore the rich traditions of three magnificent cuisines, each crafted with authentic techniques and the finest ingredients."
|
||||
tag="Chef's Selection"
|
||||
tagIcon={Star}
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -88,89 +87,77 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Pasta Carbonara", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopped-minced-chicken-mushroom-salad-with-colorful-bell-peppers-plate_140725-10384.jpg", imageAlt: "Classic Pasta Carbonara"
|
||||
},
|
||||
id: "1", name: "Kerala Cuisine", price: "Coconut & Spices", imageSrc: "https://images.unsplash.com/photo-1599599810694-b5ac4dd77e73?w=400&h=400&fit=crop", imageAlt: "Kerala cuisine with coconut and spices"},
|
||||
{
|
||||
id: "2", name: "Risotto ai Funghi", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/plate-mushroom-risotto-topped-with-grated-cheese_141793-469.jpg", imageAlt: "Creamy Mushroom Risotto"
|
||||
},
|
||||
id: "2", name: "North Indian", price: "Bold & Aromatic", imageSrc: "https://images.unsplash.com/photo-1585937421456-de714db8aaa5?w=400&h=400&fit=crop", imageAlt: "North Indian curries and breads"},
|
||||
{
|
||||
id: "3", name: "Tiramisu", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/cocoa-tiramisu-with-sweet-cracker-forest-berries-top_114579-1929.jpg", imageAlt: "Traditional Tiramisu Dessert"
|
||||
}
|
||||
id: "3", name: "Chinese", price: "Wok & Fire", imageSrc: "https://images.unsplash.com/photo-1609501676725-7186f017a4b3?w=400&h=400&fit=crop", imageAlt: "Chinese stir-fries and noodles"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="popular" data-section="popular">
|
||||
<ProductCardOne
|
||||
title="Popular Dishes"
|
||||
description="Our signature specialties that have earned the love of food enthusiasts across Vellore."
|
||||
tag="Bestsellers"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Malabar Porotta", price: "₹180", imageSrc: "https://images.unsplash.com/photo-1567521464027-f127ff144326?w=400&h=400&fit=crop", imageAlt: "Malabar Porotta"},
|
||||
{
|
||||
id: "2", name: "Biryani", price: "₹280", imageSrc: "https://images.unsplash.com/photo-1589302168068-964664d93dc0?w=400&h=400&fit=crop", imageAlt: "Authentic Biryani"},
|
||||
{
|
||||
id: "3", name: "Beef Roast", price: "₹320", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=400&h=400&fit=crop", imageAlt: "Spiced Beef Roast"},
|
||||
{
|
||||
id: "4", name: "Al Faham Chicken", price: "₹290", imageSrc: "https://images.unsplash.com/photo-1598103442097-8b74394b95c6?w=400&h=400&fit=crop", imageAlt: "Al Faham Chicken"},
|
||||
{
|
||||
id: "5", name: "Peri Peri Mandi", price: "₹310", imageSrc: "https://images.unsplash.com/photo-1585937421456-de714db8aaa5?w=400&h=400&fit=crop", imageAlt: "Peri Peri Mandi Rice"},
|
||||
{
|
||||
id: "6", name: "Dragon Chicken", price: "₹270", imageSrc: "https://images.unsplash.com/photo-1609501676725-7186f017a4b3?w=400&h=400&fit=crop", imageAlt: "Dragon Chicken"},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
title="A legacy built on passion and excellence. Our commitment to quality has earned us recognition and the trust of thousands of satisfied diners."
|
||||
tag="Heritage"
|
||||
title="Visit Us"
|
||||
tag="Three Locations"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15+", description: "Years of culinary excellence and tradition"
|
||||
},
|
||||
id: "1", value: "VIT Rd", description: "VIT Campus Area, 249/9A Arcot Rd, Brahmapuram Thottapalayam"},
|
||||
{
|
||||
id: "2", value: "10K+", description: "Happy guests served every year"
|
||||
},
|
||||
id: "2", value: "Gandhi Nagar", description: "4th East Main Rd, Gandhi Nagar, Vellore"},
|
||||
{
|
||||
id: "3", value: "50+", description: "Authentic recipes passed through generations"
|
||||
},
|
||||
id: "3", value: "Hours", description: "8:00 AM - 11:00 PM Daily"},
|
||||
{
|
||||
id: "4", value: "5★", description: "Consistently excellent customer satisfaction"
|
||||
}
|
||||
id: "4", value: "₹100-200", description: "Cost per person (approx.)"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
title="What Our Guests Say"
|
||||
description="Real stories from diners who have experienced the warmth and authenticity of our Italian kitchen"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageCircle}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "A Taste of Italy at Home", quote: "Every dish transported me back to Italy. The attention to detail and authentic flavors are simply exceptional. This is true Italian dining.", name: "Marco Rossi", role: "Frequent Diner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Marco Rossi"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Service and Hospitality", quote: "The staff treats you like family. Their knowledge of the menu and wine pairings is outstanding. We celebrated our anniversary here and it was perfect.", name: "Anna Silva", role: "Restaurant Guest", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "Anna Silva"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Worth Every Visit", quote: "The quality of ingredients and preparation is evident in every bite. I've visited over 20 times and continue to discover new favorite dishes.", name: "Paolo Gentile", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Paolo Gentile"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Unforgettable Experience", quote: "From the warm welcome to the final course, everything was impeccable. The ambiance, food, and service created an evening we'll never forget.", name: "Elena Venturi", role: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Elena Venturi"
|
||||
},
|
||||
{
|
||||
id: "5", title: "True Italian Authenticity", quote: "This restaurant captures the essence of Italian dining culture. The passion for their craft is visible in every detail and every plate.", name: "Giorgio Moretti", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "Giorgio Moretti"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Family Traditions Live Here", quote: "The owner's family heritage shines through in the authentic recipes and the genuine Italian hospitality. A true gem for anyone seeking genuine Italian cuisine.", name: "Lucia Benedetti", role: "Restaurant Guest", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "Lucia Benedetti"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSixteen
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic frozen ingredients", "Mass-produced dishes", "Inconsistent quality", "Rushed service"
|
||||
]
|
||||
"Rushed meal experience", "Generic flavors", "Compromised ingredients", "Limited cuisine options"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Premium imported Italian ingredients", "Handcrafted daily preparations", "Meticulous quality control", "Attentive, unhurried service"
|
||||
]
|
||||
"Leisurely, warm hospitality", "Authentic, bold flavors", "Premium, fresh ingredients", "Three magnificent cuisines"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
title="Why We Stand Apart"
|
||||
description="We refuse to compromise on authenticity or quality. Every ingredient is carefully sourced, every recipe is honored, and every guest is treated with genuine Italian warmth."
|
||||
title="Dining & Delivery"
|
||||
description="Whether you choose to dine with us for an immersive culinary experience or order for delivery to your doorstep, Salt & Pepper brings authentic flavors and exceptional service to every meal."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -178,11 +165,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to experience authentic Italian cuisine? Reserve your table today and let us create a memorable dining experience for you and your loved ones."
|
||||
animationType="background-highlight"
|
||||
text="Ready to experience authentic flavors? Order online from Zomato or Swiggy, or reserve your table for a memorable meal at Salt & Pepper."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Book Your Table", href: "tel:+1234567890" },
|
||||
{ text: "View Hours", href: "#" }
|
||||
{ text: "Order on Zomato", href: "https://www.zomato.com" },
|
||||
{ text: "Order on Swiggy", href: "https://www.swiggy.com" },
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -191,13 +178,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Trattoria"
|
||||
logoText="Salt & Pepper"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact", href: "#contact"
|
||||
}}
|
||||
text: "Locations", href: "#metric"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -2,23 +2,23 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
/* --background: #f5f5f5;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #1c1c1c;;
|
||||
--primary-cta: #1c1c1c;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #e63946;;
|
||||
--background-accent: #e8bea8;; */
|
||||
/* --background: #0a0a0a;;
|
||||
--card: #1a1a1a;;
|
||||
--foreground: #f5f5f5;;
|
||||
--primary-cta: #d4af37;;
|
||||
--secondary-cta: #1a1a1a;;
|
||||
--accent: #d4af37;;
|
||||
--background-accent: #2d2d2d;; */
|
||||
|
||||
--background: #f5f5f5;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #1c1c1c;;
|
||||
--primary-cta: #1c1c1c;;
|
||||
--background: #0a0a0a;;
|
||||
--card: #1a1a1a;;
|
||||
--foreground: #f5f5f5;;
|
||||
--primary-cta: #d4af37;;
|
||||
--primary-cta-text: #f5f5f5;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--secondary-cta: #1a1a1a;;
|
||||
--secondary-cta-text: #1c1c1c;;
|
||||
--accent: #e63946;;
|
||||
--background-accent: #e8bea8;;
|
||||
--accent: #d4af37;;
|
||||
--background-accent: #2d2d2d;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user