Merge version_1 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -32,38 +32,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Start", id: "#hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über uns", id: "#about"},
|
||||
{
|
||||
name: "Training",
|
||||
id: "#training",
|
||||
},
|
||||
name: "Training", id: "#training"},
|
||||
{
|
||||
name: "Mitgliedschaft",
|
||||
id: "#membership",
|
||||
},
|
||||
name: "Mitgliedschaft", id: "#membership"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "#events",
|
||||
},
|
||||
name: "Events", id: "#events"},
|
||||
{
|
||||
name: "Sponsoren",
|
||||
id: "#sponsors",
|
||||
},
|
||||
name: "Sponsoren", id: "#sponsors"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Jetzt Mitglied werden",
|
||||
href: "#membership",
|
||||
}}
|
||||
text: "Jetzt Mitglied werden", href: "#membership"}}
|
||||
brandName="PBC Ingelheim"
|
||||
/>
|
||||
</div>
|
||||
@@ -72,111 +56,63 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="1. Pool Billard Club Ingelheim e.V."
|
||||
description="Dein Billardverein in der Region Ingelheim – seit Jahren Leidenschaft für den Kugelsport."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@billardfan",
|
||||
testimonial: "Ein fantastischer Verein! Freundlich, einladend und super Tische.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13340.jpg",
|
||||
imageAlt: "Sarah M. Portrait",
|
||||
},
|
||||
name: "Sarah M.", handle: "@billardfan", testimonial: "Ein fantastischer Verein! Freundlich, einladend und super Tische.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13340.jpg", imageAlt: "Sarah M. Portrait"},
|
||||
{
|
||||
name: "Lukas K.",
|
||||
handle: "@poolshark",
|
||||
testimonial: "Ich liebe die monatlichen Turniere. Immer eine tolle Herausforderung!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg",
|
||||
imageAlt: "Lukas K. Portrait",
|
||||
},
|
||||
name: "Lukas K.", handle: "@poolshark", testimonial: "Ich liebe die monatlichen Turniere. Immer eine tolle Herausforderung!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg", imageAlt: "Lukas K. Portrait"},
|
||||
{
|
||||
name: "Lena S.",
|
||||
handle: "@newplayer",
|
||||
testimonial: "Als Anfängerin fühle ich mich hier super aufgehoben. Die Community ist toll!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-portrait-cheerful-happy-young-man-with-afro-hairstyle-casual-white-t-shirt-smiling-brightly-looking-camera-with-excited-joyful-expression_176420-12985.jpg",
|
||||
imageAlt: "Lena S. Portrait",
|
||||
},
|
||||
name: "Lena S.", handle: "@newplayer", testimonial: "Als Anfängerin fühle ich mich hier super aufgehoben. Die Community ist toll!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-portrait-cheerful-happy-young-man-with-afro-hairstyle-casual-white-t-shirt-smiling-brightly-looking-camera-with-excited-joyful-expression_176420-12985.jpg", imageAlt: "Lena S. Portrait"},
|
||||
{
|
||||
name: "Max P.",
|
||||
handle: "@poolpro",
|
||||
testimonial: "Die Tische sind immer top gepflegt und die Atmosphäre ist einfach klasse. Sehr empfehlenswert!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg",
|
||||
imageAlt: "Young man smiling confident looking to the side at park",
|
||||
},
|
||||
name: "Max P.", handle: "@poolpro", testimonial: "Die Tische sind immer top gepflegt und die Atmosphäre ist einfach klasse. Sehr empfehlenswert!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg", imageAlt: "Young man smiling confident looking to the side at park"},
|
||||
{
|
||||
name: "Anna F.",
|
||||
handle: "@cuequeen",
|
||||
testimonial: "Hier finde ich immer nette Leute zum Spielen und die Events sind super organisiert.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
imageAlt: "Employee working with trendy clothes",
|
||||
},
|
||||
name: "Anna F.", handle: "@cuequeen", testimonial: "Hier finde ich immer nette Leute zum Spielen und die Events sind super organisiert.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg", imageAlt: "Employee working with trendy clothes"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Mitglied werden",
|
||||
href: "#membership",
|
||||
},
|
||||
text: "Jetzt Mitglied werden", href: "#membership"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/golden-bow-ribbons-green-background_23-2147961659.jpg"
|
||||
imageAlt="Billiard club interior with pool tables"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-portrait-cheerful-young-bearded-hipster-smiling-having-fun-nice-conversation-with-his-friends_273609-1774.jpg",
|
||||
alt: "Isolated portrait of cheerful young bearded hipster smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-portrait-cheerful-young-bearded-hipster-smiling-having-fun-nice-conversation-with-his-friends_273609-1774.jpg", alt: "Isolated portrait of cheerful young bearded hipster smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
|
||||
alt: "Young blonde businesswoman smiling happy standing at the city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg", alt: "Young blonde businesswoman smiling happy standing at the city"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg",
|
||||
alt: "Beautiful woman at a cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg", alt: "Beautiful woman at a cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-home-celebrating-showing-positive-emotions_482257-119236.jpg",
|
||||
alt: "Cheerful man at home celebrating showing positive emotions",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-home-celebrating-showing-positive-emotions_482257-119236.jpg", alt: "Cheerful man at home celebrating showing positive emotions"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12688.jpg",
|
||||
alt: "Beautiful woman at a cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12688.jpg", alt: "Beautiful woman at a cafe"},
|
||||
]}
|
||||
avatarText="Über 50 begeisterte Mitglieder"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Freundliche Community",
|
||||
icon: Smile,
|
||||
type: "text-icon", text: "Freundliche Community", icon: Smile,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Top Billardtische",
|
||||
icon: Table,
|
||||
type: "text-icon", text: "Top Billardtische", icon: Table,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Spannende Turniere",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Spannende Turniere", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Für alle Spielstärken",
|
||||
icon: Target,
|
||||
type: "text-icon", text: "Für alle Spielstärken", icon: Target,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Dein Verein in Ingelheim",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Dein Verein in Ingelheim", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -189,21 +125,15 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Trophy,
|
||||
label: "Gründungsjahr",
|
||||
value: "2020",
|
||||
},
|
||||
label: "Gründungsjahr", value: "2020"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Mitglieder",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Mitglieder", value: "50+"},
|
||||
{
|
||||
icon: Table,
|
||||
label: "Dynamics II Tische",
|
||||
value: "4",
|
||||
},
|
||||
label: "Dynamics II Tische", value: "4"},
|
||||
]}
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -211,34 +141,20 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "adresse",
|
||||
title: "Unser Vereinsheim",
|
||||
tags: [
|
||||
"Ort",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-chatting-near-campus-building_23-2147850666.jpg",
|
||||
imageAlt: "Map pin on club address",
|
||||
},
|
||||
id: "adresse", title: "Unser Vereinsheim", tags: [
|
||||
"Ort"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-chatting-near-campus-building_23-2147850666.jpg", imageAlt: "Map pin on club address"},
|
||||
{
|
||||
id: "trainingszeiten",
|
||||
title: "Regelmäßige Trainings",
|
||||
tags: [
|
||||
"Zeit",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/transparent-calendar-appointment-booking_23-2148550003.jpg",
|
||||
imageAlt: "Calendar icon for training times",
|
||||
},
|
||||
id: "trainingszeiten", title: "Regelmäßige Trainings", tags: [
|
||||
"Zeit"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/transparent-calendar-appointment-booking_23-2148550003.jpg", imageAlt: "Calendar icon for training times"},
|
||||
{
|
||||
id: "schnuppertraining",
|
||||
title: "Komm einfach vorbei!",
|
||||
tags: [
|
||||
"Angebot",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-chalk_23-2148299285.jpg",
|
||||
imageAlt: "Person holding a billiard cue stick",
|
||||
},
|
||||
id: "schnuppertraining", title: "Komm einfach vorbei!", tags: [
|
||||
"Angebot"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-chalk_23-2148299285.jpg", imageAlt: "Person holding a billiard cue stick"},
|
||||
]}
|
||||
title="Trainingszeiten & Vereinsheim"
|
||||
description="Besuche uns in Budenheim und werde Teil unserer Billard-Community. Ob Schnuppertraining oder regelmäßiges Spiel, wir freuen uns auf dich!"
|
||||
@@ -249,25 +165,14 @@ export default function LandingPage() {
|
||||
<PricingCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Standard",
|
||||
tagIcon: Sparkles,
|
||||
price: "38 €",
|
||||
period: "pro Monat",
|
||||
description: "Die umfassende Mitgliedschaft für alle Billardbegeisterten.",
|
||||
button: {
|
||||
text: "Jetzt Anmelden",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Das ist alles dabei:",
|
||||
features: [
|
||||
"Unbegrenzt Billard spielen",
|
||||
"Getränke zu kleinen Preisen",
|
||||
"Teilnahme an internen Turnieren",
|
||||
"Zugang zum Vereinsheim",
|
||||
],
|
||||
id: "standard", tag: "Standard", tagIcon: Sparkles,
|
||||
price: "38 €", period: "pro Monat", description: "Die umfassende Mitgliedschaft für alle Billardbegeisterten.", button: {
|
||||
text: "Jetzt Anmelden", href: "#contact"},
|
||||
featuresTitle: "Das ist alles dabei:", features: [
|
||||
"Unbegrenzt Billard spielen", "Getränke zu kleinen Preisen", "Teilnahme an internen Turnieren", "Zugang zum Vereinsheim"],
|
||||
},
|
||||
]}
|
||||
title="Mitglied werden im PBC Ingelheim"
|
||||
@@ -279,64 +184,20 @@ export default function LandingPage() {
|
||||
<BlogCardOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="Veranstaltungen & Turniere"
|
||||
description="Neben dem regulären Training bieten wir eine Vielzahl an spannenden Events und Turnieren für alle Spielstärken und Anlässe."
|
||||
blogs={[
|
||||
{
|
||||
id: "event-1",
|
||||
category: "Turnier",
|
||||
title: "PBC Pool Series",
|
||||
excerpt: "Unser monatliches Turnier für Mitglieder und Gäste – jeden 3. Freitag im Monat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-couple-playing-billiard-club_1157-29084.jpg",
|
||||
imageAlt: "Billiard tournament trophy celebration",
|
||||
authorName: "PBC Ingelheim",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pool-billiards-balls_1203-3008.jpg",
|
||||
date: "Monatlich",
|
||||
},
|
||||
id: "event-1", category: "Turnier", title: "PBC Pool Series", excerpt: "Unser monatliches Turnier für Mitglieder und Gäste – jeden 3. Freitag im Monat.", imageSrc: "http://img.b2bpic.net/free-photo/international-couple-playing-billiard-club_1157-29084.jpg", imageAlt: "Billiard tournament trophy celebration", authorName: "PBC Ingelheim", authorAvatar: "http://img.b2bpic.net/free-photo/pool-billiards-balls_1203-3008.jpg", date: "Monatlich"},
|
||||
{
|
||||
id: "event-2",
|
||||
category: "Wettkampf",
|
||||
title: "Vereinsmeisterschaft",
|
||||
excerpt: "Der jährliche Höhepunkt: Wer wird der beste Spieler des Clubs?",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-people-hostel_23-2150446743.jpg",
|
||||
imageAlt: "Club championship billiard match",
|
||||
authorName: "PBC Ingelheim",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxger3",
|
||||
date: "Jährlich",
|
||||
},
|
||||
id: "event-2", category: "Wettkampf", title: "Vereinsmeisterschaft", excerpt: "Der jährliche Höhepunkt: Wer wird der beste Spieler des Clubs?", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-people-hostel_23-2150446743.jpg", imageAlt: "Club championship billiard match", authorName: "PBC Ingelheim", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxger3", date: "Jährlich"},
|
||||
{
|
||||
id: "event-3",
|
||||
category: "Turnier",
|
||||
title: "Sommercup-Turnier",
|
||||
excerpt: "Unser beliebtes Sommer-Highlight – jedes Jahr im September.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756294.jpg",
|
||||
imageAlt: "Summer cup tournament graphic",
|
||||
authorName: "PBC Ingelheim",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymkwtv",
|
||||
date: "September",
|
||||
},
|
||||
id: "event-3", category: "Turnier", title: "Sommercup-Turnier", excerpt: "Unser beliebtes Sommer-Highlight – jedes Jahr im September.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756294.jpg", imageAlt: "Summer cup tournament graphic", authorName: "PBC Ingelheim", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymkwtv", date: "September"},
|
||||
{
|
||||
id: "event-4",
|
||||
category: "Sozial",
|
||||
title: "Sommerfest & Grillabende",
|
||||
excerpt: "Gemütliche Abende mit der Clubfamilie unter freiem Himmel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-celebrating-together-high-angle_23-2149746476.jpg",
|
||||
imageAlt: "Summer fest party people laughing",
|
||||
authorName: "PBC Ingelheim",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/billiard-logo-design-template_23-2150899023.jpg",
|
||||
date: "Sommer",
|
||||
},
|
||||
id: "event-4", category: "Sozial", title: "Sommerfest & Grillabende", excerpt: "Gemütliche Abende mit der Clubfamilie unter freiem Himmel.", imageSrc: "http://img.b2bpic.net/free-photo/friends-celebrating-together-high-angle_23-2149746476.jpg", imageAlt: "Summer fest party people laughing", authorName: "PBC Ingelheim", authorAvatar: "http://img.b2bpic.net/free-vector/billiard-logo-design-template_23-2150899023.jpg", date: "Sommer"},
|
||||
{
|
||||
id: "event-5",
|
||||
category: "Sozial",
|
||||
title: "Weihnachtsfeier",
|
||||
excerpt: "Lasst das Jahr gemeinsam festlich ausklingen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-wrapped-with-red-ribbon_1252-268.jpg",
|
||||
imageAlt: "Christmas holiday party club",
|
||||
authorName: "PBC Ingelheim",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/billiard-logo-design-template_23-2150889750.jpg",
|
||||
date: "Dezember",
|
||||
},
|
||||
id: "event-5", category: "Sozial", title: "Weihnachtsfeier", excerpt: "Lasst das Jahr gemeinsam festlich ausklingen.", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-wrapped-with-red-ribbon_1252-268.jpg", imageAlt: "Christmas holiday party club", authorName: "PBC Ingelheim", authorAvatar: "http://img.b2bpic.net/free-vector/billiard-logo-design-template_23-2150889750.jpg", date: "Dezember"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -346,14 +207,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sportgeschäft Ingelheim",
|
||||
"Billard Welt Mainz",
|
||||
"Gaststätte Zum Kegel",
|
||||
"Stadtverwaltung Ingelheim",
|
||||
"Dynamics Billardtische",
|
||||
"Rheinhessen Brauerei",
|
||||
"Lokale Zeitung Ingelheim",
|
||||
]}
|
||||
"Sportgeschäft Ingelheim", "Billard Welt Mainz", "Gaststätte Zum Kegel", "Stadtverwaltung Ingelheim", "Dynamics Billardtische", "Rheinhessen Brauerei", "Lokale Zeitung Ingelheim"]}
|
||||
title="Unsere Sponsoren & Partner"
|
||||
description="Wir danken unseren Tischpaten und großzügigen Sponsoren für ihre wertvolle Unterstützung des Billardsports und unseres Vereins."
|
||||
/>
|
||||
@@ -363,14 +217,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt & Schnuppertraining"
|
||||
title="Lust auf Billard? Melde dich bei uns!"
|
||||
description="Komm einfach donnerstags ab 18 Uhr zum Schnuppertraining vorbei. Oder hinterlasse uns deine E-Mail für weitere Infos – wir freuen uns auf dich!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/location-symbol-city-low-angle_23-2149764142.jpg"
|
||||
imageAlt="Google Maps placeholder for club address Im Wald 5, Budenheim"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Deine E-Mail Adresse"
|
||||
buttonText="Infos anfordern"
|
||||
@@ -384,13 +237,9 @@ export default function LandingPage() {
|
||||
logoAlt="PBC Ingelheim Logo"
|
||||
logoText="PBC Ingelheim"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Impressum", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Datenschutz", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user