Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fff797b250 | |||
| 80d07dad1a |
@@ -1,91 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
||||||
import ReactLenis from "lenis/react";
|
|
||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
||||||
|
|
||||||
export default function ContactPage() {
|
|
||||||
const navItems = [
|
|
||||||
{ name: "O Mnie", id: "about" },
|
|
||||||
{ name: "Usługi", id: "services" },
|
|
||||||
{ name: "Statystyki", id: "metrics" },
|
|
||||||
{ name: "FAQ", id: "faq" },
|
|
||||||
{ name: "Kontakt", id: "/contact-us" },
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ThemeProvider
|
|
||||||
defaultButtonVariant="hover-bubble"
|
|
||||||
defaultTextAnimation="entrance-slide"
|
|
||||||
borderRadius="pill"
|
|
||||||
contentWidth="mediumSmall"
|
|
||||||
sizing="mediumLargeSizeLargeTitles"
|
|
||||||
background="grid"
|
|
||||||
cardStyle="inset"
|
|
||||||
primaryButtonStyle="gradient"
|
|
||||||
secondaryButtonStyle="layered"
|
|
||||||
headingFontWeight="medium"
|
|
||||||
>
|
|
||||||
<ReactLenis root>
|
|
||||||
<div id="nav" data-section="nav">
|
|
||||||
<NavbarStyleFullscreen
|
|
||||||
navItems={navItems}
|
|
||||||
brandName="DJ Sebastian"
|
|
||||||
bottomLeftText="Twój DJ na każdą okazję"
|
|
||||||
bottomRightText="kontakt@djsebastian.pl"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact-form-page" data-section="contact-form-page">
|
|
||||||
<ContactSplitForm
|
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Skontaktuj Się Ze Mną!"
|
|
||||||
description="Gotowy, by rozkręcić Twoją imprezę? Wypełnij formularz, a ja odezwę się jak najszybciej, by omówić szczegóły."
|
|
||||||
inputs={[
|
|
||||||
{
|
|
||||||
name: "Imię", type: "text", placeholder: "Twoje imię", required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Email", type: "email", placeholder: "Twój adres e-mail", required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Telefon", type: "tel", placeholder: "Twój numer telefonu (opcjonalnie)", required: false,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
textarea={{
|
|
||||||
name: "Wiadomość", placeholder: "Opisz swoje wydarzenie i datę", rows: 4, required: true,
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3012.jpg"
|
|
||||||
imageAlt="Portret DJ-a Sebastiana z mikrofonem"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
buttonText="Wyślij Wiadomość"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterLogoEmphasis
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{ label: "O Mnie", href: "#about" },
|
|
||||||
{ label: "Usługi", href: "#services" },
|
|
||||||
{ label: "FAQ", href: "#faq" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{ label: "Kontakt", href: "/contact-us" },
|
|
||||||
{ label: "Polityka Prywatności", href: "#" },
|
|
||||||
{ label: "Regulamin", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="DJ Sebastian"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
|
||||||
</ThemeProvider>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
@@ -13,14 +13,6 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
|||||||
import { Briefcase, Heart, Home, Sparkles, Speaker, User } from "lucide-react";
|
import { Briefcase, Heart, Home, Sparkles, Speaker, User } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
const navItems = [
|
|
||||||
{ name: "O Mnie", id: "about" },
|
|
||||||
{ name: "Usługi", id: "services" },
|
|
||||||
{ name: "Statystyki", id: "metrics" },
|
|
||||||
{ name: "FAQ", id: "faq" },
|
|
||||||
{ name: "Kontakt", id: "/contact-us" },
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-bubble"
|
defaultButtonVariant="hover-bubble"
|
||||||
@@ -37,8 +29,24 @@ export default function LandingPage() {
|
|||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={navItems}
|
navItems={[
|
||||||
brandName="DJ SEBA"
|
{
|
||||||
|
name: "O Mnie", id: "about",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Usługi", id: "services",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Statystyki", id: "metrics",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "FAQ", id: "faq",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Kontakt", id: "contact",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
brandName="DJ Sebastian"
|
||||||
bottomLeftText="Twój DJ na każdą okazję"
|
bottomLeftText="Twój DJ na każdą okazję"
|
||||||
bottomRightText="kontakt@djsebastian.pl"
|
bottomRightText="kontakt@djsebastian.pl"
|
||||||
/>
|
/>
|
||||||
@@ -66,7 +74,7 @@ export default function LandingPage() {
|
|||||||
tagIcon={Speaker}
|
tagIcon={Speaker}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Sprawdź dostępność", href: "/contact-us"},
|
text: "Sprawdź dostępność", href: "#contact"},
|
||||||
{
|
{
|
||||||
text: "Moje usługi", href: "#services"},
|
text: "Moje usługi", href: "#services"},
|
||||||
]}
|
]}
|
||||||
@@ -83,7 +91,7 @@ export default function LandingPage() {
|
|||||||
title="Pasja do Muzyki, Profesjonalizm na Scenie"
|
title="Pasja do Muzyki, Profesjonalizm na Scenie"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Skontaktuj się!", href: "/contact-us"},
|
text: "Skontaktuj się!", href: "#contact"},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -147,7 +155,8 @@ export default function LandingPage() {
|
|||||||
Muzyka to dla mnie coś więcej niż pasja – to sposób na tworzenie wyjątkowej atmosfery i niezapomnianych chwil. Od ponad 3 lat jako DJ dbam o oprawę muzyczną różnego rodzaju wydarzeń, od imprez klubowych, przez wesela, aż po eventy firmowe i prywatne.
|
Muzyka to dla mnie coś więcej niż pasja – to sposób na tworzenie wyjątkowej atmosfery i niezapomnianych chwil. Od ponad 3 lat jako DJ dbam o oprawę muzyczną różnego rodzaju wydarzeń, od imprez klubowych, przez wesela, aż po eventy firmowe i prywatne.
|
||||||
Specjalizuję się w dopasowywaniu setów do klimatu wydarzenia oraz oczekiwań gości. Swobodnie poruszam się w wielu gatunkach muzycznych – od hitów komercyjnych, przez house, R&B, hip-hop, aż po klasyki, które zawsze rozkręcają parkiet. ", category: "kariera", value: "10+"},
|
Specjalizuję się w dopasowywaniu setów do klimatu wydarzenia oraz oczekiwań gości. Swobodnie poruszam się w wielu gatunkach muzycznych – od hitów komercyjnych, przez house, R&B, hip-hop, aż po klasyki, które zawsze rozkręcają parkiet. ", category: "kariera", value: "10+"},
|
||||||
{
|
{
|
||||||
id: "events", title: "Zrealizowane wydarzenia", subtitle: "Zrealizowane wydarzenia – od małych po te dużeOd małych po te duże – przez 3 lata miałem okazję występować na wielu wydarzeniach, zdobywając cenne doświadczenie i rozwijając swój styl. Grałem zarówno na kameralnych imprezach prywatnych, jak i większych eventach, takich jak wesela, imprezy klubowe oraz wydarzenia firmowe.Każde z nich traktuję indywidualnie, dbając o odpowiedni klimat, energię i dopasowanie muzyki do charakteru wydarzenia oraz oczekiwań uczestników. Dzięki temu każda impreza zyskuje unikalny vibe i zostaje w pamięci gości na długo. ", category: "sukcesy", value: "500+"},
|
id: "events", title: "Zrealizowane wydarzenia", subtitle: "Od małych po te duże – przez 3 lata miałem okazję występować na wielu wydarzeniach, zdobywając cenne doświadczenie i rozwijając swój styl. Grałem zarówno na kameralnych imprezach prywatnych, jak i większych eventach, takich jak wesela, imprezy klubowe oraz wydarzenia firmowe.
|
||||||
|
Każde z nich traktuję indywidualnie, dbając o odpowiedni klimat, energię i dopasowanie muzyki do charakteru wydarzenia oraz oczekiwań uczestników. Dzięki temu każda impreza zyskuje unikalny vibe i zostaje w pamięci gości na długo. ", category: "sukcesy", value: "500+"},
|
||||||
{
|
{
|
||||||
id: "satisfiedClients", title: "Zadowoleni klienci", subtitle: "Zadowolenie klientów to dla mnie priorytet – przez 3 lata współpracy miałem przyjemność pracować z wieloma osobami i firmami, które zaufały mi przy organizacji swoich wydarzeń. Każde zlecenie to dla mnie odpowiedzialność za atmosferę i dobrą zabawę gości.
|
id: "satisfiedClients", title: "Zadowoleni klienci", subtitle: "Zadowolenie klientów to dla mnie priorytet – przez 3 lata współpracy miałem przyjemność pracować z wieloma osobami i firmami, które zaufały mi przy organizacji swoich wydarzeń. Każde zlecenie to dla mnie odpowiedzialność za atmosferę i dobrą zabawę gości.
|
||||||
Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę dopasować się do oczekiwań i stworzyć dokładnie taki klimat, jakiego potrzebuje klient. Pozytywne opinie i powracający klienci to dla mnie najlepsza rekomendacja. ", category: "zadowolenie", value: "99%"},
|
Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę dopasować się do oczekiwań i stworzyć dokładnie taki klimat, jakiego potrzebuje klient. Pozytywne opinie i powracający klienci to dla mnie najlepsza rekomendacja. ", category: "zadowolenie", value: "99%"},
|
||||||
@@ -181,6 +190,33 @@ Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę do
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<ContactSplitForm
|
||||||
|
useInvertedBackground={false}
|
||||||
|
title="Skontaktuj Się Ze Mną!"
|
||||||
|
description="Gotowy, by rozkręcić Twoją imprezę? Wypełnij formularz, a ja odezwę się jak najszybciej, by omówić szczegóły."
|
||||||
|
inputs={[
|
||||||
|
{
|
||||||
|
name: "Imię", type: "text", placeholder: "Twoje imię", required: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Email", type: "email", placeholder: "Twój adres e-mail", required: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Telefon", type: "tel", placeholder: "Twój numer telefonu (opcjonalnie)", required: false,
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
textarea={{
|
||||||
|
name: "Wiadomość", placeholder: "Opisz swoje wydarzenie i datę", rows: 4,
|
||||||
|
required: true,
|
||||||
|
}}
|
||||||
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLmBxM5CEFEhisfIr2xGuQKXY9/uploaded-1774278098670-pcuw4wq8.jpg"
|
||||||
|
imageAlt="Portret DJ-a Sebastiana z mikrofonem"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
buttonText="Wyślij Wiadomość"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
@@ -197,7 +233,7 @@ Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę do
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Kontakt", href: "/contact-us"},
|
label: "Kontakt", href: "#contact"},
|
||||||
{
|
{
|
||||||
label: "Polityka Prywatności", href: "#"},
|
label: "Polityka Prywatności", href: "#"},
|
||||||
{
|
{
|
||||||
@@ -205,7 +241,7 @@ Stawiam na profesjonalizm, komunikację i elastyczność, dzięki czemu mogę do
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText=" DJ SEBA"
|
logoText="DJ Sebastian"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user