Merge version_1 into main #1
481
src/app/page.tsx
481
src/app/page.tsx
@@ -15,358 +15,155 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pizzeria Primavera"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pizzeria Primavera"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Authentic Italian Experience in the Heart of Vienna"
|
||||
description="Wood-fired pizza, fresh ingredients, unforgettable atmosphere."
|
||||
tag="Since 1995"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-cutting-pizza-wooden-table_23-2148305681.jpg",
|
||||
imageAlt: "Wood fired pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
|
||||
imageAlt: "Restaurant atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-vegetables_23-2148574236.jpg",
|
||||
imageAlt: "High angle pizza with vegetables",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sliced-pizza_23-2148753763.jpg",
|
||||
imageAlt: "Top view of delicious sliced pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-with-cheerful-woman-restaurant_23-2148016777.jpg",
|
||||
imageAlt: "Man hugging with cheerful woman in restaurant",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by locals and tourists alike"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Authentic Italian Experience in the Heart of Vienna"
|
||||
description="Wood-fired pizza, fresh ingredients, unforgettable atmosphere."
|
||||
tag="Since 1995"
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "Explore Menu", href: "#menu" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-cutting-pizza-wooden-table_23-2148305681.jpg", imageAlt: "Wood fired pizza" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "Restaurant atmosphere" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by locals and tourists alike"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Taste"
|
||||
description="At Pizzeria Primavera, we combine authentic Italian heritage with the vibrant energy of Vienna. Every pizza is a masterpiece of tradition and craftsmanship, baked in our authentic wood oven using only the freshest, premium ingredients."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "4.8",
|
||||
title: "Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-raw-dough-slices-with-flour-cream-desk_140725-91104.jpg"
|
||||
imageAlt="Traditional italian chef"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Taste"
|
||||
description="At Pizzeria Primavera, we combine authentic Italian heritage with the vibrant energy of Vienna. Every pizza is a masterpiece of tradition and craftsmanship, baked in our authentic wood oven using only the freshest, premium ingredients."
|
||||
metrics={[
|
||||
{ value: "25+", title: "Years Experience" },
|
||||
{ value: "4.8", title: "Rating" },
|
||||
{ value: "100%", title: "Fresh Ingredients" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-raw-dough-slices-with-flour-cream-desk_140725-91104.jpg"
|
||||
imageAlt="Traditional italian chef"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="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: "1",
|
||||
name: "Capricciosa Pizza",
|
||||
price: "€16.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vegan-pizza-done-with-vegetables-by-bakery_23-2150195155.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Spaghetti Carbonara",
|
||||
price: "€14.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-appetizing-pasta-with-shrimps-mushrooms-greens_181624-59472.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Grilled Salmon",
|
||||
price: "€22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak-grilled_1339-3582.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tiramisu",
|
||||
price: "€8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cake-glass-composition_23-2149030803.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Frutti di Mare",
|
||||
price: "€19.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-caucasian-sac-ichi-with-grilled-meat-vegetables_114579-4425.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mediterranean Salad",
|
||||
price: "€12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-background-food-concept-with-various-tasty-fresh-ingredients-cooking-italian-food-ingredients-view-from-with-copy-space_1220-1367.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="A curated selection of authentic italian classics."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Capricciosa Pizza", price: "€16.50", imageSrc: "http://img.b2bpic.net/free-photo/view-vegan-pizza-done-with-vegetables-by-bakery_23-2150195155.jpg" },
|
||||
{ id: "2", name: "Spaghetti Carbonara", price: "€14.90", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-appetizing-pasta-with-shrimps-mushrooms-greens_181624-59472.jpg" },
|
||||
{ id: "3", name: "Grilled Salmon", price: "€22.00", imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak-grilled_1339-3582.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="A curated selection of authentic italian classics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wood-Fired Oven",
|
||||
tags: [
|
||||
"Authentic",
|
||||
"Tradition",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-oven_1232-2394.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium Ingredients",
|
||||
tags: [
|
||||
"Fresh",
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-breaking-egg-flour_23-2148763168.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cozy Ambience",
|
||||
tags: [
|
||||
"Relaxed",
|
||||
"Elegant",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Primavera Experience"
|
||||
description="Discover the art of fine dining, where every detail matters."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Wood-Fired Oven", tags: ["Authentic", "Tradition"], imageSrc: "http://img.b2bpic.net/free-photo/pizza-oven_1232-2394.jpg" },
|
||||
{ id: "f2", title: "Premium Ingredients", tags: ["Fresh", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/male-chef-breaking-egg-flour_23-2148763168.jpg" },
|
||||
]}
|
||||
title="The Primavera Experience"
|
||||
description="Discover the art of fine dining, where every detail matters."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Our Legacy",
|
||||
content: "Founded in 1995, we bring the best of Italy to Vienna.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Our Ingredients",
|
||||
content: "Directly imported from local Italian farms.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Events & Groups",
|
||||
content: "Private room available for your special celebrations.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wine-glass_74190-3491.jpg"
|
||||
title="Our Story"
|
||||
description="A journey through time and flavor in the heart of Vienna."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Our Legacy", content: "Founded in 1995, we bring the best of Italy to Vienna." },
|
||||
{ id: "q2", title: "Our Ingredients", content: "Directly imported from local Italian farms." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wine-glass_74190-3491.jpg"
|
||||
title="Our Story"
|
||||
description="A journey through time and flavor in the heart of Vienna."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Food Blogger",
|
||||
company: "Vienna Bites",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006729.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Hans Schmidt",
|
||||
role: "Local",
|
||||
company: "Wieners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-wine-glasses_23-2152024840.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marco Rossi",
|
||||
role: "Critic",
|
||||
company: "Italia Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drunk-girl-having-fun-party_52683-92751.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emma Watson",
|
||||
role: "Tourist",
|
||||
company: "World Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-couple-enjoying-lunch-time-restaurant_637285-9035.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Peter Novak",
|
||||
role: "Regular",
|
||||
company: "Vienna Biz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-eating-homemade-cheese-pizza-pointing-showing-with-thumb-up-side-with-happy-face-smiling_839833-29959.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.7+",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "20k+",
|
||||
label: "Satisfied Guests",
|
||||
},
|
||||
{
|
||||
value: "1.2k",
|
||||
label: "Positive Reviews",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join thousands of satisfied diners."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Food Blogger", company: "Vienna Bites", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006729.jpg" },
|
||||
{ id: "t2", name: "Hans Schmidt", role: "Local", company: "Wieners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-wine-glasses_23-2152024840.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.7+", label: "Google Rating" },
|
||||
{ value: "20k+", label: "Satisfied Guests" },
|
||||
{ value: "1.2k", label: "Positive Reviews" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join thousands of satisfied diners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Pizzeria Primavera Wien | Steinbauergasse 22/3, 1120 Vienna, Austria | Phone: +43 681 20111959"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Pizzeria Primavera Wien | Steinbauergasse 22/3, 1120 Vienna, Austria | Phone: +43 681 20111959"
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "#contact" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/italian-chef-is-putting-prepared-margarita-pizza-oven-with-flame-it_613910-3398.jpg"
|
||||
logoText="Pizzeria Primavera"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Daily 11:00 - 23:00",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reservations Open",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/italian-chef-is-putting-prepared-margarita-pizza-oven-with-flame-it_613910-3398.jpg"
|
||||
logoText="Pizzeria Primavera"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Menu", href: "#menu" }, { label: "Gallery", href: "#gallery" }] },
|
||||
{ title: "Hours", items: [{ label: "Daily 11:00 - 23:00", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user