Initial commit
This commit is contained in:
211
src/app/page.tsx
Normal file
211
src/app/page.tsx
Normal file
@@ -0,0 +1,211 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Flame, Pizza, Star, Mail } from 'lucide-react';
|
||||
|
||||
export default function PizzeriaPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Pizzeria Madrid"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Pizzas", id: "pizzas" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Now", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Authentic Italian Pizza in the Heart of Madrid"
|
||||
description="Experience the true taste of Naples with our wood-fired pizzas crafted using the finest Italian ingredients and time-honored traditions since 2008."
|
||||
tag="Est. 2008"
|
||||
tagIcon={Flame}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/side-view-slice-pizza-wooden-board_176474-120139.jpg"
|
||||
imageAlt="Wood-fired pizza from our oven"
|
||||
imagePosition="right"
|
||||
kpis={[
|
||||
{ value: "15+", label: "Signature Pizzas" },
|
||||
{ value: "100%", label: "Authentic Ingredients" },
|
||||
{ value: "1000+", label: "Happy Guests Monthly" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "See Our Menu", href: "#pizzas" },
|
||||
{ text: "Make a Reservation", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pizzas" data-section="pizzas">
|
||||
<ProductCardTwo
|
||||
title="Our Signature Pizzas"
|
||||
description="Each pizza is handcrafted with love using imported Italian ingredients and our signature wood-fired technique."
|
||||
tag="Pizza Menu"
|
||||
tagIcon={Pizza}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground="invertDefault"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Classic", name: "Margherita", price: "€12.50", rating: 5,
|
||||
reviewCount: "234", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-sliced-pizza-with-copy-space_23-2148753765.jpg", imageAlt: "Margherita pizza with fresh basil and mozzarella"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Premium", name: "Pepperoni Napoli", price: "€14.90", rating: 5,
|
||||
reviewCount: "312", imageSrc: "https://img.b2bpic.net/free-photo/top-view-pizza-dough-with-wooden-board-tomatoes_23-2148753786.jpg", imageAlt: "Pepperoni pizza with crispy edges and authentic toppings"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Gourmet", name: "Quattro Formaggi", price: "€15.50", rating: 5,
|
||||
reviewCount: "289", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-pizza-with-tomatoes-parmesan-cheese_23-2148753756.jpg", imageAlt: "Creamy four-cheese pizza with premium mozzarella blend"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View Full Menu", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Where Tradition Meets Madrid's Passion for Great Food" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Visit Us Today", href: "#contact" },
|
||||
{ text: "Learn More", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="Why Our Pizza Stands Out"
|
||||
description="From our imported Italian flour to our hand-tossed dough, every detail reflects our commitment to authenticity and quality."
|
||||
tag="Our Difference"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground="invertDefault"
|
||||
features={[
|
||||
{
|
||||
title: "Wood-Fired Oven", description: "Imported stone oven heated to 400°C for perfect crust every time", imageSrc: "https://img.b2bpic.net/free-photo/restaurant-interior_1127-3394.jpg"
|
||||
},
|
||||
{
|
||||
title: "Artisan Craftsmanship", description: "Our pizzaiolos trained in Naples bring decades of experience to each pizza", imageSrc: "https://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="What Our Guests Say"
|
||||
description="Join thousands of Madrileños who've discovered authentic Italian pizza in the heart of our city"
|
||||
tag="Reviews"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "María García", handle: "Madrid Local", testimonial: "The best pizza I've had outside of Italy. The margherita is perfection - simple, authentic, and absolutely delicious!", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "María García"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Juan Rodríguez", handle: "Food Blogger", testimonial: "Finally found an authentic pizzeria in Madrid that respects the craft. The dough, the ingredients, the passion - it's all there.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "Juan Rodríguez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sofia Martínez", handle: "Restaurant Critic", testimonial: "An absolute gem. The wood-fired pizzas here transport you straight to Naples. Highly recommended for anyone serious about pizza.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Sofia Martínez"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Antonio Perez", handle: "Regular Customer", testimonial: "I've been coming here for 3 years and the quality never wavers. This is Madrid's treasure for authentic Italian pizza.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", imageAlt: "Antonio Perez"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Elena López", handle: "Travel Blogger", testimonial: "When visiting Madrid, this pizzeria is a must-visit. Authentic atmosphere, perfect pizzas, and warm hospitality.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", imageAlt: "Elena López"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Carlos Jiménez", handle: "Culinary Enthusiast", testimonial: "The attention to detail here is remarkable. Every ingredient matters and you can taste the difference in every bite.", imageSrc: "https://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg", imageAlt: "Carlos Jiménez"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Stay Connected"
|
||||
tagIcon={Mail}
|
||||
title="Join Our Pizza Lovers Community"
|
||||
description="Subscribe to our newsletter for special offers, new pizza releases, and invitations to exclusive tasting events."
|
||||
useInvertedBackground="invertDefault"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg"
|
||||
imageAlt="Our pizzaiolos crafting fresh pizza"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Pizzeria Madrid"
|
||||
copyrightText="© 2025 Pizzeria Madrid | Authentic Italian Pizza Since 2008"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Our Pizzas", href: "pizzas" },
|
||||
{ label: "Appetizers", href: "#" },
|
||||
{ label: "Desserts", href: "#" },
|
||||
{ label: "Beverages", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Restaurant", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Hours", href: "#" },
|
||||
{ label: "Location", href: "#" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Reviews", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user