Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-04-17 21:40:02 +00:00
2 changed files with 126 additions and 326 deletions

View File

@@ -11,8 +11,8 @@ import { Cormorant_Garamond, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Apartamenty Kapitańskie - Luksusowy Wypoczynek',
description: 'Luksusowe apartamenty z duszą w sercu natury. Cicho, pięknie, niezapomniane chwile dla Ciebie i Twojej rodziny.',
title: 'Apartamenty Kapitańskie | Luksusowe Apartamenty',
description: 'Luksusowe apartamenty w sercu natury. Poczuj elegancję i spokój w Apartamentach Kapitańskich.',
openGraph: {
"title": "Apartamenty Kapitańskie",
"siteName": "Apartamenty Kapitańskie",

View File

@@ -1,337 +1,137 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Car, MapPin, Star } from "lucide-react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Star, MapPin, Car } from 'lucide-react';
export default function HomePage() {
const navItems = [{ name: "Home", id: "#hero" }, { name: "Pokoje", id: "#rooms" }, { name: "O nas", id: "#about" }, { name: "Rezerwacja", id: "#contact" }];
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="blurBottom"
cardStyle="gradient-radial"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Rooms",
id: "rooms",
},
{
name: "Amenities",
id: "amenities",
},
{
name: "Check-in",
id: "contact",
},
]}
brandName="Apartamenty Kapitańskie"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
title="Cicho. Pięknie. Niezapomniane."
description="Luksusowe apartamenty w sercu natury. Poczuj elegancję i spokój, jakiego potrzebujesz."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-10249.jpg?_wi=1",
imageAlt: "Apartament 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-practicing-selfcare_23-2150396225.jpg?_wi=1",
imageAlt: "Apartament 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263632.jpg?_wi=1",
imageAlt: "Apartament 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-room-with-furniture-beige-monochrome-palette_23-2150635144.jpg",
imageAlt: "View of room with furniture in beige monochrome palette",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/women-having-intimacy-moments_23-2149162175.jpg",
imageAlt: "Women having intimacy moments",
},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="trust-bar" data-section="trust-bar">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Star,
title: "Średnia ocen",
value: "5.0",
},
{
id: "m2",
icon: MapPin,
title: "Cicha okolica",
value: "100%",
},
{
id: "m3",
icon: Car,
title: "Darmowy parking",
value: "Tak",
},
]}
title="Czystość potwierdzona w recenzjach"
description="Najwyższy standard higieny i komfortu dla naszych gości."
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Historia"
title="Apartamenty z duszą"
description="Stworzyliśmy przestrzeń, w której luksus spotyka się z naturą. Apartamenty Kapitańskie to hołd dla ciszy i wygody."
subdescription="Zainspirowani potrzebami naszych gości, zadbaliśmy o każdy detal — od wygody zameldowania po estetykę każdego wnętrza."
icon={Star}
imageSrc="http://img.b2bpic.net/free-photo/view-trees-garden-princely-beguinage-ten-wijngaarde_181624-44717.jpg?_wi=1"
mediaAnimation="blur-reveal"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "r1",
name: "Apartament Admiralski",
price: "450 PLN",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-while-sitting-couch_7502-9116.jpg",
},
{
id: "r2",
name: "Apartament Pływający",
price: "550 PLN",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg",
},
{
id: "r3",
name: "Apartament Kapitański",
price: "650 PLN",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118999.jpg",
},
]}
title="Wybierz swój apartament"
description="Odkryj nasze unikalne przestrzenie zaprojektowane dla Twojego pełnego relaksu."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="Udogodnienia premium"
description="Zadbamy o Twój komfort od A do Z."
accordionItems={[
{
id: "a1",
title: "Zameldowanie",
content: "Bezproblemowy system bezdotykowy.",
},
{
id: "a2",
title: "Parking",
content: "Dostępny bezpośrednio na miejscu.",
},
{
id: "a3",
title: "Internet",
content: "Szybki światłowód dostępny wszędzie.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-page-book-soft-bed-morning_1421-504.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anna",
date: "2024",
title: "Cudowne miejsce",
quote: "Piękny wystrój i pomysł. Czystość na najwyższym poziomie.",
tag: "5★",
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-10249.jpg?_wi=2",
imageAlt: "happy guest smiling portrait",
},
{
id: "2",
name: "Marek",
date: "2024",
title: "Idealne",
quote: "Cicho, pięknie, niezapomniane wrażenia.",
tag: "5★",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-have-fun-cafe_329181-1764.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-practicing-selfcare_23-2150396225.jpg?_wi=2",
imageAlt: "happy guest smiling portrait",
},
{
id: "3",
name: "Julia",
date: "2024",
title: "Polecam",
quote: "Bardzo polecam to miejsce na wypoczynek.",
tag: "5★",
avatarSrc: "http://img.b2bpic.net/free-photo/best-friends-taking-selfie-party_23-2149130644.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263632.jpg?_wi=2",
imageAlt: "happy guest smiling portrait",
},
{
id: "4",
name: "Piotr",
date: "2024",
title: "Super",
quote: "Wszystko zgodnie z opisem. Bardzo profesjonalne podejście.",
tag: "5★",
avatarSrc: "http://img.b2bpic.net/free-photo/sideways-shot-young-attractive-young-smiling-woman-with-afro-hairstyle-dressed-bright-summer-clothing_273609-3668.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/view-trees-garden-princely-beguinage-ten-wijngaarde_181624-44717.jpg?_wi=2",
imageAlt: "happy guest smiling portrait",
},
{
id: "5",
name: "Katarzyna",
date: "2024",
title: "Wspaniale",
quote: "Cisza i spokój. Bardzo zadbany apartament.",
tag: "5★",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-hat-carrying-backpack-while-traveling_23-2148648683.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/empty-page-book-soft-bed-morning_1421-504.jpg?_wi=2",
imageAlt: "happy guest smiling portrait",
},
]}
title="Opinie naszych Gości"
description="Zobacz, co mówią o nas osoby, które już nas odwiedziły."
/>
</div>
<div id="location" data-section="location">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "loc1",
title: "Dojazd",
content: "Miejsce jest świetnie skomunikowane z trasą szybkiego ruchu.",
},
{
id: "loc2",
title: "Okolica",
content: "Dużo zieleni, idealne trasy rowerowe i spacerowe.",
},
{
id: "loc3",
title: "Parking",
content: "Zapewniamy miejsca parkingowe dla wszystkich gości.",
},
]}
sideTitle="Gdzie nas znajdziesz?"
sideDescription="Zapraszamy do kontaktu, aby dowiedzieć się więcej o lokalizacji i dojeździe."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Rezerwacja"
title="Zarezerwuj swój pobyt"
description="Czekamy na Ciebie. Zapisz się, aby otrzymać ofertę specjalną na pierwszy pobyt."
imageSrc="http://img.b2bpic.net/free-photo/green-grass-field-trees-daytime_422131-42.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/fabric-texture-background-wallpaper-beige-natural-shade_53876-128224.jpg"
logoText="Apartamenty Kapitańskie"
columns={[
{
title: "Nawigacja",
items: [
{
label: "Start",
href: "#hero",
},
{
label: "Pokoje",
href: "#rooms",
},
{
label: "O nas",
href: "#about",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Rezerwacja",
href: "#contact",
},
{
label: "Pytania",
href: "#location",
},
],
},
]}
/>
</div>
</ReactLenis>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Apartamenty Kapitańskie" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Cicho. Pięknie. Niezapomniane."
description="Luksusowe apartamenty w sercu natury. Poczuj elegancję i spokój, jakiego potrzebujesz."
background={{ variant: "sparkles-gradient" }}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-10249.jpg", imageAlt: "Apartament 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-practicing-selfcare_23-2150396225.jpg", imageAlt: "Apartament 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263632.jpg", imageAlt: "Apartament 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-room-with-furniture-beige-monochrome-palette_23-2150635144.jpg", imageAlt: "Apartament 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/women-having-intimacy-moments_23-2149162175.jpg", imageAlt: "Apartament 5" }
]}
mediaAnimation="slide-up"
/>
</div>
<div id="trust-bar" data-section="trust-bar">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[{ id: "m1", icon: Star, title: "Średnia ocen", value: "5.0" }, { id: "m2", icon: MapPin, title: "Cicha okolica", value: "100%" }, { id: "m3", icon: Car, title: "Darmowy parking", value: "Tak" }]}
title="Czystość potwierdzona w recenzjach"
description="Najwyższy standard higieny i komfortu dla naszych gości."
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="Historia"
title="Apartamenty z duszą"
description="Stworzyliśmy przestrzeń, w której luksus spotyka się z naturą. Apartamenty Kapitańskie to hołd dla ciszy i wygody."
subdescription="Zainspirowani potrzebami naszych gości, zadbaliśmy o każdy detal — od wygody zameldowania po estetykę każdego wnętrza."
icon={Star}
imageSrc="http://img.b2bpic.net/free-photo/view-trees-garden-princely-beguinage-ten-wijngaarde_181624-44717.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "r1", name: "Apartament Admiralski", price: "450 PLN", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-while-sitting-couch_7502-9116.jpg" },
{ id: "r2", name: "Apartament Pływający", price: "550 PLN", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg" },
{ id: "r3", name: "Apartament Kapitański", price: "650 PLN", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118999.jpg" }
]}
title="Wybierz swój apartament"
description="Odkryj nasze unikalne przestrzenie zaprojektowane dla Twojego pełnego relaksu."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardTwentyOne
title="Udogodnienia premium"
description="Zadbamy o Twój komfort od A do Z."
accordionItems={[{ id: "a1", title: "Zameldowanie", content: "Bezproblemowy system bezdotykowy." }, { id: "a2", title: "Parking", content: "Dostępny bezpośrednio na miejscu." }, { id: "a3", title: "Internet", content: "Szybki światłowód dostępny wszędzie." }]}
imageSrc="http://img.b2bpic.net/free-photo/empty-page-book-soft-bed-morning_1421-504.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Anna", date: "2024", title: "Cudowne miejsce", quote: "Piękny wystrój i pomysł. Czystość na najwyższym poziomie.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg" },
{ id: "2", name: "Marek", date: "2024", title: "Idealne", quote: "Cicho, pięknie, niezapomniane wrażenia.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-have-fun-cafe_329181-1764.jpg" },
{ id: "3", name: "Julia", date: "2024", title: "Polecam", quote: "Bardzo polecam to miejsce na wypoczynek.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/best-friends-taking-selfie-party_23-2149130644.jpg" },
{ id: "4", name: "Piotr", date: "2024", title: "Super", quote: "Wszystko zgodnie z opisem. Bardzo profesjonalne podejście.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/sideways-shot-young-attractive-young-smiling-woman-with-afro-hairstyle-dressed-bright-summer-clothing_273609-3668.jpg" },
{ id: "5", name: "Katarzyna", date: "2024", title: "Wspaniale", quote: "Cisza i spokój. Bardzo zadbany apartament.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-hat-carrying-backpack-while-traveling_23-2148648683.jpg" }
]}
title="Opinie naszych Gości"
description="Zobacz, co mówią o nas osoby, które już nas odwiedziły."
/>
</div>
<div id="location" data-section="location">
<FaqSplitText
faqs={[{ id: "loc1", title: "Dojazd", content: "Miejsce jest świetnie skomunikowane z trasą szybkiego ruchu." }, { id: "loc2", title: "Okolica", content: "Dużo zieleni, idealne trasy rowerowe i spacerowe." }, { id: "loc3", title: "Parking", content: "Zapewniamy miejsca parkingowe dla wszystkich gości." }]}
sideTitle="Gdzie nas znajdziesz?"
sideDescription="Zapraszamy do kontaktu, aby dowiedzieć się więcej o lokalizacji i dojeździe."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Rezerwacja"
title="Zarezerwuj swój pobyt"
description="Czekamy na Ciebie. Zapisz się, aby otrzymać ofertę specjalną na pierwszy pobyt."
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/green-grass-field-trees-daytime_422131-42.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/fabric-texture-background-wallpaper-beige-natural-shade_53876-128224.jpg"
logoText="Apartamenty Kapitańskie"
columns={[{ title: "Nawigacja", items: [{ label: "Start", href: "#hero" }, { label: "Pokoje", href: "#rooms" }, { label: "O nas", href: "#about" }] }, { title: "Kontakt", items: [{ label: "Rezerwacja", href: "#contact" }, { label: "Pytania", href: "#location" }] }]}
/>
</div>
</ThemeProvider>
);
}