Merge version_1 into main #5
@@ -11,8 +11,8 @@ import { Cormorant_Garamond, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Apartamenty Kapitańskie | Luksusowe Apartamenty',
|
||||
description: 'Luksusowe apartamenty w sercu natury. Poczuj elegancję i spokój w Apartamentach Kapitańskich.',
|
||||
title: 'Luxury Living Residences',
|
||||
description: 'Experience unparalleled comfort and elegance in our curated residences.',
|
||||
openGraph: {
|
||||
"title": "Apartamenty Kapitańskie",
|
||||
"siteName": "Apartamenty Kapitańskie",
|
||||
|
||||
173
src/app/page.tsx
173
src/app/page.tsx
@@ -1,4 +1,4 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -11,136 +11,117 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
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: "Start", id: "hero" },
|
||||
{ name: "Pokoje", id: "rooms" },
|
||||
{ name: "O nas", id: "about" },
|
||||
{ name: "Rezerwacja", id: "contact" }
|
||||
];
|
||||
import { Zap, Shield, Star, Users, MapPin, Mail, MessageSquare } from 'lucide-react';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} brandName="Apartamenty Kapitańskie" />
|
||||
<NavbarStyleFullscreen navItems={navItems} brandName="Luxury Living" />
|
||||
</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" }}
|
||||
title="Elevate Your Lifestyle"
|
||||
description="Experience unparalleled comfort and elegance in our curated residences."
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
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" }
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=2000", imageAlt: "Modern architecture" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=2000", imageAlt: "Interior design" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?q=80&w=2000", imageAlt: "Luxury villa" }
|
||||
]}
|
||||
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."
|
||||
<MetricCardThree
|
||||
title="Trusted by Thousands"
|
||||
description="Our community is growing every single day."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{ id: "1", icon: Users, title: "Residents", value: "5,000+" },
|
||||
{ id: "2", icon: Shield, title: "Safety Rating", value: "99.9%" },
|
||||
{ id: "3", icon: Star, title: "Customer Satisfaction", value: "4.9/5" }
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialAboutCard
|
||||
tag="Discover Us"
|
||||
title="Heritage of Excellence"
|
||||
description="With over 20 years of experience in luxury real estate, we redefine the living experience."
|
||||
subdescription="We combine modern technology with timeless design principles."
|
||||
icon={Zap}
|
||||
imageSrc="https://images.unsplash.com/photo-1600573472591-ee6b68d14c68?q=80&w=2000"
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
<ProductCardOne
|
||||
title="Available Residences"
|
||||
description="Explore our premium selection of apartments and villas."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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."
|
||||
{ id: "1", name: "Penthouse Suite", price: "$5,000/mo", imageSrc: "https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?q=80&w=800" },
|
||||
{ id: "2", name: "Garden Villa", price: "$4,200/mo", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=800" },
|
||||
{ id: "3", name: "Loft Studio", price: "$2,800/mo", imageSrc: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=800" }
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
useInvertedBackground={false}
|
||||
<FeatureCardTwentyOne
|
||||
title="Exceptional Amenities"
|
||||
description="We provide everything you need for a complete living experience."
|
||||
imageSrc="https://images.unsplash.com/photo-1600573472591-ee6b68d14c68?q=80&w=1200"
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Fitness Center", content: "State of the art equipment 24/7." },
|
||||
{ id: "2", title: "Concierge Services", content: "Professional support for your daily needs." },
|
||||
{ id: "3", title: "Rooftop Pool", content: "Panoramic views with relaxing spa zones." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
<TestimonialCardFive
|
||||
title="Testimonials"
|
||||
description="What our residents have to say about us."
|
||||
textboxLayout="default"
|
||||
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."
|
||||
{ id: "1", name: "John Doe", date: "2024-01-01", title: "Amazing Experience", quote: "Truly the best place I have lived in!", tag: "resident", avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=John" },
|
||||
{ id: "2", name: "Jane Smith", date: "2024-02-15", title: "Luxury Living", quote: "The concierge service is top notch.", tag: "resident", avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=Jane" }
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitText
|
||||
sideTitle="Questions & Location"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Where is the main office?", content: "We are located in the heart of downtown." },
|
||||
{ id: "2", title: "How do I book?", content: "You can book directly via our website." }
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
useInvertedBackground={true}
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
title="Join Our Community"
|
||||
description="Stay updated with the latest listings and community news."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=2000"
|
||||
/>
|
||||
</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" }] }]}
|
||||
<FooterMedia
|
||||
imageSrc="https://images.unsplash.com/photo-1600573472591-ee6b68d14c68?q=80&w=2000"
|
||||
logoText="Luxury Living"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user