218 lines
14 KiB
TypeScript
218 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import { Eye, Facebook, Instagram, MessageSquare, Utensils } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Menu", id: "#menu"},
|
||
{
|
||
name: "Gallery", id: "#gallery"},
|
||
{
|
||
name: "Reviews", id: "#reviews"},
|
||
{
|
||
name: "Reservations", id: "#reservations"},
|
||
]}
|
||
brandName="L'antica Pizzeria DaPietro"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="L'antica Pizzeria DaPietro"
|
||
description="Authentic Neapolitan Pizza Experience\nTraditional wood-fired pizza crafted with passion in Tunis."
|
||
buttons={[
|
||
{
|
||
text: "Reserve a Table", href: "#reservations"},
|
||
{
|
||
text: "View Menu", href: "#menu"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-delicious-arugula-pizza_23-2148574288.jpg"
|
||
videoSrc="http://img.b2bpic.net/free-photo/wood-fired-oven-delicious-pizza_23-2150235808.jpg"
|
||
imageAlt="Authentic Neapolitan Pizza"
|
||
videoAriaLabel="Video of authentic Italian pizza"
|
||
showDimOverlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={true}
|
||
tag="Our Story"
|
||
title="L'antica Pizzeria DaPietro: Authentic Neapolitan Tradition"
|
||
description="DaPietro is renowned in Tunisia for crafting authentic Neapolitan pizza. Each pizza is cooked in a traditional wood-fired oven, using only the finest, freshest Italian and local ingredients to deliver an unparalleled culinary experience."
|
||
subdescription="Our commitment to original Italian recipes, premium ingredients, and a warm, family-friendly atmosphere ensures a certified, memorable pizza experience for every guest."
|
||
icon={Utensils}
|
||
imageSrc="http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21841.jpg"
|
||
imageAlt="Traditional wood-fired pizza oven"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "pizza-margherita", name: "Margherita", price: "22 DT", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-tomato-slices-mozarella-herbs_114579-3769.jpg", imageAlt: "Margherita Pizza"},
|
||
{
|
||
id: "pizza-pepperoni", name: "Pepperoni", price: "28 DT", imageSrc: "http://img.b2bpic.net/free-photo/pizza-wooden-background_1232-2681.jpg", imageAlt: "Pepperoni Pizza"},
|
||
{
|
||
id: "pizza-quattro-formaggi", name: "Quattro Formaggi", price: "30 DT", imageSrc: "http://img.b2bpic.net/free-photo/half-view-margarita-pizza-garnished-with-basil_140725-8731.jpg", imageAlt: "Quattro Formaggi Pizza"},
|
||
{
|
||
id: "pizza-tuna", name: "Tuna Pizza", price: "27 DT", imageSrc: "http://img.b2bpic.net/free-photo/tuna-pizza-tomato-capers-cheese-onion-olives-top-view_141793-2490.jpg", imageAlt: "Tuna Pizza"},
|
||
{
|
||
id: "pizza-napoli", name: "Napoli Special", price: "34 DT", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-preparing-pizza_23-2150235804.jpg", imageAlt: "Napoli Special Pizza"},
|
||
{
|
||
id: "pizza-burrata", name: "Burrata Pizza", price: "36 DT", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-cheese-salad_23-2150096950.jpg", imageAlt: "Burrata Pizza"},
|
||
{
|
||
id: "pasta-alfredo", name: "Alfredo Pasta", price: "26 DT", imageSrc: "http://img.b2bpic.net/free-photo/pasta-fettuccine-chicken-cheese-mushrooms-cream-sauce-mint-side-view_141793-12453.jpg", imageAlt: "Alfredo Pasta"},
|
||
{
|
||
id: "pasta-carbonara", name: "Carbonara", price: "29 DT", imageSrc: "http://img.b2bpic.net/free-photo/top-view-asian-ramen-noodles-black-plate-cut-lemon-cherry-tomatoes-sea-salt-black-pepper-small-bowls-dark-table_140725-145851.jpg", imageAlt: "Carbonara Pasta"},
|
||
{
|
||
id: "pasta-lasagna", name: "Lasagna", price: "32 DT", imageSrc: "http://img.b2bpic.net/free-photo/pasta-bake-with-penne-tomatoes-mozarella_661915-128.jpg", imageAlt: "Lasagna"},
|
||
{
|
||
id: "dessert-tiramisu", name: "Tiramisu", price: "14 DT", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tiramisu-small-jar_23-2148531563.jpg", imageAlt: "Tiramisu"},
|
||
{
|
||
id: "dessert-chocolate-pizza", name: "Chocolate Pizza", price: "18 DT", imageSrc: "http://img.b2bpic.net/free-photo/delicious-plum-pie-with-chemex-coffee-ingredients-with-fabric-wooden-table-with-fabric_181624-19889.jpg", imageAlt: "Chocolate Pizza"},
|
||
{
|
||
id: "drink-cocacola", name: "Coca Cola", price: "5 DT", imageSrc: "http://img.b2bpic.net/free-photo/ice-cola-glass_1203-6716.jpg", imageAlt: "Coca Cola"},
|
||
{
|
||
id: "drink-mojito", name: "Mojito", price: "12 DT", imageSrc: "http://img.b2bpic.net/free-photo/mojito-cocktail-with-slices-lime-mint-blue-table_114579-34079.jpg", imageAlt: "Mojito"},
|
||
{
|
||
id: "drink-juice", name: "Fresh Juice", price: "10 DT", imageSrc: "http://img.b2bpic.net/free-photo/homemade-ice-tea-filled-with-lemon-slices_140725-1794.jpg", imageAlt: "Fresh Juice"},
|
||
]}
|
||
title="Our Authentic Italian Menu"
|
||
description="Savor the true taste of Italy with our meticulously crafted pizzas, pastas, and desserts, prepared with traditional recipes and premium ingredients."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Neapolitan Pizza Perfection", description: "Close-up of a perfectly baked Neapolitan pizza with fresh ingredients.", imageSrc: "https://img.b2bpic.net/free-photo/delicious-pizza-with-salami-cheese-basil_140725-14981.jpg", imageAlt: "Neapolitan pizza close-up", buttonIcon: Eye,
|
||
},
|
||
{
|
||
title: "The Wood-Fired Oven", description: "Our traditional oven, delivering authentic smoky flavors and crispy crusts.", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-oven_23-2150235794.jpg", imageAlt: "Wood-fired oven interior", buttonIcon: Eye,
|
||
},
|
||
{
|
||
title: "Luxury Interior Dining", description: "Elegant and comfortable dining atmosphere, perfect for a special meal.", imageSrc: "https://img.b2bpic.net/free-photo/empty-tables-modern-restaurant_1203-5775.jpg", imageAlt: "Luxury restaurant interior", buttonIcon: Eye,
|
||
},
|
||
{
|
||
title: "Vibrant Dining Atmosphere", description: "Guests enjoying their meals in our lively and inviting restaurant.", imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg", imageAlt: "Dining atmosphere", buttonIcon: Eye,
|
||
},
|
||
{
|
||
title: "Art of Pizza Making", description: "Our chefs skillfully preparing fresh, delicious pizzas.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-chef-preparing-pizza_23-2150235804.jpg", imageAlt: "Chefs preparing pizza", buttonIcon: Eye,
|
||
},
|
||
{
|
||
title: "Elegant Table Setting", description: "A beautifully arranged table, ready for a delightful dining experience.", imageSrc: "https://img.b2bpic.net/free-photo/dinner-party-restaurant_23-2149539223.jpg", imageAlt: "Elegant table setting", buttonIcon: Eye,
|
||
},
|
||
{
|
||
title: "Fresh Pizza Ingredients", description: "Close-up on the fresh, high-quality ingredients used in our pizzas.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-fresh-pizza-toppings_23-2149022646.jpg", imageAlt: "Close-up pizza shots", buttonIcon: Eye,
|
||
},
|
||
]}
|
||
title="Discover Our Restaurant & Cuisine"
|
||
description="Immerse yourself in the visual splendor of L'antica Pizzeria DaPietro, showcasing our exquisite dishes and luxurious ambiance."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Fatma Z. (Local Guide)", role: "Food Enthusiast", testimonial: "Absolutely incredible Neapolitan pizza! The crust was perfectly airy and the toppings fresh. A must-visit for authentic Italian taste.", imageSrc: "https://img.b2bpic.net/free-photo/young-african-american-woman-working-office_23-2151016790.jpg", imageAlt: "Fatma Z. profile picture"},
|
||
{
|
||
id: "2", name: "Youssef K. (Traveler)", role: "Globe Trotter", testimonial: "From the moment we walked in, the atmosphere was charming and welcoming. The pasta was divine, and the service was impeccable.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-bearded-man-cafe_23-2147743162.jpg", imageAlt: "Youssef K. profile picture"},
|
||
{
|
||
id: "3", name: "Amina R. (Resident)", role: "Regular Diner", testimonial: "My go-to spot for pizza night! Consistently delicious and the staff always remembers my favorite. Highly recommend the Margherita.", imageSrc: "https://img.b2bpic.net/free-photo/charming-pretty-woman-with-red-lips-curly-hair_23-2148700201.jpg", imageAlt: "Amina R. profile picture"},
|
||
{
|
||
id: "4", name: "Mehdi S. (Food Critic)", role: "Culinary Expert", testimonial: "A true culinary gem! The adherence to traditional methods shines through every bite. A top-tier dining experience in Tunis.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-man_144627-22872.jpg", imageAlt: "Mehdi S. profile picture"},
|
||
]}
|
||
title="What Our Valued Customers Say"
|
||
description="Read honest reviews from our guests and discover why L'antica Pizzeria DaPietro is a favorite destination for authentic Italian cuisine."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reservations" data-section="reservations">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Plan Your Visit"
|
||
title="Experience Authentic Italian Dining"
|
||
description="Book your table at L'antica Pizzeria DaPietro for an unforgettable Neapolitan pizza experience. For reservations, please provide your name, phone, desired date, and number of guests. Our team will confirm your booking promptly. For any inquiries, feel free to reach out. Phone 1: +216 29 560 999 | Phone 2: +216 28 212 320 | Location: Les Jardins d’El Menzah 1, Tunis, Tunisia | Opening hours: Every day: 12:00 PM - 10:30 PM"
|
||
buttons={[
|
||
{
|
||
text: "Reserve Your Table", href: "https://example.com/reservation"},
|
||
{
|
||
text: "Contact Us", href: "mailto:info@dapietro.tn"},
|
||
{
|
||
text: "WhatsApp", href: "https://wa.me/21629560999"},
|
||
{
|
||
text: "Instagram", href: "https://instagram.com/dapietro"},
|
||
{
|
||
text: "Facebook", href: "https://facebook.com/dapietro"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="L'antica Pizzeria DaPietro"
|
||
copyrightText="© 2024 L'antica Pizzeria DaPietro. All rights reserved."
|
||
socialLinks={[
|
||
{
|
||
icon: MessageSquare,
|
||
href: "https://wa.me/21629560999", ariaLabel: "WhatsApp"},
|
||
{
|
||
icon: Instagram,
|
||
href: "https://instagram.com/dapietro", ariaLabel: "Instagram"},
|
||
{
|
||
icon: Facebook,
|
||
href: "https://facebook.com/dapietro", ariaLabel: "Facebook"},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |