Update src/app/page.tsx
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -18,27 +18,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "O nas",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Oferta",
|
||||
id: "#uslugi",
|
||||
},
|
||||
{
|
||||
name: "Cennik",
|
||||
id: "#cennik",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#kontakt",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Bella Od Nowa"
|
||||
/>
|
||||
@@ -50,35 +44,16 @@ export default function LandingPage() {
|
||||
description="Twoje piękno w najlepszych rękach. Doświadcz relaksu i profesjonalnej pielęgnacji w sercu Brennej."
|
||||
buttons={[
|
||||
{
|
||||
text: "Umów wizytę",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Umów wizytę", href: "#kontakt"},
|
||||
{
|
||||
text: "Sprawdz ofertę",
|
||||
href: "#uslugi",
|
||||
},
|
||||
text: "Sprawdz ofertę", href: "#uslugi"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
|
||||
imageAlt: "Salon Bella Od Nowa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg",
|
||||
imageAlt: "Blurry room with wooden floor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-illuminated-wooden-hall_1203-1265.jpg",
|
||||
imageAlt: "Blurred illuminated wooden hall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lit-bathroom-with-big-mirror_1203-580.jpg",
|
||||
imageAlt: "Lit bathroom with a big mirror",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81859.jpg",
|
||||
imageAlt: "Portrait of young woman in black sweater standing and posing.",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", imageAlt: "Salon Bella Od Nowa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg", imageAlt: "Blurry room with wooden floor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-illuminated-wooden-hall_1203-1265.jpg", imageAlt: "Blurred illuminated wooden hall" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lit-bathroom-with-big-mirror_1203-580.jpg", imageAlt: "Lit bathroom with a big mirror" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81859.jpg", imageAlt: "Portrait of young woman in black sweater standing and posing." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -87,21 +62,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "O nas",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
|
||||
alt: "Agata Pachuła",
|
||||
},
|
||||
{ type: "text", content: "O nas" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg", alt: "Agata Pachuła" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Dowiedz się więcej",
|
||||
href: "#kontakt",
|
||||
},
|
||||
{ text: "Dowiedz się więcej", href: "#kontakt" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,27 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Manicure",
|
||||
subtitle: "Stylizacja paznokci",
|
||||
category: "Paznokcie",
|
||||
value: "Od 90 PLN",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pedicure",
|
||||
subtitle: "Profesjonalna pielęgnacja stóp",
|
||||
category: "Stopy",
|
||||
value: "Od 120 PLN",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Zabiegi na twarz",
|
||||
subtitle: "Peeling i pielęgnacja",
|
||||
category: "Twarz",
|
||||
value: "Od 150 PLN",
|
||||
},
|
||||
{ id: "1", title: "Manicure", subtitle: "Stylizacja paznokci", category: "Paznokcie", value: "Od 90 PLN" },
|
||||
{ id: "2", title: "Pedicure", subtitle: "Profesjonalna pielęgnacja stóp", category: "Stopy", value: "Od 120 PLN" },
|
||||
{ id: "3", title: "Zabiegi na twarz", subtitle: "Peeling i pielęgnacja", category: "Twarz", value: "Od 150 PLN" }
|
||||
]}
|
||||
title="Nasze usługi"
|
||||
description="Oferujemy kompleksową pielęgnację dostosowaną do Twoich potrzeb."
|
||||
@@ -145,54 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "100 PLN",
|
||||
name: "Manicure",
|
||||
buttons: [
|
||||
{
|
||||
text: "Umów się",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Opracowanie skórek",
|
||||
"Pomalowanie hybrydą",
|
||||
"Nawilżenie",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "150 PLN",
|
||||
name: "Pedicure",
|
||||
buttons: [
|
||||
{
|
||||
text: "Umów się",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Kąpiel stóp",
|
||||
"Opracowanie podeszwy",
|
||||
"Malowanie",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
price: "200 PLN",
|
||||
name: "Pakiet Premium",
|
||||
buttons: [
|
||||
{
|
||||
text: "Umów się",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Zabieg na twarz",
|
||||
"Masaż dłoni",
|
||||
"Peeling",
|
||||
],
|
||||
},
|
||||
{ id: "basic", price: "100 PLN", name: "Manicure", buttons: [{ text: "Umów się", href: "#kontakt" }], features: ["Opracowanie skórek", "Pomalowanie hybrydą", "Nawilżenie"] },
|
||||
{ id: "pro", price: "150 PLN", name: "Pedicure", buttons: [{ text: "Umów się", href: "#kontakt" }], features: ["Kąpiel stóp", "Opracowanie podeszwy", "Malowanie"] },
|
||||
{ id: "gold", price: "200 PLN", name: "Pakiet Premium", buttons: [{ text: "Umów się", href: "#kontakt" }], features: ["Zabieg na twarz", "Masaż dłoni", "Peeling"] }
|
||||
]}
|
||||
title="Cennik usług"
|
||||
description="Przejrzysta oferta dla Ciebie."
|
||||
@@ -205,27 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4+",
|
||||
title: "Lata doświadczenia",
|
||||
description: "Od 2020 z pasją.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-putting-cream_23-2148660811.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Indywidualne podejście",
|
||||
description: "Dopasowane do Ciebie.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5*",
|
||||
title: "Jakość",
|
||||
description: "Profesjonalne produkty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-getting-face-skin-treatment-spa_23-2148825379.jpg",
|
||||
},
|
||||
{ id: "1", value: "4+", title: "Lata doświadczenia", description: "Od 2020 z pasją.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-putting-cream_23-2148660811.jpg" },
|
||||
{ id: "2", value: "100%", title: "Indywidualne podejście", description: "Dopasowane do Ciebie.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg" },
|
||||
{ id: "3", value: "5*", title: "Jakość", description: "Profesjonalne produkty.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-getting-face-skin-treatment-spa_23-2148825379.jpg" }
|
||||
]}
|
||||
title="Dlaczego my?"
|
||||
description="Dbamy o najwyższą jakość i Twój komfort."
|
||||
@@ -239,26 +123,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Katarzyna Kowalska"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-bed-sitting-pillow_273609-4665.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-with-orchid-flower-long-blonde-hair_23-2147867937.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-white-shirt-posing-brown-background_181624-44186.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-bed-sitting-pillow_273609-4665.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-with-orchid-flower-long-blonde-hair_23-2147867937.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-white-shirt-posing-brown-background_181624-44186.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -268,9 +137,7 @@ export default function LandingPage() {
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Zapraszamy do kontaktu"
|
||||
description="Brenna. Umów się na wizytę już dziś."
|
||||
@@ -282,38 +149,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Strona główna",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "O nas",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Oferta",
|
||||
href: "#uslugi",
|
||||
},
|
||||
{
|
||||
label: "Cennik",
|
||||
href: "#cennik",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Strona główna", href: "#" }, { label: "O nas", href: "#about" }] },
|
||||
{ items: [{ label: "Oferta", href: "#uslugi" }, { label: "Cennik", href: "#cennik" }] },
|
||||
{ items: [{ label: "Kontakt", href: "#kontakt" }] }
|
||||
]}
|
||||
logoText="Bella Od Nowa"
|
||||
/>
|
||||
@@ -321,4 +159,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user