257 lines
13 KiB
TypeScript
257 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { ArrowRight, Leaf, UtensilsCrossed, Wine } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Restaurant Špajz"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCarouselLogo
|
|
logoText="Špajz"
|
|
description="Experience the authentic flavors of Slovenia. Traditional dishes crafted with passion and local ingredients."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
{
|
|
text: "Make a Reservation", href: "#contact"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468695.jpg", imageAlt: "Cozy restaurant interior with warm lighting"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-cake-flat-lay_23-2148395148.jpg", imageAlt: "Plate of traditional Slovenian stew"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/valentine-s-day-celebration-with-flowers_23-2151917786.jpg", imageAlt: "Wine glasses on a table in a restaurant setting"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg", imageAlt: "Chef holding fresh, local ingredients"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-843.jpg", imageAlt: "Modern restaurant interior with stylish decor"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-vanilla-cake-cup-tea-wrapped-by-tablecloth_114579-4240.jpg", imageAlt: "Delicious gourmet dessert with fresh berries"},
|
|
]}
|
|
autoplayDelay={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Our Story: A Taste of Slovenian Heritage"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "menu-1", name: "Kranjska Klobasa", price: "€18.50", imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-sausage-close-up-detail_23-2149098894.jpg", imageAlt: "Kranjska Klobasa, traditional Slovenian sausage"},
|
|
{
|
|
id: "menu-2", name: "Prekmurska Gibanica", price: "€9.00", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-black-platter_114579-17495.jpg", imageAlt: "Prekmurska Gibanica, layered pastry cake"},
|
|
{
|
|
id: "menu-3", name: "Bograč Goulash", price: "€22.00", imageSrc: "http://img.b2bpic.net/free-photo/homemade-chanterelle-stuffed-round-zucchini-plate_53876-101537.jpg", imageAlt: "Hearty Bograč Goulash"},
|
|
{
|
|
id: "menu-4", name: "Štruklji", price: "€14.00", imageSrc: "http://img.b2bpic.net/free-photo/baker-flattening-dough-with-rolling-pin-chopping-board_23-2147872759.jpg", imageAlt: "Traditional Slovenian Štruklji dumplings"},
|
|
{
|
|
id: "menu-5", name: "Jota Soup", price: "€12.50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hash-traditional-azerbaijani-dish-kyasa-plate-with-onions-crackers_140725-11446.jpg", imageAlt: "Jota, traditional Slovenian cabbage and bean soup"},
|
|
{
|
|
id: "menu-6", name: "Potica", price: "€8.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colomba-with-almonds-flowers_23-2149341679.jpg", imageAlt: "Potica, Slovenian nut roll"},
|
|
]}
|
|
title="Our Exquisite Menu"
|
|
description="From traditional Slovenian classics to innovative seasonal creations, our menu celebrates the best of local produce and culinary craftsmanship."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Private Dining", description: "Enjoy an intimate and exclusive dining experience in our beautifully appointed private rooms, perfect for celebrations or business meetings.", imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-table-restaurant_23-2148014447.jpg", imageAlt: "Elegant private dining room", buttonIcon: ArrowRight,
|
|
},
|
|
{
|
|
title: "Farm-to-Table Philosophy", description: "We partner with local Slovenian farmers to source the freshest seasonal ingredients, ensuring quality and supporting our community.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-with-basket-full-fresh-vegetables-dark-food-color-meal-salad-kitchen-cuisine_179666-43989.jpg", imageAlt: "Chef with fresh local produce", buttonIcon: Leaf,
|
|
},
|
|
{
|
|
title: "Cooking Workshops", description: "Learn the secrets of Slovenian cuisine from our expert chefs. Our interactive workshops offer a hands-on journey into traditional recipes.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-food-bowl_23-2149008762.jpg", imageAlt: "Cooking class with participants", buttonIcon: UtensilsCrossed,
|
|
},
|
|
{
|
|
title: "Slovenian Wine Pairings", description: "Complement your meal with a selection from our extensive cellar, featuring the finest Slovenian wines, expertly paired by our sommelier.", imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-concept-with-man_23-2147715614.jpg", imageAlt: "Sommelier pouring wine", buttonIcon: Wine,
|
|
},
|
|
]}
|
|
title="Beyond the Plate: Our Offerings"
|
|
description="Discover what makes dining at Restaurant Špajz a truly special experience, from our private dining options to our commitment to sustainability."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Restaurant Špajz offers an unparalleled journey into the heart of Slovenian gastronomy. Every dish is a masterpiece, a perfect blend of tradition and innovation. The ambiance is charming, and the staff are incredibly attentive. A truly unforgettable dining experience!"
|
|
rating={5}
|
|
author="Luka Petrovič, Food Critic"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg", alt: "Luka Petrovič"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Ana Kovač"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/old-age-thoughts-concept_273609-43793.jpg", alt: "Marko Novak"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg", alt: "Sara Slapnik"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-with-glasses-talking-his-phone_23-2148422139.jpg", alt: "Žiga Zajc"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "team-1", name: "Chef Andrej", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/portrait-chef-kitchen_23-2148471923.jpg", imageAlt: "Head Chef Andrej"},
|
|
{
|
|
id: "team-2", name: "Anja Horvat", role: "Restaurant Manager", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-using-her-tablet_23-2148142769.jpg", imageAlt: "Anja Horvat, Restaurant Manager"},
|
|
{
|
|
id: "team-3", name: "Miha Zupan", role: "Sous Chef", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-preparing-dessert_23-2148972040.jpg", imageAlt: "Miha Zupan, Sous Chef"},
|
|
]}
|
|
title="Meet Our Passionate Team"
|
|
description="Our dedicated chefs and attentive staff are committed to providing you with an exceptional dining experience, from the kitchen to your table."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Us or Make a Reservation"
|
|
description="We look forward to welcoming you to Restaurant Špajz. For reservations, inquiries, or private event bookings, please contact us using the form below."
|
|
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"},
|
|
{
|
|
name: "date", type: "date", placeholder: "Reservation Date", required: true,
|
|
},
|
|
{
|
|
name: "time", type: "time", placeholder: "Reservation Time", required: true,
|
|
},
|
|
{
|
|
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message / Special Requests", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59713.jpg"
|
|
imageAlt="Elegant restaurant interior with empty tables"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/bicycle-city-health-leisure-town-urban-vehicle_53876-16483.jpg"
|
|
imageAlt="Restaurant exterior at night"
|
|
logoText="Špajz"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Menu", href: "#menu"},
|
|
{
|
|
label: "Features", href: "#features"},
|
|
{
|
|
label: "Team", href: "#team"},
|
|
],
|
|
},
|
|
{
|
|
title: "Visit", items: [
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
{
|
|
label: "Location", href: "#contact"},
|
|
{
|
|
label: "Hours", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
{
|
|
label: "Email", href: "mailto:info@spajz.com"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Restaurant Špajz. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|