Update src/app/page.tsx
This commit is contained in:
200
src/app/page.tsx
200
src/app/page.tsx
@@ -33,90 +33,49 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Erlebniswelten",
|
||||
id: "erlebniswelten",
|
||||
},
|
||||
name: "Erlebniswelten", id: "erlebniswelten"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
name: "Community", id: "community"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "storytelling",
|
||||
},
|
||||
name: "Story", id: "storytelling"},
|
||||
{
|
||||
name: "Humanity",
|
||||
id: "humanity",
|
||||
},
|
||||
name: "Humanity", id: "humanity"},
|
||||
{
|
||||
name: "Probetraining",
|
||||
id: "cta",
|
||||
},
|
||||
name: "Probetraining", id: "cta"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/sign-abstract-splattered-blob-texture_1194-8203.jpg"
|
||||
logoAlt="ARS SALTANDI logo"
|
||||
brandName="ARS SALTANDI"
|
||||
button={{
|
||||
text: "Kurse entdecken",
|
||||
href: "#erlebniswelten",
|
||||
}}
|
||||
text: "Kurse entdecken", href: "#erlebniswelten"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Mehr als eine Tanzschule."
|
||||
description="Eine Community für Bewegungskunst, Kreativität und außergewöhnliche Erlebnisse."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kostenlose Probestunde",
|
||||
href: "#cta",
|
||||
},
|
||||
text: "Kostenlose Probestunde", href: "#cta"},
|
||||
{
|
||||
text: "Kurse entdecken",
|
||||
href: "#erlebniswelten",
|
||||
},
|
||||
text: "Kurse entdecken", href: "#erlebniswelten"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-shirtless-hip-hop-dancers-practicing-outside_23-2148497005.jpg",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-model-pole-dancing_23-2148412062.jpg",
|
||||
imageAlt: "Dynamic dance and acrobatics performance",
|
||||
videoAriaLabel: "Spectacular dance and acrobatics performance video",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-shirtless-hip-hop-dancers-practicing-outside_23-2148497005.jpg", videoSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-model-pole-dancing_23-2148412062.jpg", imageAlt: "Dynamic dance and acrobatics performance", videoAriaLabel: "Spectacular dance and acrobatics performance video"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-woman-transparent-eye-bondage_23-2147695043.jpg",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-transforming-into-butterfly_23-2150169311.jpg",
|
||||
imageAlt: "Acrobat mid-air with ethereal glow",
|
||||
videoAriaLabel: "Acrobat performing with ethereal lighting video",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-woman-transparent-eye-bondage_23-2147695043.jpg", videoSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-transforming-into-butterfly_23-2150169311.jpg", imageAlt: "Acrobat mid-air with ethereal glow", videoAriaLabel: "Acrobat performing with ethereal lighting video"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ballet-couple-dancing-leotard_23-2148390071.jpg",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/female-gymnast-doing-complicated-trick-gymnastics-balance-beam-professional-arena_654080-2028.jpg",
|
||||
imageAlt: "Synchronized Rhönrad acrobatics",
|
||||
videoAriaLabel: "Synchronized Rhönrad performance video",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ballet-couple-dancing-leotard_23-2148390071.jpg", videoSrc: "http://img.b2bpic.net/free-photo/female-gymnast-doing-complicated-trick-gymnastics-balance-beam-professional-arena_654080-2028.jpg", imageAlt: "Synchronized Rhönrad acrobatics", videoAriaLabel: "Synchronized Rhönrad performance video"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-girl-doing-yoga_1157-18745.jpg",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/dancer-doing-elegant-performing-art_23-2149144325.jpg",
|
||||
imageAlt: "Dancer leaping with light trails",
|
||||
videoAriaLabel: "Dancer leaping with dynamic light trails video",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-girl-doing-yoga_1157-18745.jpg", videoSrc: "http://img.b2bpic.net/free-photo/dancer-doing-elegant-performing-art_23-2149144325.jpg", imageAlt: "Dancer leaping with light trails", videoAriaLabel: "Dancer leaping with dynamic light trails video"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-person-exercising-working-out_23-2150990053.jpg",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/gymnast-making-positions-with-hoop_23-2148144131.jpg",
|
||||
imageAlt: "Aerialist with focused expression",
|
||||
videoAriaLabel: "Aerialist performing with focused expression video",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-person-exercising-working-out_23-2150990053.jpg", videoSrc: "http://img.b2bpic.net/free-photo/gymnast-making-positions-with-hoop_23-2148144131.jpg", imageAlt: "Aerialist with focused expression", videoAriaLabel: "Aerialist performing with focused expression video"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-dressed-as-witches-with-confetti_23-2147701999.jpg",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/three-stylish-african-american-friends-wear-white-clothes-pier-beach-street-fashion-young-black-people-black-man-with-two-african-girls_627829-13815.jpg",
|
||||
imageAlt: "Ensemble striking dramatic pose",
|
||||
videoAriaLabel: "Ensemble performing dramatic pose video",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-dressed-as-witches-with-confetti_23-2147701999.jpg", videoSrc: "http://img.b2bpic.net/free-photo/three-stylish-african-american-friends-wear-white-clothes-pier-beach-street-fashion-young-black-people-black-man-with-two-african-girls_627829-13815.jpg", imageAlt: "Ensemble striking dramatic pose", videoAriaLabel: "Ensemble performing dramatic pose video"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,29 +87,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "members",
|
||||
icon: Users,
|
||||
title: "Mitglieder",
|
||||
value: "100+",
|
||||
},
|
||||
id: "members", icon: Users,
|
||||
title: "Mitglieder", value: "100+"},
|
||||
{
|
||||
id: "medals",
|
||||
icon: Award,
|
||||
title: "Internationale Medaillen",
|
||||
value: "Mehrfach",
|
||||
},
|
||||
id: "medals", icon: Award,
|
||||
title: "Internationale Medaillen", value: "Mehrfach"},
|
||||
{
|
||||
id: "verein",
|
||||
icon: Trophy,
|
||||
title: "Verein des Jahres",
|
||||
value: "Ausgezeichnet",
|
||||
},
|
||||
id: "verein", icon: Trophy,
|
||||
title: "Verein des Jahres", value: "Ausgezeichnet"},
|
||||
{
|
||||
id: "experience",
|
||||
icon: Sparkles,
|
||||
title: "Jahre Erfahrung",
|
||||
value: "20+",
|
||||
},
|
||||
id: "experience", icon: Sparkles,
|
||||
title: "Jahre Erfahrung", value: "20+"},
|
||||
]}
|
||||
title="Unsere Community in Zahlen"
|
||||
description="Ein Blick auf unsere Erfolge und die starke Gemeinschaft, die wir aufgebaut haben."
|
||||
@@ -162,14 +109,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"WM-Medaillen",
|
||||
"Europameisterschaft",
|
||||
"Berliner Festspiele",
|
||||
"Feuerwerk der Turnkunst",
|
||||
"Bundesauszeichnungen",
|
||||
"Talentförderpreis",
|
||||
"Sozialer Impact Award",
|
||||
]}
|
||||
"WM-Medaillen", "Europameisterschaft", "Berliner Festspiele", "Feuerwerk der Turnkunst", "Bundesauszeichnungen", "Talentförderpreis", "Sozialer Impact Award"]}
|
||||
title="Auszeichnungen & Anerkennung"
|
||||
description="Von nationalen Bühnen bis zu internationalen Wettbewerben – unsere Erfolge sprechen für sich."
|
||||
/>
|
||||
@@ -181,41 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Tanz",
|
||||
description: "Erlebe Leidenschaft und Ausdruck in unseren vielfältigen Tanzstilen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dancer-doing-elegant-performing-art_23-2149144329.jpg",
|
||||
imageAlt: "Contemporary dancer in passionate pose",
|
||||
},
|
||||
title: "Tanz", description: "Erlebe Leidenschaft und Ausdruck in unseren vielfältigen Tanzstilen.", imageSrc: "http://img.b2bpic.net/free-photo/dancer-doing-elegant-performing-art_23-2149144329.jpg", imageAlt: "Contemporary dancer in passionate pose"},
|
||||
{
|
||||
title: "Akrobatik",
|
||||
description: "Entwickle Kraft, Präzision und Körperbeherrschung in der Akrobatik.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-studio-red-light_23-2149600385.jpg",
|
||||
imageAlt: "Acrobat performing intricate pose mid-air",
|
||||
},
|
||||
title: "Akrobatik", description: "Entwickle Kraft, Präzision und Körperbeherrschung in der Akrobatik.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-studio-red-light_23-2149600385.jpg", imageAlt: "Acrobat performing intricate pose mid-air"},
|
||||
{
|
||||
title: "Luftartistik",
|
||||
description: "Schwebe elegant und künstlerisch über den Dingen in der Luftartistik.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-pink-white-paint-mix_23-2148292471.jpg",
|
||||
imageAlt: "Aerialist gracefully suspended from silks",
|
||||
},
|
||||
title: "Luftartistik", description: "Schwebe elegant und künstlerisch über den Dingen in der Luftartistik.", imageSrc: "http://img.b2bpic.net/free-photo/view-pink-white-paint-mix_23-2148292471.jpg", imageAlt: "Aerialist gracefully suspended from silks"},
|
||||
{
|
||||
title: "Rhönrad",
|
||||
description: "Finde Balance und Dynamik im faszinierenden Rhönrad-Turnen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-smudges-whirlpool-abstract-design_23-2148078879.jpg",
|
||||
imageAlt: "Rhönrad artist in full motion inside the wheel",
|
||||
},
|
||||
title: "Rhönrad", description: "Finde Balance und Dynamik im faszinierenden Rhönrad-Turnen.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-smudges-whirlpool-abstract-design_23-2148078879.jpg", imageAlt: "Rhönrad artist in full motion inside the wheel"},
|
||||
{
|
||||
title: "Company",
|
||||
description: "Werde Teil unserer Performance-Company und stehe auf der Bühne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oman-looking-camera-posing-star_23-2147651871.jpg",
|
||||
imageAlt: "ARS SALTANDI performance company members",
|
||||
},
|
||||
title: "Company", description: "Werde Teil unserer Performance-Company und stehe auf der Bühne.", imageSrc: "http://img.b2bpic.net/free-photo/oman-looking-camera-posing-star_23-2147651871.jpg", imageAlt: "ARS SALTANDI performance company members"},
|
||||
{
|
||||
title: "Workshops",
|
||||
description: "Erweitere dein Können in speziellen Workshops und Intensivkursen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-protesting-rights-women-s-day_23-2151356367.jpg",
|
||||
imageAlt: "Diverse individuals participating in a movement workshop",
|
||||
},
|
||||
title: "Workshops", description: "Erweitere dein Können in speziellen Workshops und Intensivkursen.", imageSrc: "http://img.b2bpic.net/free-photo/women-protesting-rights-women-s-day_23-2151356367.jpg", imageAlt: "Diverse individuals participating in a movement workshop"},
|
||||
]}
|
||||
title="Deine Erlebniswelten"
|
||||
description="Entdecke die Vielfalt der Bewegungskunst und finde den Kurs, der zu dir passt."
|
||||
@@ -230,23 +146,11 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "member-1",
|
||||
name: "Freundschaft & Teamgeist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-funny-way_23-2150269630.jpg",
|
||||
imageAlt: "Diverse group of ARS SALTANDI members laughing together",
|
||||
},
|
||||
id: "member-1", name: "Freundschaft & Teamgeist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-funny-way_23-2150269630.jpg", imageAlt: "Diverse group of ARS SALTANDI members laughing together"},
|
||||
{
|
||||
id: "member-2",
|
||||
name: "Persönliche Entwicklung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-horse-silhouette-against-dawn-sky_23-2149367186.jpg",
|
||||
imageAlt: "ARS SALTANDI members during a dedicated rehearsal",
|
||||
},
|
||||
id: "member-2", name: "Persönliche Entwicklung", imageSrc: "http://img.b2bpic.net/free-photo/elegant-horse-silhouette-against-dawn-sky_23-2149367186.jpg", imageAlt: "ARS SALTANDI members during a dedicated rehearsal"},
|
||||
{
|
||||
id: "member-3",
|
||||
name: "Kreativität entfalten",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-girls-doing-yoga_1157-18735.jpg",
|
||||
imageAlt: "Experienced ARS SALTANDI member mentoring a younger participant",
|
||||
},
|
||||
id: "member-3", name: "Kreativität entfalten", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-girls-doing-yoga_1157-18735.jpg", imageAlt: "Experienced ARS SALTANDI member mentoring a younger participant"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -260,7 +164,6 @@ export default function LandingPage() {
|
||||
description="ARS SALTANDI begann als Vision in Hildesheim und hat sich zu einer weltweit anerkannten Bewegungskunst-Community entwickelt. Erfahre mehr über unsere wichtigsten Meilensteine, Projekte und unvergesslichen Auftritte."
|
||||
subdescription="Jeder Schritt unserer Reise ist geprägt von Leidenschaft, Innovation und dem unermüdlichen Streben, Menschen durch Bewegungskunst zu verbinden. Unsere Timeline erzählt von Vereinsgründung, Auszeichnungen, kreativen Projekten und internationalen Erfolgen, die uns zu dem gemacht haben, was wir heute sind."
|
||||
icon={Globe}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mystery-box-collage_23-2149704183.jpg"
|
||||
imageAlt="Montage of ARS SALTANDI's journey from Hildesheim to international stages"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/front-view-dancers-holding-cloth_23-2148229532.jpg"
|
||||
videoAriaLabel="Video of ARS SALTANDI's journey and achievements"
|
||||
@@ -273,28 +176,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="opacity"
|
||||
products={[
|
||||
{
|
||||
id: "ghana-project",
|
||||
name: "Ghana Projekt: Bewegung für Kinder",
|
||||
price: "Impact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dancing-door-old-building_657883-54.jpg",
|
||||
imageAlt: "ARS SALTANDI members interacting with children in Ghana",
|
||||
},
|
||||
id: "ghana-project", name: "Ghana Projekt: Bewegung für Kinder", price: "Impact", imageSrc: "http://img.b2bpic.net/free-photo/woman-dancing-door-old-building_657883-54.jpg", imageAlt: "ARS SALTANDI members interacting with children in Ghana"},
|
||||
{
|
||||
id: "community-outreach",
|
||||
name: "Lokale Initiativen: Inklusion durch Kunst",
|
||||
price: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-dance-therapy-class_23-2149346559.jpg",
|
||||
imageAlt: "Diverse group participating in a community movement workshop",
|
||||
},
|
||||
id: "community-outreach", name: "Lokale Initiativen: Inklusion durch Kunst", price: "Support", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-dance-therapy-class_23-2149346559.jpg", imageAlt: "Diverse group participating in a community movement workshop"},
|
||||
{
|
||||
id: "youth-empowerment",
|
||||
name: "Jugendförderung: Talente stärken",
|
||||
price: "Empower",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-trainer-helping-trainees-practicing-gymnastics_23-2149401031.jpg",
|
||||
imageAlt: "ARS SALTANDI mentor guiding a younger participant",
|
||||
},
|
||||
id: "youth-empowerment", name: "Jugendförderung: Talente stärken", price: "Empower", imageSrc: "http://img.b2bpic.net/free-photo/young-trainer-helping-trainees-practicing-gymnastics_23-2149401031.jpg", imageAlt: "ARS SALTANDI mentor guiding a younger participant"},
|
||||
]}
|
||||
title="Humanity First: Unser soziales Engagement"
|
||||
description="Wir nutzen die Kraft der Bewegungskunst, um soziale Projekte zu unterstützen und positive Veränderungen in der Welt zu bewirken."
|
||||
@@ -305,8 +194,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Dein Start bei ARS SALTANDI"
|
||||
title="Dein erstes Training wartet auf Dich."
|
||||
description="Erlebe die einzigartige Atmosphäre unserer Community und entdecke deine Leidenschaft für Bewegungskunst. Buche jetzt deine kostenlose Probestunde."
|
||||
@@ -331,19 +219,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram Link",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram Link"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook Link",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook Link"},
|
||||
{
|
||||
icon: Film,
|
||||
href: "#",
|
||||
ariaLabel: "YouTube Link",
|
||||
},
|
||||
href: "#", ariaLabel: "YouTube Link"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user