Merge version_2 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, BookOpen, Heart, Map, Mountain, Shield, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "O Nas",
|
||||
id: "about",
|
||||
},
|
||||
name: "O Nas", id: "about"},
|
||||
{
|
||||
name: "Oferta",
|
||||
id: "features",
|
||||
},
|
||||
name: "Oferta", id: "features"},
|
||||
{
|
||||
name: "Opinie",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Opinie", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Bieszczadzki Szeryf"
|
||||
/>
|
||||
@@ -55,109 +47,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Bieszczadzki Szeryf – Twój przewodnik po górach"
|
||||
description="Profesjonalne prowadzenie wypraw, edukacja i bezpieczeństwo w sercu Bieszczadów. Dołącz do tysięcy zadowolonych wędrowców."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna Kowalska",
|
||||
handle: "@anna_k",
|
||||
testimonial: "Niesamowite doświadczenie! Bieszczadzki Szeryf sprawił, że nasza wyprawa była bezpieczna i pełna ciekawostek.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foggy-summer-morning-mountains-carpathian-ukraine-europe-beauty-world_231208-8127.jpg?_wi=1",
|
||||
imageAlt: "mountain landscape bieszczady scenic",
|
||||
},
|
||||
name: "Anna Kowalska", handle: "@anna_k", testimonial: "Niesamowite doświadczenie! Bieszczadzki Szeryf sprawił, że nasza wyprawa była bezpieczna i pełna ciekawostek.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foggy-summer-morning-mountains-carpathian-ukraine-europe-beauty-world_231208-8127.jpg?_wi=1", imageAlt: "mountain landscape bieszczady scenic"},
|
||||
{
|
||||
name: "Piotr Nowak",
|
||||
handle: "@piotr_n",
|
||||
testimonial: "Najlepszy wybór na wypad w góry. Profesjonalizm w każdym calu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flam-norway-june-06-2023-mountain_58702-16592.jpg?_wi=1",
|
||||
imageAlt: "mountain landscape bieszczady scenic",
|
||||
},
|
||||
name: "Piotr Nowak", handle: "@piotr_n", testimonial: "Najlepszy wybór na wypad w góry. Profesjonalizm w każdym calu.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flam-norway-june-06-2023-mountain_58702-16592.jpg?_wi=1", imageAlt: "mountain landscape bieszczady scenic"},
|
||||
{
|
||||
name: "Marek Wiśniewski",
|
||||
handle: "@marek_w",
|
||||
testimonial: "Czułem się bezpiecznie przez cały czas. Polecam każdemu!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-120402.jpg?_wi=1",
|
||||
imageAlt: "mountain landscape bieszczady scenic",
|
||||
},
|
||||
{
|
||||
name: "Katarzyna Zając",
|
||||
handle: "@kasia_z",
|
||||
testimonial: "Przewodnik z pasją i ogromną wiedzą. Na pewno wrócimy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-checking-photos-camera_23-2148362038.jpg?_wi=1",
|
||||
imageAlt: "mountain landscape bieszczady scenic",
|
||||
},
|
||||
{
|
||||
name: "Tomasz Lis",
|
||||
handle: "@tomasz_l",
|
||||
testimonial: "Doskonała organizacja wyprawy. Dziękujemy!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pulling-boyfriends-hand-nature_23-2147828078.jpg?_wi=1",
|
||||
imageAlt: "mountain landscape bieszczady scenic",
|
||||
},
|
||||
name: "Marek Wiśniewski", handle: "@marek_w", testimonial: "Czułem się bezpiecznie przez cały czas. Polecam każdemu!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-120402.jpg?_wi=1", imageAlt: "mountain landscape bieszczady scenic"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Rezerwuj Wyprawę",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Rezerwuj Wyprawę", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/foggy-summer-morning-mountains-carpathian-ukraine-europe-beauty-world_231208-8127.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mysterious-shot-single-dry-bush-background-foggy-forest-with-lake-lake-district_181624-29336.jpg",
|
||||
alt: "Mountain explorer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-landscape-view-pirin-mountains-autumn-day-change-seasons_166373-5491.jpg",
|
||||
alt: "Mountain guide smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nothern-scenery_1098-13181.jpg",
|
||||
alt: "Trekker resting at view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-phu-chi-fa-mountains-with-mexican-flower-chiang-rai-thailand_335224-1280.jpg",
|
||||
alt: "Happy nature enthusiast",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/golden-gate-highlands-national-park_181624-15007.jpg",
|
||||
alt: "Professional mountain leader",
|
||||
},
|
||||
]}
|
||||
avatarText="Ponad 1500 zadowolonych wędrowców"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Bezpieczeństwo",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Profesjonalizm",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pasja",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Edukacja",
|
||||
icon: BookOpen,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Przygoda",
|
||||
icon: Mountain,
|
||||
},
|
||||
{ type: "text-icon", text: "Bezpieczeństwo", icon: Shield },
|
||||
{ type: "text-icon", text: "Profesjonalizm", icon: Award },
|
||||
{ type: "text-icon", text: "Pasja", icon: Heart },
|
||||
{ type: "text-icon", text: "Edukacja", icon: BookOpen },
|
||||
{ type: "text-icon", text: "Przygoda", icon: Mountain },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,38 +94,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Bezpieczeństwo",
|
||||
descriptions: [
|
||||
"Certyfikowani przewodnicy",
|
||||
"W pełnym wyposażeniu",
|
||||
"Pierwsza pomoc w górach",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-island-covered-greenery-around-sea-from-high-spot_181624-8658.jpg",
|
||||
imageAlt: "View of on island covered in the greenery around a sea from a high spot",
|
||||
},
|
||||
id: "1", title: "Bezpieczeństwo", descriptions: ["Certyfikowani przewodnicy", "W pełnym wyposażeniu", "Pierwsza pomoc w górach"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-island-covered-greenery-around-sea-from-high-spot_181624-8658.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Edukacja",
|
||||
descriptions: [
|
||||
"Poznaj historię regionu",
|
||||
"Fauna i flora Bieszczad",
|
||||
"Techniki nawigacji",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foggy-summer-morning-mountains-carpathian-ukraine-europe-beauty-world_231208-8127.jpg?_wi=3",
|
||||
imageAlt: "View of on island covered in the greenery around a sea from a high spot",
|
||||
},
|
||||
id: "2", title: "Edukacja", descriptions: ["Poznaj historię regionu", "Fauna i flora Bieszczad", "Techniki nawigacji"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foggy-summer-morning-mountains-carpathian-ukraine-europe-beauty-world_231208-8127.jpg?_wi=3"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Dostosowanie",
|
||||
descriptions: [
|
||||
"Trasy dla każdego",
|
||||
"Indywidualne podejście",
|
||||
"Elastyczny grafik",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flam-norway-june-06-2023-mountain_58702-16592.jpg?_wi=3",
|
||||
imageAlt: "View of on island covered in the greenery around a sea from a high spot",
|
||||
},
|
||||
id: "3", title: "Dostosowanie", descriptions: ["Trasy dla każdego", "Indywidualne podejście", "Elastyczny grafik"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flam-norway-june-06-2023-mountain_58702-16592.jpg?_wi=3"},
|
||||
]}
|
||||
title="Dlaczego my?"
|
||||
description="Zapewniamy najwyższą jakość usług w każdych warunkach."
|
||||
@@ -217,49 +109,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
<TestimonialCardTen
|
||||
title="Co mówią o nas klienci"
|
||||
description="Zaufanie wędrowców to nasza największa wartość."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna",
|
||||
handle: "@anna",
|
||||
testimonial: "Cudownie spędzony czas!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-120402.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Doskonała wyprawa", quote: "Cudownie spędzony czas, pełen profesjonalizm i świetna atmosfera.", name: "Anna", role: "Trekkerka"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Piotr",
|
||||
handle: "@piotr",
|
||||
testimonial: "Najlepsi w Bieszczadach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-checking-photos-camera_23-2148362038.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marek",
|
||||
handle: "@marek",
|
||||
testimonial: "Bezpieczeństwo przede wszystkim.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pulling-boyfriends-hand-nature_23-2147828078.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kasia",
|
||||
handle: "@kasia",
|
||||
testimonial: "Wspaniała wiedza przewodnika.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-binoculars-table_23-2147813964.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tomasz",
|
||||
handle: "@tomasz",
|
||||
testimonial: "Niezapomniane widoki.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hiking-forest_329181-12288.jpg",
|
||||
},
|
||||
id: "2", title: "Najlepsi w Bieszczadach", quote: "Najlepszy wybór na wypad w góry. Wiedza przewodnika imponująca.", name: "Piotr", role: "Miłośnik gór"},
|
||||
]}
|
||||
title="Co mówią o nas klienci"
|
||||
description="Zaufanie wędrowców to nasza największa wartość."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -270,27 +130,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Zadowolonych uczestników",
|
||||
description: "Liczba osób, które z nami wędrowały.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Odbytych wypraw",
|
||||
description: "Setki kilometrów górskich szlaków.",
|
||||
icon: Map,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Bezpieczeństwo",
|
||||
description: "Zero incydentów na trasie.",
|
||||
icon: Shield,
|
||||
},
|
||||
{ id: "m1", value: "1500+", title: "Zadowolonych uczestników", description: "Liczba osób, które z nami wędrowały.", icon: Users },
|
||||
{ id: "m2", value: "500+", title: "Odbytych wypraw", description: "Setki kilometrów górskich szlaków.", icon: Map },
|
||||
{ id: "m3", value: "100%", title: "Bezpieczeństwo", description: "Zero incydentów na trasie.", icon: Shield },
|
||||
]}
|
||||
title="Statystyki sukcesu"
|
||||
description="Liczby, które potwierdzają nasze zaangażowanie."
|
||||
@@ -298,56 +140,39 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
<FaqDouble
|
||||
title="Najczęstsze pytania"
|
||||
description="Rozwiewamy wszelkie wątpliwości przed Twoją wyprawą."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Co muszę zabrać ze sobą?",
|
||||
content: "Dobre obuwie trekkingowe, kurtkę przeciwdeszczową i chęci do przygody.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Czy muszę być bardzo wysportowany?",
|
||||
content: "Trasy dobieramy do grupy, każdy znajdzie coś dla siebie.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Czy wycieczki są bezpieczne?",
|
||||
content: "Absolutnie. Bezpieczeństwo jest priorytetem Bieszczadzkiego Szeryfa.",
|
||||
},
|
||||
]}
|
||||
title="Najczęstsze pytania"
|
||||
description="Rozwiewamy wszelkie wątpliwości."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shallow-focus-shot-tree-branches-with-spider-web-beautiful-foggy-landscape-view_181624-48082.jpg"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Co muszę zabrać ze sobą?", content: "Dobre obuwie trekkingowe, kurtkę przeciwdeszczową i chęci do przygody." },
|
||||
{ id: "f2", title: "Czy muszę być bardzo wysportowany?", content: "Trasy dobieramy indywidualnie do kondycji grupy, od łatwych po wymagające." },
|
||||
{ id: "f3", title: "Czy wycieczki są bezpieczne?", content: "Tak, bezpieczeństwo jest naszym priorytetem. Nasi przewodnicy mają pełne uprawnienia i wyposażenie medyczne." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
<ContactSplitForm
|
||||
title="Zarezerwuj przygodę"
|
||||
description="Napisz do nas, a my przygotujemy ofertę dopasowaną do Twoich potrzeb."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Twoje imię" }, { name: "email", type: "email", placeholder: "Twój adres email" }]}
|
||||
buttonText="Wyślij zapytanie"
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/foggy-summer-morning-mountains-carpathian-ukraine-europe-beauty-world_231208-8127.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bieszczadzki Szeryf"
|
||||
leftLink={{
|
||||
text: "Regulamin",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Polityka Prywatności",
|
||||
href: "#",
|
||||
}}
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Nawigacja", items: [{ label: "O Nas", href: "#about" }, { label: "Oferta", href: "#features" }] },
|
||||
{ title: "Pomoc", items: [{ label: "FAQ", href: "#faq" }, { label: "Kontakt", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="Bieszczadzki Szeryf © 2024"
|
||||
bottomRightText="Wszelkie prawa zastrzeżone"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user