Merge version_1 into main #2
194
src/app/page.tsx
194
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Der Kongress",
|
||||
id: "about",
|
||||
},
|
||||
name: "Der Kongress", id: "about"},
|
||||
{
|
||||
name: "Programm",
|
||||
id: "program",
|
||||
},
|
||||
name: "Programm", id: "program"},
|
||||
{
|
||||
name: "Speaker",
|
||||
id: "speaker",
|
||||
},
|
||||
name: "Speaker", id: "speaker"},
|
||||
{
|
||||
name: "Anreise",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Anreise", id: "contact"},
|
||||
]}
|
||||
brandName="Kongress-Reuse"
|
||||
/>
|
||||
@@ -58,97 +48,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Kongress für Kreislaufwirtschaft"
|
||||
description="Zukunft gestalten durch nachhaltige Ressourcen. Treffen Sie Vordenker und Praktiker bei unserem jährlichen Kongress."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Dr. Anna Weber",
|
||||
handle: "@annaweber",
|
||||
testimonial: "Ein inspirierender Austausch für mehr Nachhaltigkeit in der Industrie.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-network_1098-15864.jpg?_wi=1",
|
||||
imageAlt: "sustainable circular economy background",
|
||||
},
|
||||
name: "Dr. Anna Weber", handle: "@annaweber", testimonial: "Ein inspirierender Austausch für mehr Nachhaltigkeit in der Industrie.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-network_1098-15864.jpg", imageAlt: "sustainable circular economy background"},
|
||||
{
|
||||
name: "Markus Schmidt",
|
||||
handle: "@mschmidt",
|
||||
testimonial: "Praxisnahe Lösungen, die wirklich bewegen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg?_wi=1",
|
||||
imageAlt: "circular economy concept circular arrows",
|
||||
},
|
||||
name: "Markus Schmidt", handle: "@mschmidt", testimonial: "Praxisnahe Lösungen, die wirklich bewegen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg", imageAlt: "circular economy concept circular arrows"},
|
||||
{
|
||||
name: "Elena Fischer",
|
||||
handle: "@efischer",
|
||||
testimonial: "Vernetzung auf höchstem Niveau.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-businesswomen-work-medium-shot_23-2149332958.jpg?_wi=1",
|
||||
imageAlt: "professional speaker conference portrait",
|
||||
},
|
||||
name: "Elena Fischer", handle: "@efischer", testimonial: "Vernetzung auf höchstem Niveau.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-businesswomen-work-medium-shot_23-2149332958.jpg", imageAlt: "professional speaker conference portrait"},
|
||||
{
|
||||
name: "Thomas Meyer",
|
||||
handle: "@tmeyer",
|
||||
testimonial: "Pflichttermin für alle Akteure der Kreislaufwirtschaft.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-plants-woman-s-hands_329181-9731.jpg?_wi=1",
|
||||
imageAlt: "young professional portrait smiling",
|
||||
},
|
||||
name: "Thomas Meyer", handle: "@tmeyer", testimonial: "Pflichttermin für alle Akteure der Kreislaufwirtschaft.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-plants-woman-s-hands_329181-9731.jpg", imageAlt: "young professional portrait smiling"},
|
||||
{
|
||||
name: "Sarah Klein",
|
||||
handle: "@sklein",
|
||||
testimonial: "Mutmachend und zukunftsorientiert.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg?_wi=1",
|
||||
imageAlt: "confident speaker portrait indoor",
|
||||
},
|
||||
name: "Sarah Klein", handle: "@sklein", testimonial: "Mutmachend und zukunftsorientiert.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg", imageAlt: "confident speaker portrait indoor"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-network_1098-15864.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-network_1098-15864.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empowered-businesswomen-work-medium-shot_23-2149332958.jpg",
|
||||
alt: "Anna Weber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empowered-businesswomen-work-medium-shot_23-2149332958.jpg", alt: "Anna Weber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-plants-woman-s-hands_329181-9731.jpg",
|
||||
alt: "Markus Schmidt",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/small-plants-woman-s-hands_329181-9731.jpg", alt: "Markus Schmidt"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg",
|
||||
alt: "Elena Fischer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg", alt: "Elena Fischer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-ready-ride-bike_23-2148577373.jpg",
|
||||
alt: "Thomas Meyer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-ready-ride-bike_23-2148577373.jpg", alt: "Thomas Meyer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
alt: "Sarah Klein",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "Sarah Klein"},
|
||||
]}
|
||||
avatarText="Über 500+ Teilnehmer"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Nachhaltigkeit",
|
||||
},
|
||||
type: "text", text: "Nachhaltigkeit"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ressourceneffizienz",
|
||||
},
|
||||
type: "text", text: "Ressourceneffizienz"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kreislaufwirtschaft",
|
||||
},
|
||||
type: "text", text: "Kreislaufwirtschaft"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zukunft",
|
||||
},
|
||||
type: "text", text: "Zukunft"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,7 +105,7 @@ export default function LandingPage() {
|
||||
description="Wir setzen uns für eine ressourcenschonende Zukunft ein. Unser jährlicher Kongress ist der zentrale Treffpunkt."
|
||||
subdescription="Erfahren Sie, wie wir Kreislaufwirtschaft praktisch umsetzen."
|
||||
icon={Users}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -173,26 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Impulsvorträge",
|
||||
subtitle: "Visionäre Konzepte",
|
||||
category: "Wissen",
|
||||
value: "10:00",
|
||||
},
|
||||
id: "1", title: "Impulsvorträge", subtitle: "Visionäre Konzepte", category: "Wissen", value: "10:00"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Workshops",
|
||||
subtitle: "Hands-on Lösungen",
|
||||
category: "Praxis",
|
||||
value: "12:00",
|
||||
},
|
||||
id: "2", title: "Workshops", subtitle: "Hands-on Lösungen", category: "Praxis", value: "12:00"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Netzwerken",
|
||||
subtitle: "Gemeinsam Zukunft",
|
||||
category: "Austausch",
|
||||
value: "15:00",
|
||||
},
|
||||
id: "3", title: "Netzwerken", subtitle: "Gemeinsam Zukunft", category: "Austausch", value: "15:00"},
|
||||
]}
|
||||
title="Programmübersicht"
|
||||
description="Spannende Themen und Expertentalks."
|
||||
@@ -201,49 +130,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="speaker" data-section="speaker">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Anna Weber",
|
||||
handle: "@annaweber",
|
||||
testimonial: "Ein inspirierender Austausch!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-businesswomen-work-medium-shot_23-2149332958.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Dr. Anna Weber", handle: "@annaweber", testimonial: "Ein inspirierender Austausch!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-businesswomen-work-medium-shot_23-2149332958.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Markus Schmidt",
|
||||
handle: "@mschmidt",
|
||||
testimonial: "Sehr informativ.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-plants-woman-s-hands_329181-9731.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Markus Schmidt", handle: "@mschmidt", testimonial: "Sehr informativ.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-plants-woman-s-hands_329181-9731.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Fischer",
|
||||
handle: "@efischer",
|
||||
testimonial: "Großartige Vernetzung.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Elena Fischer", handle: "@efischer", testimonial: "Großartige Vernetzung.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas Meyer",
|
||||
handle: "@tmeyer",
|
||||
testimonial: "Hervorragende Organisation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-ready-ride-bike_23-2148577373.jpg",
|
||||
},
|
||||
id: "4", name: "Thomas Meyer", handle: "@tmeyer", testimonial: "Hervorragende Organisation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-ready-ride-bike_23-2148577373.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Klein",
|
||||
handle: "@sklein",
|
||||
testimonial: "Wichtige Impulse.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah Klein", handle: "@sklein", testimonial: "Wichtige Impulse.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Stimmen vom Kongress"
|
||||
@@ -255,16 +160,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Kontakt"
|
||||
title="Seien Sie dabei"
|
||||
description="Sichern Sie sich Ihren Platz beim nächsten Kongress."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt informieren",
|
||||
href: "#",
|
||||
},
|
||||
text: "Jetzt informieren", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -276,14 +178,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user