212 lines
11 KiB
TypeScript
212 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Award, ChefHat, Heart, Lamp, Phone, Sparkles, Star, UtensilsCrossed, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Amore & Spice"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "features" },
|
|
{ name: "Reservations", id: "contact" }
|
|
]}
|
|
bottomLeftText="Fine Dining Experience"
|
|
bottomRightText="reservations@amorespice.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Authentic Italian Dining"
|
|
description="Experience the warmth of Italy through carefully crafted dishes, premium ingredients, and exceptional hospitality. At Amore & Spice, every meal is a celebration of Mediterranean flavors and culinary tradition."
|
|
tag="Fine Dining"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Reserve Your Table", href: "#contact" },
|
|
{ text: "Explore Menu", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-with-variety-pasta_23-2147606563.jpg"
|
|
imageAlt="Elegant Italian pasta dish"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Our Story"
|
|
description="Amore & Spice is a premier Italian restaurant dedicated to bringing authentic Mediterranean cuisine to your table. With a passion for tradition and innovation, our chef-driven kitchen crafts each dish with precision and love."
|
|
tag="Heritage & Passion"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Authentic Recipes", description: "Traditional Italian dishes prepared using time-honored techniques and the finest imported ingredients.", icon: ChefHat
|
|
},
|
|
{
|
|
title: "Warm Ambiance", description: "Intimate dining spaces designed to evoke the charm and elegance of a European trattoria.", icon: Lamp
|
|
},
|
|
{
|
|
title: "Expert Service", description: "Knowledgeable staff committed to making every visit memorable and personal.", icon: Users
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196957.jpg"
|
|
imageAlt="Restaurant interior with warm lighting"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
title="Signature Dishes"
|
|
description="Discover our most beloved creations, each one a masterpiece of flavor and presentation."
|
|
tag="Menu Highlights"
|
|
tagIcon={UtensilsCrossed}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "risotto", title: "Risotto al Tartufo", descriptions: ["Creamy Arborio rice infused with black truffle, porcini mushrooms, and white wine reduction. Finished with aged Parmigiano-Reggiano and fresh herbs."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-grating-cheese-spaghetti_23-2148516917.jpg", imageAlt: "Creamy truffle risotto"
|
|
},
|
|
{
|
|
id: "seafood", title: "Linguine ai Frutti di Mare", descriptions: ["Fresh linguine tossed with a medley of seasonal seafood including clams, mussels, shrimp, and scallops in a light garlic and white wine sauce."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grins-salad-with-shrimps-nuts-arugula-cherry-tomatoes_141793-4052.jpg", imageAlt: "Fresh seafood pasta"
|
|
},
|
|
{
|
|
id: "tiramisu", title: "Tiramisu Classico", descriptions: ["The ultimate Italian dessert: delicate layers of espresso-soaked ladyfingers, creamy mascarpone, and dusted cocoa powder. A timeless favorite."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fancy-dessert_23-2150527559.jpg", imageAlt: "Traditional tiramisu dessert"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-brown-bra-big-white-earrings-smiles-widely-rests-street-cafe-summer_197531-18191.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "James & Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-lovely-couple-toasting-red-wine_23-2147891237.jpg", imageAlt: "James and Emily Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Marco Rossi", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-with-delicious-cheese_23-2150062641.jpg", imageAlt: "Marco Rossi"
|
|
},
|
|
{
|
|
id: "4", name: "Linda Cortez", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-adding-salt-her-food-restaurant_23-2149316783.jpg", imageAlt: "Linda Cortez"
|
|
}
|
|
]}
|
|
cardTitle="From Our Guests"
|
|
cardTag="Five-Star Experience"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Award-Winning Excellence"
|
|
description="Recognized by leading culinary organizations and celebrated by food enthusiasts worldwide for our commitment to authentic Italian cuisine."
|
|
tag="Certifications"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Michelin Guide", "Taste Awards", "Made in Italy", "Fresh Ingredients", "Organic Certified", "Quality Assured", "Restaurant Excellence"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-photo/fresh-vegetable-salad-plate_140725-4644.jpg", "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-set_52683-69812.jpg", "http://img.b2bpic.net/free-vector/saint-patrick-s-day-labels-collection-flat-style_23-2147771221.jpg", "http://img.b2bpic.net/free-vector/farm-fresh-vegan-food-labels-set_1017-30772.jpg", "http://img.b2bpic.net/free-vector/organic-food-label-collection_23-2148139529.jpg", "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-set_23-2149045402.jpg", "http://img.b2bpic.net/free-vector/collection-retro-restaurant-badges_23-2147527369.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get In Touch"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
title="Reserve Your Table"
|
|
description="Experience the warmth of Amore & Spice. Book your reservation today and join us for an unforgettable evening of authentic Italian cuisine and exceptional service."
|
|
buttons={[
|
|
{ text: "Make a Reservation", href: "tel:+1-555-123-4567" },
|
|
{ text: "Contact Us", href: "mailto:reservations@amorespice.com" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "downward-rays-animated" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Menu", href: "#features" },
|
|
{ label: "Reservations", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +1 (555) 123-4567", href: "tel:+1-555-123-4567" },
|
|
{ label: "Email: reservations@amorespice.com", href: "mailto:reservations@amorespice.com" },
|
|
{ label: "Hours: Tue-Sun 5pm-11pm", href: "#" },
|
|
{ label: "Closed Mondays", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Allergen Information", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Amore & Spice. All rights reserved. Authentic Italian Cuisine."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |