Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,29 +31,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "O Mnie",
|
||||
id: "about",
|
||||
|
||||
name: "O Mnie", id: "about",
|
||||
},
|
||||
{
|
||||
name: "Usługi",
|
||||
id: "services",
|
||||
|
||||
name: "Usługi", id: "services",
|
||||
},
|
||||
{
|
||||
name: "Statystyki",
|
||||
id: "metrics",
|
||||
|
||||
name: "Statystyki", id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
|
||||
name: "FAQ", id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
|
||||
name: "Kontakt", id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="DJ Sebastian"
|
||||
@@ -66,47 +56,27 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="DJ Sebastian: Rozkręćmy Twoją Imprezę!"
|
||||
description="Profesjonalna oprawa muzyczna na każde wydarzenie: wesele, 18-stka, impreza firmowa czy prywatka. Gwarantuję niezapomnianą zabawę i taneczny parkiet!"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna i Piotr Kowalscy",
|
||||
handle: "@AniaPiotr",
|
||||
testimonial: "DJ Sebastian sprawił, że nasze wesele było po prostu magiczne! Muzyka idealnie dobrana, wszyscy goście bawili się świetnie do białego rana. Polecamy z całego serca!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-couple-giving-five-winners-team-isolated-white-studio_285396-4957.jpg",
|
||||
imageAlt: "Szczęśliwa para młoda na weselu",
|
||||
},
|
||||
name: "Anna i Piotr Kowalscy", handle: "@AniaPiotr", testimonial: "DJ Sebastian sprawił, że nasze wesele było po prostu magiczne! Muzyka idealnie dobrana, wszyscy goście bawili się świetnie do białego rana. Polecamy z całego serca!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-couple-giving-five-winners-team-isolated-white-studio_285396-4957.jpg", imageAlt: "Szczęśliwa para młoda na weselu"},
|
||||
{
|
||||
name: "Magda Zając",
|
||||
handle: "@MagdaZ",
|
||||
testimonial: "Moja 18-stka była hitem! Sebastian puścił wszystkie moje ulubione kawałki i stworzył niesamowitą atmosferę. Najlepszy DJ pod słońcem!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-fun-party_23-2150188387.jpg",
|
||||
imageAlt: "Dziewczyna tańcząca na 18-stce",
|
||||
},
|
||||
name: "Magda Zając", handle: "@MagdaZ", testimonial: "Moja 18-stka była hitem! Sebastian puścił wszystkie moje ulubione kawałki i stworzył niesamowitą atmosferę. Najlepszy DJ pod słońcem!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-fun-party_23-2150188387.jpg", imageAlt: "Dziewczyna tańcząca na 18-stce"},
|
||||
{
|
||||
name: "Kamil Nowak",
|
||||
handle: "@KamilN",
|
||||
testimonial: "Impreza firmowa wypadła fenomenalnie, a to w dużej mierze dzięki DJ-owi Sebastianowi. Profesjonalne podejście i wyczucie do publiki.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245269.jpg",
|
||||
imageAlt: "Grupa znajomych bawiąca się na imprezie",
|
||||
},
|
||||
name: "Kamil Nowak", handle: "@KamilN", testimonial: "Impreza firmowa wypadła fenomenalnie, a to w dużej mierze dzięki DJ-owi Sebastianowi. Profesjonalne podejście i wyczucie do publiki.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245269.jpg", imageAlt: "Grupa znajomych bawiąca się na imprezie"},
|
||||
]}
|
||||
tag="Twój DJ na Eventy!"
|
||||
tagIcon={Speaker}
|
||||
buttons={[
|
||||
{
|
||||
text: "Sprawdź dostępność",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Sprawdź dostępność", href: "#contact"},
|
||||
{
|
||||
text: "Moje usługi",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Moje usługi", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658371.jpg"
|
||||
imageAlt="Profesjonalny DJ setup na scenie z efektami świetlnymi"
|
||||
@@ -121,9 +91,7 @@ export default function LandingPage() {
|
||||
title="Pasja do Muzyki, Profesjonalizm na Scenie"
|
||||
buttons={[
|
||||
{
|
||||
text: "Skontaktuj się!",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Skontaktuj się!", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,63 +103,39 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "DJ na Wesele",
|
||||
description: "Stworzę niezapomnianą atmosferę na Waszym weselu, od klasycznych hitów po nowoczesne brzmienia. Indywidualne podejście do każdej Pary Młodej.",
|
||||
icon: Heart,
|
||||
title: "DJ na Wesele", description: "Stworzę niezapomnianą atmosferę na Waszym weselu, od klasycznych hitów po nowoczesne brzmienia. Indywidualne podejście do każdej Pary Młodej.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-man-dj-club_23-2149119678.jpg",
|
||||
alt: "Para młoda tańcząca na weselu",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-dj-club_23-2149119678.jpg", alt: "Para młoda tańcząca na weselu"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-man-dj-club_23-2149119678.jpg",
|
||||
alt: "Para młoda tańcząca na weselu",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-dj-club_23-2149119678.jpg", alt: "Para młoda tańcząca na weselu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "DJ na 18-stkę",
|
||||
description: "Najnowsze hity, energetyczne sety i idealnie dobrana playlista, która rozgrzeje parkiet na każdej osiemnastce. Gwarantowana super zabawa!",
|
||||
icon: Sparkles,
|
||||
title: "DJ na 18-stkę", description: "Najnowsze hity, energetyczne sety i idealnie dobrana playlista, która rozgrzeje parkiet na każdej osiemnastce. Gwarantowana super zabawa!", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/nightlife-people-having-fun-bars-clubs_23-2149088566.jpg",
|
||||
alt: "Młodzież tańcząca na osiemnastce",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/nightlife-people-having-fun-bars-clubs_23-2149088566.jpg", alt: "Młodzież tańcząca na osiemnastce"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/nightlife-people-having-fun-bars-clubs_23-2149088566.jpg",
|
||||
alt: "Młodzież tańcząca na osiemnastce",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/nightlife-people-having-fun-bars-clubs_23-2149088566.jpg", alt: "Młodzież tańcząca na osiemnastce"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Imprezy Firmowe",
|
||||
description: "Profesjonalna oprawa muzyczna eventów firmowych, bankietów i spotkań integracyjnych. Muzyka dopasowana do charakteru wydarzenia i preferencji uczestników.",
|
||||
icon: Briefcase,
|
||||
title: "Imprezy Firmowe", description: "Profesjonalna oprawa muzyczna eventów firmowych, bankietów i spotkań integracyjnych. Muzyka dopasowana do charakteru wydarzenia i preferencji uczestników.", icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/people-doing-voguing-dance-moves-indoors_23-2151099057.jpg",
|
||||
alt: "Ludzie bawiący się na imprezie firmowej",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-doing-voguing-dance-moves-indoors_23-2151099057.jpg", alt: "Ludzie bawiący się na imprezie firmowej"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/people-doing-voguing-dance-moves-indoors_23-2151099057.jpg",
|
||||
alt: "Ludzie bawiący się na imprezie firmowej",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-doing-voguing-dance-moves-indoors_23-2151099057.jpg", alt: "Ludzie bawiący się na imprezie firmowej"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Małe Imprezy i Prywatki",
|
||||
description: "Niezależnie od rozmiaru, każda impreza zasługuje na świetną muzykę. Zadbaj o niezapomniane brzmienie na swoim urodzinach, rocznicy czy spotkaniu ze znajomymi.",
|
||||
icon: Home,
|
||||
title: "Małe Imprezy i Prywatki", description: "Niezależnie od rozmiaru, każda impreza zasługuje na świetną muzykę. Zadbaj o niezapomniane brzmienie na swoim urodzinach, rocznicy czy spotkaniu ze znajomymi.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190926.jpg",
|
||||
alt: "Ludzie bawiący się na prywatce",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190926.jpg", alt: "Ludzie bawiący się na prywatce"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190926.jpg",
|
||||
alt: "Ludzie bawiący się na prywatce",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190926.jpg", alt: "Ludzie bawiący się na prywatce"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -204,29 +148,14 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="centered"
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{
|
||||
id: "experience",
|
||||
title: "Lata doświadczenia",
|
||||
subtitle: "w branży muzycznej",
|
||||
category: "kariera",
|
||||
value: "10+",
|
||||
},
|
||||
id: "experience", title: "Lata doświadczenia", subtitle: "w branży muzycznej", category: "kariera", value: "10+"},
|
||||
{
|
||||
id: "events",
|
||||
title: "Zrealizowane wydarzenia",
|
||||
subtitle: "od małych po duże",
|
||||
category: "sukcesy",
|
||||
value: "500+",
|
||||
},
|
||||
id: "events", title: "Zrealizowane wydarzenia", subtitle: "od małych po duże", category: "sukcesy", value: "500+"},
|
||||
{
|
||||
id: "satisfiedClients",
|
||||
title: "Zadowoleni klienci",
|
||||
subtitle: "i roztańczeni goście",
|
||||
category: "zadowolenie",
|
||||
value: "99%",
|
||||
},
|
||||
id: "satisfiedClients", title: "Zadowoleni klienci", subtitle: "i roztańczeni goście", category: "zadowolenie", value: "99%"},
|
||||
]}
|
||||
title="Liczby Mówią Same Za Siebie"
|
||||
description="Moje doświadczenie i zaangażowanie gwarantują udaną imprezę."
|
||||
@@ -239,35 +168,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Jakie są koszty wynajęcia DJ-a?",
|
||||
content: "Cena zależy od wielu czynników, takich jak data, czas trwania imprezy, lokalizacja oraz specyficzne wymagania dotyczące sprzętu czy dodatkowych atrakcji. Proszę o kontakt w celu uzyskania indywidualnej wyceny.",
|
||||
},
|
||||
id: "1", title: "Jakie są koszty wynajęcia DJ-a?", content: "Cena zależy od wielu czynników, takich jak data, czas trwania imprezy, lokalizacja oraz specyficzne wymagania dotyczące sprzętu czy dodatkowych atrakcji. Proszę o kontakt w celu uzyskania indywidualnej wyceny."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Czy mogę stworzyć własną playlistę?",
|
||||
content: "Oczywiście! Jestem otwarty na Wasze sugestie i zawsze staram się dopasować muzykę do gustu i oczekiwań klienta. W trakcie imprezy również przyjmuję życzenia muzyczne od gości.",
|
||||
},
|
||||
id: "2", title: "Czy mogę stworzyć własną playlistę?", content: "Oczywiście! Jestem otwarty na Wasze sugestie i zawsze staram się dopasować muzykę do gustu i oczekiwań klienta. W trakcie imprezy również przyjmuję życzenia muzyczne od gości."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Jaki sprzęt posiadasz?",
|
||||
content: "Dysponuję profesjonalnym sprzętem nagłośnieniowym i oświetleniowym najwyższej klasy, co gwarantuje doskonałą jakość dźwięku i niezapomniane efekty wizualne.",
|
||||
},
|
||||
id: "3", title: "Jaki sprzęt posiadasz?", content: "Dysponuję profesjonalnym sprzętem nagłośnieniowym i oświetleniowym najwyższej klasy, co gwarantuje doskonałą jakość dźwięku i niezapomniane efekty wizualne."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Czy dojeżdżasz do klientów na terenie całej Polski?",
|
||||
content: "Tak, świadczę usługi na terenie całej Polski. Koszty dojazdu są ustalane indywidualnie i wliczane w wycenę.",
|
||||
},
|
||||
id: "4", title: "Czy dojeżdżasz do klientów na terenie całej Polski?", content: "Tak, świadczę usługi na terenie całej Polski. Koszty dojazdu są ustalane indywidualnie i wliczane w wycenę."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Ile czasu potrzebujesz na rozłożenie sprzętu?",
|
||||
content: "Standardowo potrzebuję około 1-2 godzin na przygotowanie stanowiska DJ-a oraz nagłośnienia i oświetlenia. Czas ten może się różnić w zależności od wielkości imprezy i złożoności setupu.",
|
||||
},
|
||||
id: "5", title: "Ile czasu potrzebujesz na rozłożenie sprzętu?", content: "Standardowo potrzebuję około 1-2 godzin na przygotowanie stanowiska DJ-a oraz nagłośnienia i oświetlenia. Czas ten może się różnić w zależności od wielkości imprezy i złożoności setupu."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Czy prowadzisz zabawy weselne?",
|
||||
content: "Tak, oferuję prowadzenie różnego rodzaju zabaw i animacji, które urozmaicą Wasze wesele i zaangażują gości. Wszystko jest ustalane z Wami indywidualnie, aby idealnie pasowało do koncepcji imprezy.",
|
||||
},
|
||||
id: "6", title: "Czy prowadzisz zabawy weselne?", content: "Tak, oferuję prowadzenie różnego rodzaju zabaw i animacji, które urozmaicą Wasze wesele i zaangażują gości. Wszystko jest ustalane z Wami indywidualnie, aby idealnie pasowało do koncepcji imprezy."},
|
||||
]}
|
||||
title="Najczęściej Zadawane Pytania"
|
||||
description="Tutaj znajdziesz odpowiedzi na najczęściej zadawane pytania dotyczące moich usług."
|
||||
@@ -282,28 +193,17 @@ export default function LandingPage() {
|
||||
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: "Imię", type: "text", placeholder: "Twoje imię", required: true,
|
||||
},
|
||||
{
|
||||
name: "Email",
|
||||
type: "email",
|
||||
placeholder: "Twój adres e-mail",
|
||||
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,
|
||||
name: "Telefon", type: "tel", placeholder: "Twój numer telefonu (opcjonalnie)", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "Wiadomość",
|
||||
placeholder: "Opisz swoje wydarzenie i datę",
|
||||
rows: 4,
|
||||
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"
|
||||
@@ -319,33 +219,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "O Mnie",
|
||||
href: "#about",
|
||||
},
|
||||
label: "O Mnie", href: "#about"},
|
||||
{
|
||||
label: "Usługi",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Usługi", href: "#services"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
{
|
||||
label: "Polityka Prywatności",
|
||||
href: "#",
|
||||
},
|
||||
label: "Polityka Prywatności", href: "#"},
|
||||
{
|
||||
label: "Regulamin",
|
||||
href: "#",
|
||||
},
|
||||
label: "Regulamin", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user