204 lines
9.8 KiB
TypeScript
204 lines
9.8 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Oferta", id: "bestsellers"},
|
||
{
|
||
name: "O nas", id: "story"},
|
||
{
|
||
name: "Opinie", id: "social"},
|
||
{
|
||
name: "Lokalizacja", id: "final-cta"},
|
||
]}
|
||
brandName="Tu Się Piecze"
|
||
button={{
|
||
text: "Zamów teraz", href: "#final-cta"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardScroll
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Do tej piekarni wraca się dla smaku"
|
||
description="Rzemieślnicze wypieki tworzone codziennie – z prawdziwych składników, w małych partiach, z sercem."
|
||
buttons={[
|
||
{
|
||
text: "Zobacz ofertę", href: "#bestsellers"},
|
||
{
|
||
text: "Odwiedź nas", href: "#final-cta"},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/extreme-close-up-of-a-rustic-artisan-sou-1774794458690-3fcbdda1.png?_wi=1"
|
||
imageAlt="Artisan bread"
|
||
/>
|
||
</div>
|
||
|
||
<div id="values" data-section="values">
|
||
<FeatureCardSixteen
|
||
textboxLayout="split"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
negativeCard={{
|
||
items: [
|
||
"Bez polepszaczy smaku", "Bez mrożonych półproduktów", "Bez zbędnych konserwantów", "Bez sztucznych aromatów", "Bez długiej daty ważności"],
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"Tylko naturalne składniki", "Ręczna, codzienna produkcja", "Pełne, autorskie nadzienia", "Wieloletni zakwas żytni", "Wypiekane w piecu kamiennym"],
|
||
}}
|
||
title="Dlaczego tu?"
|
||
description="Jakość, której nie znajdziesz w sieciowych marketach."
|
||
/>
|
||
</div>
|
||
|
||
<div id="bestsellers" data-section="bestsellers">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", brand: "Klasyka", name: "Jagodzianka z kruszonką", price: "14 PLN", rating: 5,
|
||
reviewCount: "120+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/close-up-of-a-blueberry-bun-intense-blue-1774794458821-1a2c311f.png?_wi=1"},
|
||
{
|
||
id: "p2", brand: "Sezonowe", name: "Drożdżówki z kremem", price: "12 PLN", rating: 5,
|
||
reviewCount: "85+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/freshly-baked-sweet-rolls-with-cream-top-1774794459736-a87e016c.png?_wi=1"},
|
||
{
|
||
id: "p3", brand: "Rzemiosło", name: "Chleb na zakwasie", price: "18 PLN", rating: 5,
|
||
reviewCount: "200+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/rustic-loaf-of-bread-on-a-dark-stone-sur-1774794459211-0b9dd2e5.png?_wi=1"},
|
||
]}
|
||
title="Nasze Bestellery"
|
||
description="Wypieki, które znikają najszybciej."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social" data-section="social">
|
||
<TestimonialCardTwo
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Anna Kowalska", role: "Stała klientka", testimonial: "Jedne z najlepszych jagodzianek jakie kiedykolwiek jadłam.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/extreme-close-up-of-a-rustic-artisan-sou-1774794458690-3fcbdda1.png?_wi=2"},
|
||
{
|
||
id: "2", name: "Marek Nowak", role: "Smakosz", testimonial: "Nie wiem co lepsze – obsługa czy same wypieki. Rewelacja.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/close-up-of-a-blueberry-bun-intense-blue-1774794458821-1a2c311f.png?_wi=2"},
|
||
{
|
||
id: "3", name: "Ewa Zielińska", role: "Lokalna mieszkanka", testimonial: "Prawdziwe chleby jak z dawnych lat. Wreszcie coś z duszą.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/freshly-baked-sweet-rolls-with-cream-top-1774794459736-a87e016c.png?_wi=2"},
|
||
{
|
||
id: "4", name: "Piotr Wójcik", role: "Fan pieczywa", testimonial: "Malinianka to jeden z najlepszych wypieków, jakie próbowałem.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/rustic-loaf-of-bread-on-a-dark-stone-sur-1774794459211-0b9dd2e5.png?_wi=2"},
|
||
{
|
||
id: "5", name: "Katarzyna B.", role: "Koneserka", testimonial: "Cudowny zapach pieczywa czuć już z daleka. Polecam z całego serca.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/healthy-whole-grain-bread-slices-aesthet-1774794458888-5b79e4ff.png?_wi=1"},
|
||
]}
|
||
title="Co mówią goście"
|
||
description="Dziękujemy za każdą miłą opinię."
|
||
/>
|
||
</div>
|
||
|
||
<div id="story" data-section="story">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="Tu się piecze"
|
||
description="Lokalna piekarnia, gdzie wszystko powstaje od zera na miejscu. Brak sztucznych dodatków i codzienna, wczesna praca to nasze fundamenty. Dlatego czasem coś się kończy – ale jakość nigdy."
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/artisan-baker-hands-working-with-dough-o-1774794459685-bb4769c9.png"
|
||
/>
|
||
</div>
|
||
|
||
<div id="scarcity" data-section="scarcity">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "100%", title: "Ręczna praca", description: "Każdy bochenek jest unikalny.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/rustic-loaf-of-bread-on-a-dark-stone-sur-1774794459211-0b9dd2e5.png?_wi=3"},
|
||
{
|
||
id: "m2", value: "0", title: "Ulepszaczy", description: "Tylko naturalna fermentacja.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/healthy-whole-grain-bread-slices-aesthet-1774794458888-5b79e4ff.png?_wi=2"},
|
||
{
|
||
id: "m3", value: "Daily", title: "Świeżość", description: "Wypiekamy tylko tyle, ile sprzedamy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUwnErdyy6WI5rDcHGgLLottMK/close-up-of-a-blueberry-bun-intense-blue-1774794458821-1a2c311f.png?_wi=3"},
|
||
]}
|
||
title="Najlepsze rzeczy znikają pierwsze"
|
||
description="Wypiekamy w małych partiach. Świeżość to nasza główna zasada."
|
||
/>
|
||
</div>
|
||
|
||
<div id="final-cta" data-section="final-cta">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Zapraszamy"
|
||
title="Przyjdź zanim się wyprzeda"
|
||
description="Znajdź nas w Piątkowie i poczuj prawdziwy zapach chleba."
|
||
buttons={[
|
||
{
|
||
text: "Zobacz lokalizację", href: "#footer"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
columns={[
|
||
{
|
||
title: "Kontakt", items: [
|
||
{
|
||
label: "Józefa Kostrzewskiego 30, 60-685 Poznań", href: "#"},
|
||
{
|
||
label: "tel: 459354147", href: "tel:459354147"},
|
||
],
|
||
},
|
||
{
|
||
title: "Godziny", items: [
|
||
{
|
||
label: "Wt-Pt: 7:00 - 18:00", href: "#"},
|
||
{
|
||
label: "Sob: 8:00 - 14:00", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Social", items: [
|
||
{
|
||
label: "Instagram", href: "#"},
|
||
{
|
||
label: "Facebook", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="Tu Się Piecze © 2024"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |