Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
232
src/app/page.tsx
232
src/app/page.tsx
@@ -25,151 +25,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Our Craft", id: "#about"},
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reservation", id: "#contact"},
|
||||
]}
|
||||
brandName="NeaS Pizzeria"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Our Craft", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Reservation", id: "#contact" },
|
||||
]}
|
||||
brandName="NeaS Pizzeria"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Neapolitan Pizza, Košice's Heart"
|
||||
description="Slow-fermented dough, premium ingredients, minimalist elegance. Experience pizza as it should taste."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table", href: "#contact"},
|
||||
{
|
||||
text: "Order Takeaway", href: "#menu"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305631.jpg", imageAlt: "Neapolitan Pizza"},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-pouring-flour-table-dough-dark-egg-cuisine-job-pastry-bakery-kitchen-hotcake_179666-43876.jpg", imageAlt: "Artisan Dough"},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/dough-oil-cheese-tomatoes-eggs-greens-grey-wooden-surface_176420-6791.jpg", imageAlt: "Fresh Ingredients"},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg", imageAlt: "Ambiance"},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/rusty-shackle-worn-rope-detail_632498-60871.jpg", imageAlt: "Fire Oven"},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/couple-cooking-pizza-with-cheese-table_23-2148040987.jpg", imageAlt: "Plating"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Neapolitan Pizza, Košice's Heart"
|
||||
description="Slow-fermented dough, premium ingredients, minimalist elegance. Experience pizza as it should taste."
|
||||
buttons={[
|
||||
{ text: "Reserve Table", href: "#contact" },
|
||||
{ text: "Order Takeaway", href: "#menu" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305631.jpg", imageAlt: "Neapolitan Pizza" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-pouring-flour-table-dough-dark-egg-cuisine-job-pastry-bakery-kitchen-hotcake_179666-43876.jpg", imageAlt: "Artisan Dough" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/dough-oil-cheese-tomatoes-eggs-greens-grey-wooden-surface_176420-6791.jpg", imageAlt: "Fresh Ingredients" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg", imageAlt: "Ambiance" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/rusty-shackle-worn-rope-detail_632498-60871.jpg", imageAlt: "Fire Oven" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/couple-cooking-pizza-with-cheese-table_23-2148040987.jpg", imageAlt: "Plating" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Heritage in Every Slice"
|
||||
description="At NeaS, we honor the Neapolitan tradition. From the 48-hour slow fermentation process to our hand-picked San Marzano tomatoes, we strive for perfection in every bite, bringing a piece of Naples to the heart of Košice."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-girl-cuts-meat-pizza-with-bell-pepper-barbecue-sauce-tray_140725-11463.jpg"
|
||||
imageAlt="NeaS Pizza Crafting"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Heritage in Every Slice"
|
||||
description="At NeaS, we honor the Neapolitan tradition. From the 48-hour slow fermentation process to our hand-picked San Marzano tomatoes, we strive for perfection in every bite, bringing a piece of Naples to the heart of Košice."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-girl-cuts-meat-pizza-with-bell-pepper-barbecue-sauce-tray_140725-11463.jpg"
|
||||
imageAlt="NeaS Pizza Crafting"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Margherita D.O.P.", price: "€14", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-delicious-traditional-pizza_23-2148921326.jpg"},
|
||||
{
|
||||
id: "p2", name: "Prosciutto e Rucola", price: "€18", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/halved-tomato-slices-yellow-bell-pepper-wooden-spoon-peppermill-near-delicious-italian-pizza_23-2148076081.jpg"},
|
||||
{
|
||||
id: "p3", name: "Tartufo Bianco", price: "€20", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-vegetables_23-2148567131.jpg"},
|
||||
{
|
||||
id: "p4", name: "Diavola", price: "€16", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-delicious-traditional-pizza_23-2148921326.jpg"},
|
||||
{
|
||||
id: "p5", name: "Quattro Formaggi", price: "€17", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/halved-tomato-slices-yellow-bell-pepper-wooden-spoon-peppermill-near-delicious-italian-pizza_23-2148076081.jpg"},
|
||||
]}
|
||||
title="Our Pizza Collection"
|
||||
description="Hand-stretched, stone-baked authenticity."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Margherita D.O.P.", price: "€14", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-delicious-traditional-pizza_23-2148921326.jpg" },
|
||||
{ id: "p2", name: "Prosciutto e Rucola", price: "€18", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/halved-tomato-slices-yellow-bell-pepper-wooden-spoon-peppermill-near-delicious-italian-pizza_23-2148076081.jpg" },
|
||||
{ id: "p3", name: "Tartufo Bianco", price: "€20", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-vegetables_23-2148567131.jpg" },
|
||||
{ id: "p4", name: "Diavola", price: "€16", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-delicious-traditional-pizza_23-2148921326.jpg" },
|
||||
{ id: "p5", name: "Quattro Formaggi", price: "€17", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/halved-tomato-slices-yellow-bell-pepper-wooden-spoon-peppermill-near-delicious-italian-pizza_23-2148076081.jpg" },
|
||||
]}
|
||||
title="Our Pizza Collection"
|
||||
description="Hand-stretched, stone-baked authenticity."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-cafe-dines-traditional-shakshuka_169016-17052.jpg"},
|
||||
{
|
||||
id: "t2", name: "Marek K.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-looking-mobile_23-2148395407.jpg"},
|
||||
{
|
||||
id: "t3", name: "Jana B.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg"},
|
||||
{
|
||||
id: "t4", name: "Peter S.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-restaurant_23-2148018796.jpg"},
|
||||
{
|
||||
id: "t5", name: "Lucia M.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-cafe-dines-traditional-shakshuka_169016-17052.jpg"},
|
||||
]}
|
||||
cardTitle="What Košice Says"
|
||||
cardTag="Authentic Feedback"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-cafe-dines-traditional-shakshuka_169016-17052.jpg" },
|
||||
{ id: "t2", name: "Marek K.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-looking-mobile_23-2148395407.jpg" },
|
||||
{ id: "t3", name: "Jana B.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg" },
|
||||
{ id: "t4", name: "Peter S.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-restaurant_23-2148018796.jpg" },
|
||||
{ id: "t5", name: "Lucia M.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-cafe-dines-traditional-shakshuka_169016-17052.jpg" },
|
||||
]}
|
||||
cardTitle="What Košice Says"
|
||||
cardTag="Authentic Feedback"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Table"
|
||||
description="Secure your spot at NeaS. Whether it's a casual date night or a business reservation, we look forward to serving you."
|
||||
inputPlaceholder="Enter your email for reservation updates"
|
||||
buttonText="Inquire Reservation"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Table"
|
||||
description="Secure your spot at NeaS. Whether it's a casual date night or a business reservation, we look forward to serving you."
|
||||
inputPlaceholder="Enter your email for reservation updates"
|
||||
buttonText="Inquire Reservation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-dating-luxury-restaurant_613910-21002.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "NeaS Pizzeria", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reservations", items: [
|
||||
{
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "Group Events", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
columns={[
|
||||
{ title: "NeaS Pizzeria", items: [{ label: "About Us", href: "#about" }, { label: "Our Story", href: "#about" }] },
|
||||
{ title: "Reservations", items: [{ label: "Book Now", href: "#contact" }, { label: "Group Events", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user