Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-08 14:57:32 +00:00

View File

@@ -1,443 +1,129 @@
"use client";
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import Link from 'next/link';
export default function LandingPage() {
const navItems = [{ name: "Home", id: "/" }];
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="blurBottom"
cardStyle="layered-gradient"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Start",
id: "hero",
},
{
name: "O Nas",
id: "about",
},
{
name: "Zajęcia",
id: "classes",
},
{
name: "Instruktorzy",
id: "team",
},
{
name: "Cennik",
id: "pricing",
},
]}
brandName="DANCE FEVER"
button={{
text: "Zarezerwuj Próbną Lekcję",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="DANCE FEVER"
description="Warsaw's premium dance school. West Coast Swing, Bachata, Salsa, Wedding Dance."
buttons={[
{
text: "Zarezerwuj Próbną Lekcję",
href: "#contact",
},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg?_wi=1",
imageAlt: "Dancers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg?_wi=2",
imageAlt: "Dancers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg?_wi=3",
imageAlt: "Dancers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg?_wi=4",
imageAlt: "Dancers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg?_wi=5",
imageAlt: "Dancers",
},
]}
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"MultiSport Partner",
"Star Rating",
"100+ Students",
"Professional Studio",
"Expert Teachers",
"Small Groups",
"Community",
]}
title="MultiSport Partner"
description="Pierwsze kroki do ostatniego tańca. Ponad 100 zadowolonych uczniów."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Dlaczego DANCE FEVER?"
description="Cinematic quality teaching for everyone."
metrics={[
{
value: "100+",
title: "Uczniów",
},
{
value: "5",
title: "Stylów",
},
{
value: "10+",
title: "Lat",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/nude-man-leaning-chair-with-hand-pulling-up_23-2148252911.jpg?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Nauka od zera",
descriptions: [
"Learn at your own pace from beginner to expert.",
],
imageSrc: "http://img.b2bpic.net/free-photo/nude-man-leaning-chair-with-hand-pulling-up_23-2148252911.jpg?_wi=2",
},
{
id: "f2",
title: "Instruktorzy z pasją",
descriptions: [
"Real experts teaching the why behind the movement.",
],
imageSrc: "http://img.b2bpic.net/free-photo/dancer-practising-dance_107420-63923.jpg",
},
{
id: "f3",
title: "Atmosfera",
descriptions: [
"Community focused group learning.",
],
imageSrc: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356574.jpg?_wi=1",
},
{
id: "f4",
title: "Profesjonalna przestrzeń",
descriptions: [
"Studio equipped for high-performance dance training.",
],
imageSrc: "http://img.b2bpic.net/free-photo/nude-man-leaning-chair-with-hand-pulling-up_23-2148252911.jpg?_wi=3",
},
{
id: "f5",
title: "Wydarzenia",
descriptions: [
"Regular socials and workshops for our students.",
],
imageSrc: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356574.jpg?_wi=2",
},
]}
title="Nasze wartości"
description="What sets us apart from other schools."
/>
</div>
<div id="classes" data-section="classes">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "West Coast Swing",
price: "WCS",
variant: "Popularny",
imageSrc: "http://img.b2bpic.net/free-photo/young-elegant-man-holding-hand-whirling-attractive-cheerful-woman_23-2148012551.jpg",
},
{
id: "p2",
name: "Bachata Dominikańska",
price: "Bachata",
variant: "Authentic",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-dancing-bachata_23-2149587553.jpg",
},
{
id: "p3",
name: "Salsa Nowojorska",
price: "Salsa",
variant: "Energetic",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-dancing-bachata_23-2149587513.jpg",
},
{
id: "p4",
name: "Pierwszy Taniec",
price: "Wesela",
variant: "Choreografia",
imageSrc: "http://img.b2bpic.net/free-photo/friends-active-emotion-outside-girlfriend_1153-2162.jpg",
},
{
id: "p5",
name: "East Coast Swing",
price: "Swing",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/female-male-mime-artist-performing-stage_23-2147891593.jpg",
},
]}
title="Nasze style tańca"
description="Wybierz swój styl i rozpocznij przygodę."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Karolina D.",
role: "Uczeń",
testimonial: "Zapisałam się od zera, szybko poczułam się pewnie.",
imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022696.jpg",
},
{
id: "2",
name: "Prop T.",
role: "Uczeń",
testimonial: "Super atmosfera, idealne dla osób początkujących.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-suit-holds-backpack_613910-15955.jpg",
},
{
id: "3",
name: "Mateusz Z.",
role: "Uczeń",
testimonial: "Wiedza i pasja instruktorów na najwyższym poziomie.",
imageSrc: "http://img.b2bpic.net/free-photo/excited-african-model-white-shoes-dancing-indoor-shot-carefree-brunette-man-wears-purple-t-shirt_197531-20322.jpg",
},
{
id: "4",
name: "Ada S.",
role: "Uczeń",
testimonial: "Profesjonalizm i świetna zabawa z bachatą.",
imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-blonde-woman-stylish-tweed-checkered-coat-pearl-necklace-smiles-sincerely-with-closed-eyes-outside_197531-28363.jpg",
},
{
id: "5",
name: "Malwina C.",
role: "Uczeń",
testimonial: "Dbałość o technikę, muzykę i każdy detal.",
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg",
},
]}
title="Co mówią uczniowie?"
description="Real experiences from our dance community."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Radosław",
role: "WCS / Salsa",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021790.jpg",
},
{
id: "t2",
name: "Julia",
role: "Technika / Style",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-black-top-is-room_1157-13821.jpg",
},
{
id: "t3",
name: "Damian",
role: "Bachata Dominikańska",
imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg",
},
]}
title="Poznaj instruktorów"
description="Profesjonaliści z wieloletnim doświadczeniem."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "s1",
tag: "Start",
price: "0 PLN",
period: "Trial",
description: "Lekcja próbna dla każdego",
features: [
"Dostęp do stylu",
"Opieka instruktora",
],
button: {
text: "Zarezerwuj teraz",
href: "#contact",
},
featuresTitle: "Opcje",
},
{
id: "s2",
tag: "Monthly",
price: "250 PLN",
period: "Month",
description: "Karnet miesięczny na wybrane zajęcia",
features: [
"Nielimitowany dostęp",
"Warsztaty dodatkowe",
],
button: {
text: "Wybierz",
href: "#contact",
},
featuresTitle: "Opcje",
},
{
id: "s3",
tag: "MultiSport",
price: "FREE",
period: "Active",
description: "Uhonorowana karta MultiSport",
features: [
"Zajęcia w grupie",
"Dostęp do parkietu",
],
button: {
text: "Sprawdź",
href: "#contact",
},
featuresTitle: "Opcje",
},
]}
title="Cennik i MultiSport"
description="Masz kartę MultiSport? Wejdź za darmo."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Kontakt"
title="Zacznij tańczyć dziś"
description="Wyślij wiadomość, a oddzwonimy najszybciej jak się da."
mediaPosition="left"
inputPlaceholder="Twój email..."
buttonText="Wyślij / Zarezerwuj"
termsText="Potwierdzam, że zapoznałem się z regulaminem szkoły."
imageSrc="http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg?_wi=6"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="DANCE FEVER"
columns={[
{
title: "Linki",
items: [
{
label: "Start",
href: "#hero",
},
{
label: "O nas",
href: "#about",
},
{
label: "Cennik",
href: "#pricing",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Warszawa, Polska",
href: "#",
},
{
label: "+48 123 456 789",
href: "tel:+48123456789",
},
{
label: "Email",
href: "mailto:info@dancefever.pl",
},
],
},
]}
copyrightText="© 2025 Dance Fever Wrocław. Wszelkie prawa zastrzeżone."
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="DANCE FEVER"
description="Warsaw's premium dance school. West Coast Swing, Bachata, Salsa, Wedding Dance."
buttons={[{ text: "Zarezerwuj Próbną Lekcję", href: "#contact" }]}
slides={[{ imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg", imageAlt: "Dancers" }, { imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg", imageAlt: "Dancers" }, { imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg", imageAlt: "Dancers" }, { imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg", imageAlt: "Dancers" }, { imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg", imageAlt: "Dancers" }]}
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={["MultiSport Partner", "Star Rating", "100+ Students", "Professional Studio", "Expert Teachers", "Small Groups", "Community"]}
title="MultiSport Partner"
description="Pierwsze kroki do ostatniego tańca. Ponad 100 zadowolonych uczniów."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Dlaczego DANCE FEVER?"
description="Cinematic quality teaching for everyone."
metrics={[{ value: "100+", title: "Uczniów" }, { value: "5", title: "Stylów" }, { value: "10+", title: "Lat" }]}
imageSrc="http://img.b2bpic.net/free-photo/nude-man-leaning-chair-with-hand-pulling-up_23-2148252911.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[{ id: "f1", title: "Nauka od zera", descriptions: ["Learn at your own pace from beginner to expert."], imageSrc: "http://img.b2bpic.net/free-photo/nude-man-leaning-chair-with-hand-pulling-up_23-2148252911.jpg" }, { id: "f2", title: "Instruktorzy z pasją", descriptions: ["Real experts teaching the why behind the movement."], imageSrc: "http://img.b2bpic.net/free-photo/dancer-practising-dance_107420-63923.jpg" }, { id: "f3", title: "Atmosfera", descriptions: ["Community focused group learning."], imageSrc: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356574.jpg" }, { id: "f4", title: "Profesjonalna przestrzeń", descriptions: ["Studio equipped for high-performance dance training."], imageSrc: "http://img.b2bpic.net/free-photo/nude-man-leaning-chair-with-hand-pulling-up_23-2148252911.jpg" }, { id: "f5", title: "Wydarzenia", descriptions: ["Regular socials and workshops for our students."], imageSrc: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356574.jpg" }]}
title="Nasze wartości"
description="What sets us apart from other schools."
/>
</div>
<div id="classes" data-section="classes">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[{ id: "p1", name: "West Coast Swing", price: "WCS", variant: "Popularny", imageSrc: "http://img.b2bpic.net/free-photo/young-elegant-man-holding-hand-whirling-attractive-cheerful-woman_23-2148012551.jpg" }, { id: "p2", name: "Bachata Dominikańska", price: "Bachata", variant: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-dancing-bachata_23-2149587553.jpg" }, { id: "p3", name: "Salsa Nowojorska", price: "Salsa", variant: "Energetic", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-dancing-bachata_23-2149587513.jpg" }, { id: "p4", name: "Pierwszy Taniec", price: "Wesela", variant: "Choreografia", imageSrc: "http://img.b2bpic.net/free-photo/friends-active-emotion-outside-girlfriend_1153-2162.jpg" }, { id: "p5", name: "East Coast Swing", price: "Swing", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/female-male-mime-artist-performing-stage_23-2147891593.jpg" }]}
title="Nasze style tańca"
description="Wybierz swój styl i rozpocznij przygodę."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[{ id: "1", name: "Karolina D.", role: "Uczeń", testimonial: "Zapisałam się od zera, szybko poczułam się pewnie.", imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022696.jpg" }, { id: "2", name: "Prop T.", role: "Uczeń", testimonial: "Super atmosfera, idealne dla osób początkujących.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-suit-holds-backpack_613910-15955.jpg" }, { id: "3", name: "Mateusz Z.", role: "Uczeń", testimonial: "Wiedza i pasja instruktorów na najwyższym poziomie.", imageSrc: "http://img.b2bpic.net/free-photo/excited-african-model-white-shoes-dancing-indoor-shot-carefree-brunette-man-wears-purple-t-shirt_197531-20322.jpg" }, { id: "4", name: "Ada S.", role: "Uczeń", testimonial: "Profesjonalizm i świetna zabawa z bachatą.", imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-blonde-woman-stylish-tweed-checkered-coat-pearl-necklace-smiles-sincerely-with-closed-eyes-outside_197531-28363.jpg" }, { id: "5", name: "Malwina C.", role: "Uczeń", testimonial: "Dbałość o technikę, muzykę i każdy detal.", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg" }]}
title="Co mówią uczniowie?"
description="Real experiences from our dance community."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[{ id: "t1", name: "Radosław", role: "WCS / Salsa", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021790.jpg" }, { id: "t2", name: "Julia", role: "Technika / Style", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-black-top-is-room_1157-13821.jpg" }, { id: "t3", name: "Damian", role: "Bachata Dominikańska", imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg" }]}
title="Poznaj instruktorów"
description="Profesjonaliści z wieloletnim doświadczeniem."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[{ id: "s1", tag: "Start", price: "0 PLN", period: "Trial", description: "Lekcja próbna dla każdego", button: { text: "Zarezerwuj teraz", href: "#contact" }, featuresTitle: "Opcje", features: ["Dostęp do stylu", "Opieka instruktora"] }, { id: "s2", tag: "Monthly", price: "250 PLN", period: "Month", description: "Karnet miesięczny na wybrane zajęcia", button: { text: "Wybierz", href: "#contact" }, featuresTitle: "Opcje", features: ["Nielimitowany dostęp", "Warsztaty dodatkowe"] }, { id: "s3", tag: "MultiSport", price: "FREE", period: "Active", description: "Uhonorowana karta MultiSport", button: { text: "Sprawdź", href: "#contact" }, featuresTitle: "Opcje", features: ["Zajęcia w grupie", "Dostęp do parkietu"] }]}
title="Cennik i MultiSport"
description="Masz kartę MultiSport? Wejdź za darmo."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Kontakt"
title="Zacznij tańczyć dziś"
description="Wyślij wiadomość, a oddzwonimy najszybciej jak się da."
mediaPosition="left"
inputPlaceholder="Twój email..."
buttonText="Wyślij / Zarezerwuj"
termsText="Potwierdzam, że zapoznałem się z regulaminem szkoły."
imageSrc="http://img.b2bpic.net/free-photo/dancing-couple-portrait_158595-4684.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="DANCE FEVER"
columns={[{ title: "Linki", items: [{ label: "Start", href: "#hero" }, { label: "O nas", href: "#about" }, { label: "Cennik", href: "#pricing" }] }, { title: "Kontakt", items: [{ label: "Warszawa, Polska", href: "#" }, { label: "+48 123 456 789", href: "tel:+48123456789" }, { label: "Email", href: "mailto:info@dancefever.pl" }] }]}
copyrightText="© 2025 Dance Fever Wrocław. Wszelkie prawa zastrzeżone."
/>
</div>
</ThemeProvider>
);
}