301 lines
18 KiB
TypeScript
301 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import { Award, Shield, Smile, Sparkles, Timer, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="mediumLarge"
|
||
background="grid"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Oferty", id: "offers"},
|
||
{
|
||
name: "Dlaczego my", id: "about"},
|
||
{
|
||
name: "Proces", id: "process"},
|
||
{
|
||
name: "Zespół", id: "team"},
|
||
{
|
||
name: "Kontakt", id: "contact"},
|
||
]}
|
||
brandName="VillaNova Nieruchomości"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
imagePosition="right"
|
||
title="Twój nowy adres zaczyna się tutaj."
|
||
description="Łączymy ludzi z miejscami, w których chcą żyć. Wyselekcjonowane nieruchomości, dyskretna obsługa i opieka na każdym etapie."
|
||
testimonials={[
|
||
{
|
||
name: "Anna i Paweł", handle: "Zadowoleni klienci", testimonial: "Sprzedaż domu zajęła trzy tygodnie i to powyżej ceny wywoławczej. Profesjonalizm na każdym kroku.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/excited-multiethnic-couple-stand-surrounded-by-moving-boxes-taking-break-capture-selfie-with_482257-134995.jpg", imageAlt: "Anna and Pawel"},
|
||
{
|
||
name: "Katarzyna M.", handle: "Zadowolona klientka", testimonial: "Szukaliśmy mieszkania ponad rok. VillaNova znalazła je w miesiąc i przeprowadziła nas przez kredyt.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-posing-with-keys_1187-5674.jpg", imageAlt: "Katarzyna M."},
|
||
{
|
||
name: "Tomasz R.", handle: "Zadowolony klient", testimonial: "Pełna dyskrecja i kultura. Czułem, że ktoś naprawdę dba o mój interes, a nie tylko o prowizję.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-car-dealer-giving-keys-young-couple_23-2148384953.jpg", imageAlt: "Tomasz R."},
|
||
{
|
||
name: "Jakub S.", handle: "Klient Biznesowy", testimonial: "VillaNova pomogła mi znaleźć idealną przestrzeń biurową w centrum miasta. Szybko, sprawnie i profesjonalnie.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg", imageAlt: "Jakub S."},
|
||
{
|
||
name: "Maria W.", handle: "Nowy Nabywca", testimonial: "Pierwszy raz kupowałam mieszkanie i VillaNova sprawiła, że cały proces był prosty i bezstresowy. Polecam!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-family-couple-analyze-data-develop-new-startup-project_273609-44860.jpg", imageAlt: "Maria W."},
|
||
]}
|
||
tag="Biuro nieruchomości · Wrocław"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg", alt: "Client 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg", alt: "Client 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "Client 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Client 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Zadowolona klientka"},
|
||
]}
|
||
avatarText="Nasi zadowoleni klienci"
|
||
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118858.jpg"
|
||
imageAlt="Nowoczesne wnętrze apartamentu z widokiem na miasto"
|
||
mediaAnimation="slide-up"
|
||
fixedMediaHeight={true}
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon", text: "Profesjonalizm", icon: Award,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Zaufanie", icon: Shield,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Skuteczność", icon: Sparkles,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Indywidualne podejście", icon: Users,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Satysfakcja Gwarantowana", icon: Smile,
|
||
},
|
||
]}
|
||
buttons={[
|
||
{ text: "Znajdź Twój Idealny Dom", href: "#offers" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardOne
|
||
animationType="depth-3d"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "15", title: "Lat na rynku", description: "Solidne doświadczenie w branży.", icon: Award,
|
||
},
|
||
{
|
||
id: "m2", value: "300+", title: "Sfinalizowanych transakcji", description: "Zaufanie i skuteczność w działaniu.", icon: Users,
|
||
},
|
||
{
|
||
id: "m3", value: "99%", title: "Zadowolonych klientów", description: "Naszym priorytetem jest Twoja satysfakcja.", icon: Smile,
|
||
},
|
||
{
|
||
id: "m4", value: "30 dni", title: "Średni czas sprzedaży", description: "Efektywność i szybkość transakcji.", icon: Timer,
|
||
},
|
||
]}
|
||
title="Nasze osiągnięcia"
|
||
description="Lata doświadczenia i setki udanych transakcji potwierdzają naszą skuteczność i profesjonalizm."
|
||
/>
|
||
</div>
|
||
|
||
<div id="offers" data-section="offers">
|
||
<ProductCardOne
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "p1", name: "Garaż x2 + ogród", price: "1 140 000 zł", imageSrc: "http://img.b2bpic.net/free-photo/landscape-lake-park_1268-15232.jpg", imageAlt: "Apartament z ogrodem Wrocław"},
|
||
{
|
||
id: "p2", name: "Apartament premium z sauną", price: "1 550 000 zł", imageSrc: "http://img.b2bpic.net/free-photo/model-sauna-sunlit-walk-wooden-waves_169016-68887.jpg", imageAlt: "Apartament premium z sauną Wrocław"},
|
||
{
|
||
id: "p3", name: "Mieszkanie 4-pokojowe", price: "819 000 zł", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-smartphone-sits-home-does-homework-watches-smth-mobile-phone-app_1258-199920.jpg", imageAlt: "Mieszkanie 4-pokojowe Kamieniec Wrocławski"},
|
||
{
|
||
id: "p4", name: "Duży dom z ogrodem", price: "1 590 000 zł", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-couple-enjoying-nature-summer-park-dating-day_496169-2271.jpg", imageAlt: "Duży dom z ogrodem Wrocław"},
|
||
{
|
||
id: "p5", name: "Dom Lucień k. Oleśnicy", price: "1 650 000 zł", imageSrc: "http://img.b2bpic.net/free-photo/charming-cottage-garden_23-2151935006.jpg", imageAlt: "Dom Lucień k. Oleśnicy"},
|
||
{
|
||
id: "p6", name: "Apartament loftowy", price: "990 000 zł", imageSrc: "http://img.b2bpic.net/free-photo/vintage-decoration-inside-restaurant_1127-187.jpg", imageAlt: "Apartament loftowy Centrum Wrocław"},
|
||
]}
|
||
title="Wybrane oferty"
|
||
description="Nieruchomości z charakterem – znajdź swój wymarzony dom lub mieszkanie we Wrocławiu i okolicach."
|
||
tag="Poznaj nasze portfolio"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={true}
|
||
tag="Dlaczego VillaNova"
|
||
title="Standard, którego oczekujesz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FeatureCardTwentyOne
|
||
useInvertedBackground={false}
|
||
title="Cztery kroki do nowego adresu"
|
||
description="Poznaj nasz proces pracy, od rozmowy po finalizację – gwarantujemy pełne wsparcie na każdym etapie."
|
||
tag="Jak pracujemy"
|
||
accordionItems={[
|
||
{
|
||
id: "step1", title: "01 Rozmowa i potrzeby", content: "Poznajemy Twoje cele, oczekiwania i budżet. Bez presji, za to z konkretnym planem."},
|
||
{
|
||
id: "step2", title: "02 Wycena i strategia", content: "Przygotowujemy analizę rynku i strategię, która realnie przyspiesza sprzedaż lub zakup."},
|
||
{
|
||
id: "step3", title: "03 Prezentacja i sesja", content: "Profesjonalne zdjęcia, home staging i kampania, która pokazuje nieruchomość z najlepszej strony."},
|
||
{
|
||
id: "step4", title: "04 Finalizacja", content: "Negocjacje, notariusz i formalności. Prowadzimy Cię aż do wręczenia kluczy."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/productive-teamwork-office-main-engineer-spectacles-listening-new-ideas-his-colleague-caucasian-man-pointing-finger-schematic-drawings-coworkers-approving-his-offer-with-smile_273609-5761.jpg"
|
||
imageAlt="Zespół pracuje nad planem nieruchomości"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardSix
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
animationType="blur-reveal"
|
||
members={[
|
||
{
|
||
id: "mkwiecinski", name: "Michał Kwieciński", role: "Założyciel · Doradca", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-bicycle-summer-city_1157-38211.jpg", imageAlt: "Michał Kwieciński"},
|
||
{
|
||
id: "akowalska", name: "Anna Kowalska", role: "Starszy Specjalista ds. Sprzedaży", imageSrc: "http://img.b2bpic.net/free-photo/confident-people-holding-toy-house-together_23-2147764167.jpg", imageAlt: "Anna Kowalska"},
|
||
{
|
||
id: "pnowak", name: "Piotr Nowak", role: "Doradca ds. Zakupu", imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-sales-manager-couple-customers_1262-20845.jpg", imageAlt: "Piotr Nowak"},
|
||
]}
|
||
title="Twój doradca"
|
||
description="„Nieruchomość to nie tylko metry. To kolejny rozdział czyjegoś życia — i tak właśnie ją traktuję.”"
|
||
tag="Zespół VillaNova"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Anna i Paweł", date: "10.03.2024", title: "Sprzedaż powyżej ceny wywoławczej!", quote: "Sprzedaż domu zajęła trzy tygodnie i to powyżej ceny wywoławczej. Profesjonalizm na każdym kroku.", tag: "Sprzedaż domu, okolice Oleśnicy", avatarSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", avatarAlt: "Anna i Paweł", imageSrc: "http://img.b2bpic.net/free-photo/loving-smiling-young-couple-holding-cup-coffee-hands_23-2147966417.jpg", imageAlt: "Anna i Paweł"},
|
||
{
|
||
id: "t2", name: "Katarzyna M.", date: "22.01.2024", title: "Wymarzone mieszkanie w miesiąc!", quote: "Szukaliśmy mieszkania ponad rok. VillaNova znalazła je w miesiąc i przeprowadziła nas przez kredyt.", tag: "Zakup mieszkania, Wrocław-Krzyki", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg", avatarAlt: "Katarzyna M.", imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg", imageAlt: "Katarzyna M."},
|
||
{
|
||
id: "t3", name: "Tomasz R.", date: "05.12.2023", title: "Pełna dyskrecja i dbałość o interes!", quote: "Pełna dyskrecja i kultura. Czułem, że ktoś naprawdę dba o mój interes, a nie tylko o prowizję.", tag: "Sprzedaż mieszkania, Wrocław-Fabryczna", avatarSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900162.jpg", avatarAlt: "Tomasz R.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-mobile-phone-looking-through-glass-window_23-2147848428.jpg", imageAlt: "Tomasz R."},
|
||
{
|
||
id: "t4", name: "Jakub S.", date: "18.04.2024", title: "Idealna przestrzeń biurowa!", quote: "VillaNova pomogła mi znaleźć idealną przestrzeń biurową w centrum miasta. Szybko, sprawnie i profesjonalnie. Jestem bardzo zadowolony z usług.", tag: "Najem biura, Wrocław-Centrum", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-young-man-looking-away-while-standing-against-turquoise-background_662251-1604.jpg", avatarAlt: "Jakub S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", imageAlt: "Jakub S."},
|
||
{
|
||
id: "t5", name: "Maria W.", date: "01.03.2024", title: "Bezstresowy zakup pierwszego mieszkania!", quote: "Pierwszy raz kupowałam mieszkanie i VillaNova sprawiła, że cały proces był prosty i bezstresowy. Polecam każdemu!", tag: "Zakup mieszkania, Wrocław-Gaj", avatarSrc: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg", avatarAlt: "Maria W.", imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164727.jpg", imageAlt: "Maria W."},
|
||
]}
|
||
title="Zaufali nam przy najważniejszych decyzjach"
|
||
description="Przeczytaj, co o naszej pracy i zaangażowaniu mówią zadowoleni klienci. Ich zaufanie to dla nas priorytet."
|
||
tag="Opinie klientów"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
tag="Kontakt"
|
||
title="Porozmawiajmy o Twoim nowym adresie."
|
||
description="Zostaw wiadomość lub zadzwoń. Odezwiemy się w ciągu 24 godzin — bez zobowiązań, za to z konkretnymi odpowiedziami."
|
||
inputPlaceholder="Twój adres e-mail"
|
||
buttonText="Wyślij wiadomość"
|
||
termsText="Wysyłając formularz, akceptujesz politykę prywatności."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Nawigacja", items: [
|
||
{
|
||
label: "Oferty", href: "#offers"},
|
||
{
|
||
label: "Dlaczego my", href: "#about"},
|
||
{
|
||
label: "Proces", href: "#process"},
|
||
{
|
||
label: "Zespół", href: "#team"},
|
||
],
|
||
},
|
||
{
|
||
title: "Usługi", items: [
|
||
{
|
||
label: "Sprzedaż", href: "#"},
|
||
{
|
||
label: "Zakup", href: "#"},
|
||
{
|
||
label: "Wynajem", href: "#"},
|
||
{
|
||
label: "Wycena", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Kontakt", items: [
|
||
{
|
||
label: "609 065 314", href: "tel:609065314"},
|
||
{
|
||
label: "nieruchomosci.wroclav@wp.pl", href: "mailto:nieruchomosci.wroclav@wp.pl"},
|
||
{
|
||
label: "ul. Melisowa 28b, 51-180 Wrocław", href: "https://maps.app.goo.gl/example"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2026 VillaNova. Wszelkie prawa zastrzeżone."
|
||
bottomRightText="Polityka prywatności · Regulamin"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|