Merge version_1 into main #2
398
src/app/page.tsx
398
src/app/page.tsx
@@ -10,298 +10,138 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Star, Heart, Smile } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Rezerwacja",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="U Połki i Allana"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Rezerwacja", id: "contact" },
|
||||
]}
|
||||
brandName="U Połki i Allana"
|
||||
button={{ text: "Zarezerwuj", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="U Połki i Allana"
|
||||
description="Smak, który zostaje. Atmosfera, do której się wraca."
|
||||
buttons={[
|
||||
{
|
||||
text: "Zobacz menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Rezerwacja",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg?_wi=1",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-copy-space_23-2148574235.jpg?_wi=1",
|
||||
imageAlt: "Pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg?_wi=1",
|
||||
imageAlt: "Steak",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-soft-cake-decorated-with-orange-nd-chocolate-dark-table_140725-86822.jpg?_wi=1",
|
||||
imageAlt: "Dessert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg?_wi=1",
|
||||
imageAlt: "Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg?_wi=2",
|
||||
imageAlt: "Ambiance",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="U Połki i Allana"
|
||||
description="Smak, który zostaje. Atmosfera, do której się wraca."
|
||||
buttons={[
|
||||
{ text: "Zobacz menu", href: "#menu" },
|
||||
{ text: "Rezerwacja", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg", imageAlt: "Restaurant ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-copy-space_23-2148574235.jpg", imageAlt: "Pizza" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg", imageAlt: "Steak" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-soft-cake-decorated-with-orange-nd-chocolate-dark-table_140725-86822.jpg", imageAlt: "Dessert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg", imageAlt: "Interior" },
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Miejsce z charakterem"
|
||||
description="Ukryta perełka, która zaskakuje od pierwszego kroku. Z zewnątrz niepozorna, w środku pełna klimatu, ciepła i wyjątkowego stylu. Naszą dumą są duże porcje, dopracowane dania i obsługa, która traktuje każdego gościa indywidualnie."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg?_wi=2"
|
||||
imageAlt="Restaurant atmosphere"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Miejsce z charakterem"
|
||||
description="Ukryta perełka, która zaskakuje od pierwszego kroku. Z zewnątrz niepozorna, w środku pełna klimatu, ciepła i wyjątkowego stylu. Naszą dumą są duże porcje, dopracowane dania i obsługa, która traktuje każdego gościa indywidualnie."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg"
|
||||
imageAlt="Restaurant atmosphere"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Duże porcje",
|
||||
description: "Goście wracają, bo wychodzą naprawdę najedzeni.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-copy-space_23-2148574235.jpg?_wi=2",
|
||||
titleIconSrc: "Star",
|
||||
buttonText: "Sprawdź menu",
|
||||
},
|
||||
{
|
||||
title: "Wyjątkowy klimat",
|
||||
description: "Przytulne wnętrze z charakterem i niepowtarzalnym stylem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg?_wi=3",
|
||||
titleIconSrc: "Heart",
|
||||
buttonText: "Galeria",
|
||||
},
|
||||
{
|
||||
title: "Miła obsługa",
|
||||
description: "Zawsze uśmiechnięta i dbająca o każdy detal wizyty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg?_wi=3",
|
||||
titleIconSrc: "Smile",
|
||||
buttonText: "Rezerwuj",
|
||||
},
|
||||
]}
|
||||
title="Dlaczego warto nas odwiedzić?"
|
||||
description="Doświadcz naszej wyjątkowej gościnności i smaku w samym sercu okolicy."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Duże porcje", description: "Goście wracają, bo wychodzą naprawdę najedzeni.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-copy-space_23-2148574235.jpg", titleIconSrc: "Star", buttonText: "Sprawdź menu" },
|
||||
{ title: "Wyjątkowy klimat", description: "Przytulne wnętrze z charakterem i niepowtarzalnym stylem.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg", titleIconSrc: "Heart", buttonText: "Galeria" },
|
||||
{ title: "Miła obsługa", description: "Zawsze uśmiechnięta i dbająca o każdy detal wizyty.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg", titleIconSrc: "Smile", buttonText: "Rezerwuj" },
|
||||
]}
|
||||
title="Dlaczego warto nas odwiedzić?"
|
||||
description="Doświadcz naszej wyjątkowej gościnności i smaku w samym sercu okolicy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Dania główne",
|
||||
name: "Pizza Napoletana",
|
||||
price: "45 zł",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-copy-space_23-2148574235.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Dania główne",
|
||||
name: "Stek z antrykotu",
|
||||
price: "89 zł",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Desery",
|
||||
name: "Sernik klasyczny",
|
||||
price: "22 zł",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-soft-cake-decorated-with-orange-nd-chocolate-dark-table_140725-86822.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Dania główne",
|
||||
name: "Risotto z borowikami",
|
||||
price: "52 zł",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-copy-space_23-2148574235.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Napoje",
|
||||
name: "Autorskie koktajle",
|
||||
price: "32 zł",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Desery",
|
||||
name: "Tiramisu",
|
||||
price: "26 zł",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-soft-cake-decorated-with-orange-nd-chocolate-dark-table_140725-86822.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Nasze specjalności"
|
||||
description="Autorskie dania przygotowane ze świeżych składników."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Dania główne", name: "Pizza Napoletana", price: "45 zł", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-copy-space_23-2148574235.jpg" },
|
||||
{ id: "2", brand: "Dania główne", name: "Stek z antrykotu", price: "89 zł", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg" },
|
||||
{ id: "3", brand: "Desery", name: "Sernik klasyczny", price: "22 zł", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-soft-cake-decorated-with-orange-nd-chocolate-dark-table_140725-86822.jpg" },
|
||||
{ id: "4", brand: "Dania główne", name: "Risotto z borowikami", price: "52 zł", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-copy-space_23-2148574235.jpg" },
|
||||
{ id: "5", brand: "Napoje", name: "Autorskie koktajle", price: "32 zł", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg" },
|
||||
]}
|
||||
title="Nasze specjalności"
|
||||
description="Autorskie dania przygotowane ze świeżych składników."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Kowalska",
|
||||
handle: "@anna_k",
|
||||
testimonial: "Pyszne jedzenie, duże porcje i świetna obsługa – wrócę na pewno!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marek Nowak",
|
||||
handle: "@marek_n",
|
||||
testimonial: "Jedno z najlepszych miejsc w okolicy. Klimat i smak na najwyższym poziomie.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kasia Zielińska",
|
||||
handle: "@kasia_z",
|
||||
testimonial: "Piękny lokal, świetne desery i bardzo sympatyczna obsługa.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Piotr Wójcik",
|
||||
handle: "@piotr_w",
|
||||
testimonial: "Z zewnątrz niepozorne, ale w środku totalne wow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ewa Dąbrowska",
|
||||
handle: "@ewa_d",
|
||||
testimonial: "Wyjątkowy klimat, wracamy co tydzień.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Co mówią o nas goście?"
|
||||
description="Prawdziwe opinie od prawdziwych miłośników dobrego jedzenia."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Anna Kowalska", handle: "@anna_k", testimonial: "Pyszne jedzenie, duże porcje i świetna obsługa – wrócę na pewno!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg" },
|
||||
{ id: "2", name: "Marek Nowak", handle: "@marek_n", testimonial: "Jedno z najlepszych miejsc w okolicy. Klimat i smak na najwyższym poziomie.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg" },
|
||||
{ id: "3", name: "Kasia Zielińska", handle: "@kasia_z", testimonial: "Piękny lokal, świetne desery i bardzo sympatyczna obsługa.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Co mówią o nas goście?"
|
||||
description="Prawdziwe opinie od prawdziwych miłośników dobrego jedzenia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Zarezerwuj stolik już dziś"
|
||||
description="Doświadcz smaku, który pokochali nasi goście. Skontaktuj się z nami bezpośrednio."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Imię i nazwisko",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Adres email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Numer telefonu",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Twoja wiadomość lub prośba o rezerwację",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unfocused-restaurante_1203-758.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Zarezerwuj stolik już dziś"
|
||||
description="Doświadcz smaku, który pokochali nasi goście. Skontaktuj się z nami bezpośrednio."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Imię i nazwisko", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Adres email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Numer telefonu", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Twoja wiadomość lub prośba o rezerwację", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unfocused-restaurante_1203-758.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="U Połki i Allana"
|
||||
leftLink={{
|
||||
text: "Regulamin",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Polityka Prywatności",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="U Połki i Allana"
|
||||
leftLink={{ text: "Regulamin", href: "#" }}
|
||||
rightLink={{ text: "Polityka Prywatności", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user