228 lines
13 KiB
TypeScript
228 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Flame, Heart, Leaf, Users, Award, Pizza, Star, MessageCircle } from "lucide-react";
|
|
|
|
export default function PizzeriaPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Pizzeria"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "products" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Authentic Italian Pizza Crafted with Passion"
|
|
description="Experience the warmth of genuine Italian tradition with every bite. Fresh ingredients, traditional techniques, and love in every pizza."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Artisan Pizzeria"
|
|
tagIcon={Flame}
|
|
imageSrc="https://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg"
|
|
imageAlt="Fresh Italian pizza from wood-fired oven"
|
|
buttons={[
|
|
{ text: "View Menu", href: "products" },
|
|
{ text: "Reserve Table", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Our Story: Tradition Meets Quality"
|
|
description="For over 15 years, we've been dedicated to bringing authentic Italian pizza to our community. We believe in using only the finest, freshest ingredients sourced from trusted suppliers. Every pizza is handcrafted with care, using time-honored techniques passed down through generations."
|
|
tag="About Us"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
imagePosition="right"
|
|
imageSrc="https://img.b2bpic.net/free-photo/homemade-pizza-food-photography-recipe-idea_53876-38.jpg"
|
|
imageAlt="Fresh ingredients used in our pizzeria"
|
|
bulletPoints={[
|
|
{
|
|
title: "Premium Ingredients", description: "Hand-selected fresh produce and imported Italian ingredients", icon: Leaf
|
|
},
|
|
{
|
|
title: "Traditional Methods", description: "Authentic wood-fired ovens and time-honored pizza-making techniques", icon: Flame
|
|
},
|
|
{
|
|
title: "Family Values", description: "A warm, welcoming atmosphere perfect for families and friends", icon: Users
|
|
},
|
|
{
|
|
title: "Commitment to Quality", description: "Every pizza is crafted with meticulous attention to detail", icon: Award
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Our Signature Menu"
|
|
description="Discover our carefully curated selection of authentic Italian pizzas, each crafted with love and premium ingredients"
|
|
tag="Featured Pizzas"
|
|
tagIcon={Pizza}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Margherita Classica", price: "$14.99", variant: "Fresh mozzarella, basil, tomato sauce", imageSrc: "https://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg", imageAlt: "Margherita Pizza", isFavorited: false
|
|
},
|
|
{
|
|
id: "2", name: "Pepperoni Milano", price: "$16.99", variant: "Crispy pepperoni, mozzarella, oregano", imageSrc: "https://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134253.jpg", imageAlt: "Pepperoni Pizza", isFavorited: false
|
|
},
|
|
{
|
|
id: "3", name: "Vegetarian Delights", price: "$15.99", variant: "Mixed vegetables, fresh herbs, mozzarella", imageSrc: "https://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134273.jpg", imageAlt: "Vegetarian Pizza", isFavorited: false
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="Why Choose Our Pizzeria"
|
|
description="Experience the difference that passion and quality ingredients make"
|
|
tag="Our Advantages"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
showStepNumbers={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Authentic Wood-Fired Oven", description: "Our traditional oven reaches perfect temperatures for that authentic crispy crust and smoky flavor that defines true Italian pizza.", phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134248.jpg" },
|
|
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134248.jpg" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Premium Quality Ingredients", description: "We source only the finest ingredients, from San Marzano tomatoes to imported mozzarella. Quality is never compromised.", phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134263.jpg" },
|
|
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134263.jpg" }
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Warm Family Atmosphere", description: "Our cozy pizzeria welcomes families, friends, and pizza lovers. Every visit feels like coming home to authentic Italian hospitality.", phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg" },
|
|
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg" }
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Love"
|
|
description="Real stories from people who've experienced our authentic Italian pizza"
|
|
tag="Customer Reviews"
|
|
tagIcon={MessageCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Giuseppe", handle: "@mariag_foodie", testimonial: "The best pizza I've had outside of Italy. The crust is perfectly crispy and the ingredients taste so fresh. I'm a regular now!", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Maria Giuseppe"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", handle: "@chenjames", testimonial: "Outstanding service and absolutely delicious pizza. This place has become my family's favorite dinner spot. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Sofia Rodriguez", handle: "@sofias_kitchen", testimonial: "Authentic Italian flavors in every bite. You can taste the quality of the ingredients. Worth every penny!", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Sofia Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Thompson", handle: "@davidt_eats", testimonial: "Finally found a pizzeria that respects the craft. The passion for pizza-making here is evident in every slice.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", imageAlt: "David Thompson"
|
|
},
|
|
{
|
|
id: "5", name: "Elena Rossi", handle: "@elenacooks", testimonial: "The atmosphere is warm and welcoming, just like a true Italian pizzeria. Food is exceptional and service is top-notch.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Elena Rossi"
|
|
},
|
|
{
|
|
id: "6", name: "Michael Park", handle: "@michaelp_food", testimonial: "A hidden gem in the neighborhood. The pizza is incredible and the owners genuinely care about their customers' experience.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Michael Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions or want to make a reservation? We'd love to hear from you. Fill out the form below and we'll get back to you soon."
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14667.jpg"
|
|
imageAlt="Cozy pizzeria dining atmosphere"
|
|
mediaPosition="right"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your reservation or question...", rows: 5,
|
|
required: true
|
|
}}
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg"
|
|
imageAlt="Traditional pizza oven"
|
|
logoText="Pizzeria"
|
|
copyrightText="© 2025 Pizzeria. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Pizzas", href: "products" },
|
|
{ label: "Drinks", href: "#" },
|
|
{ label: "Desserts", href: "#" },
|
|
{ label: "Specials", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Ingredients", href: "#" },
|
|
{ label: "Reviews", href: "testimonials" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Reservations", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |