131 lines
7.4 KiB
TypeScript
131 lines
7.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
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="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?_wi=1"
|
|
/>
|
|
</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?_wi=1" },
|
|
{ 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?_wi=1" },
|
|
{ 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?_wi=2" },
|
|
{ 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?_wi=2" },
|
|
]}
|
|
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?_wi=1" },
|
|
{ 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?_wi=2" },
|
|
]}
|
|
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="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?_wi=2"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|