Update src/app/page.tsx
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -33,41 +33,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über Uns", id: "#about"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Leistungen", id: "#features"},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "#social-proof",
|
||||
},
|
||||
name: "Referenzen", id: "#social-proof"},
|
||||
{
|
||||
name: "Kennzahlen",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Kennzahlen", id: "#metrics"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Stimmen",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Stimmen", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="Westermann GmbH"
|
||||
/>
|
||||
@@ -76,49 +58,32 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
variant: "downward-rays-static-grid"}}
|
||||
imagePosition="right"
|
||||
title="Westermann GmbH: Ihr Partner für innovative Lösungen in Soest"
|
||||
description="Als führendes Unternehmen in Soest bieten wir maßgeschneiderte Dienstleistungen und Produkte, die auf Ihre spezifischen Anforderungen zugeschnitten sind. Vertrauen Sie auf unsere Expertise und Erfahrung."
|
||||
kpis={[
|
||||
{
|
||||
value: "25+",
|
||||
label: "Jahre Erfahrung",
|
||||
},
|
||||
value: "25+", label: "Jahre Erfahrung"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Zufriedene Kunden",
|
||||
},
|
||||
value: "500+", label: "Zufriedene Kunden"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Qualitätsgarantie",
|
||||
},
|
||||
value: "100%", label: "Qualitätsgarantie"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Innovation seit 1998"
|
||||
tagAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Sarah Müller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Sarah Müller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-european-man-glasses-suit-smiling-excited-looking-camera-with-amazed-happy-face-w_1258-154166.jpg",
|
||||
alt: "Jan Schmidt",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-european-man-glasses-suit-smiling-excited-looking-camera-with-amazed-happy-face-w_1258-154166.jpg", alt: "Jan Schmidt"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
|
||||
alt: "Lena Meier",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", alt: "Lena Meier"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Tom Becker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Tom Becker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831081.jpg",
|
||||
alt: "Markus Lange",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831081.jpg", alt: "Markus Lange"},
|
||||
]}
|
||||
avatarText="Über 100+ positive Bewertungen"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3166.jpg"
|
||||
@@ -126,25 +91,15 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Digitale Transformation",
|
||||
},
|
||||
type: "text", text: "Digitale Transformation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Maßgeschneiderte Software",
|
||||
},
|
||||
type: "text", text: "Maßgeschneiderte Software"},
|
||||
{
|
||||
type: "text",
|
||||
text: "IT-Infrastruktur",
|
||||
},
|
||||
type: "text", text: "IT-Infrastruktur"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud-Lösungen",
|
||||
},
|
||||
type: "text", text: "Cloud-Lösungen"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cybersecurity",
|
||||
},
|
||||
type: "text", text: "Cybersecurity"},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
showMarqueeCard={true}
|
||||
@@ -158,17 +113,11 @@ export default function LandingPage() {
|
||||
description="Seit über zwei Jahrzehnten steht die Westermann GmbH in Soest für Exzellenz und Innovation. Wir sind stolz darauf, langfristige Beziehungen zu unseren Kunden aufzubauen und durch maßgeschneiderte Lösungen Mehrwert zu schaffen. Unser Engagement für Qualität und Kundenzufriedenheit ist der Kern unseres Erfolgs."
|
||||
metrics={[
|
||||
{
|
||||
value: "25",
|
||||
title: "Jahre am Markt",
|
||||
},
|
||||
value: "25", title: "Jahre am Markt"},
|
||||
{
|
||||
value: "500",
|
||||
title: "Erfolgreiche Projekte",
|
||||
},
|
||||
value: "500", title: "Erfolgreiche Projekte"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Kundenbindung",
|
||||
},
|
||||
value: "98%", title: "Kundenbindung"},
|
||||
]}
|
||||
tag="Unsere Geschichte"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-executive-reading-sticky-notes_1170-1928.jpg"
|
||||
@@ -186,20 +135,11 @@ export default function LandingPage() {
|
||||
tag="Expertise & Service"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "feature-1",
|
||||
title: "Strategische Beratung",
|
||||
content: "Wir entwickeln maßgeschneiderte Strategien, um Ihre Geschäftsprozesse zu optimieren und Wachstum zu fördern.",
|
||||
},
|
||||
id: "feature-1", title: "Strategische Beratung", content: "Wir entwickeln maßgeschneiderte Strategien, um Ihre Geschäftsprozesse zu optimieren und Wachstum zu fördern."},
|
||||
{
|
||||
id: "feature-2",
|
||||
title: "Technologie-Implementierung",
|
||||
content: "Wir implementieren modernste Technologien, die Ihre Effizienz steigern und Sie wettbewerbsfähig machen.",
|
||||
},
|
||||
id: "feature-2", title: "Technologie-Implementierung", content: "Wir implementieren modernste Technologien, die Ihre Effizienz steigern und Sie wettbewerbsfähig machen."},
|
||||
{
|
||||
id: "feature-3",
|
||||
content: "Unser engagiertes Team bietet erstklassigen Support und Wartung, um einen reibungslosen Betrieb zu gewährleisten.",
|
||||
title: "Kontinuierlicher Support",
|
||||
},
|
||||
id: "feature-3", content: "Unser engagiertes Team bietet erstklassigen Support und Wartung, um einen reibungslosen Betrieb zu gewährleisten.", title: "Kontinuierlicher Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"
|
||||
imageAlt="Business analytics on a tablet"
|
||||
@@ -213,14 +153,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Siemens",
|
||||
"BASF",
|
||||
"Bosch",
|
||||
"Daimler",
|
||||
"SAP",
|
||||
"Telekom",
|
||||
"Allianz",
|
||||
]}
|
||||
"Siemens", "BASF", "Bosch", "Daimler", "SAP", "Telekom", "Allianz"]}
|
||||
title="Unsere zufriedenen Kunden"
|
||||
description="Wir sind stolz darauf, mit führenden Unternehmen zusammenzuarbeiten und ihnen dabei zu helfen, ihre Ziele zu erreichen. Unsere Partnerschaften sind ein Beweis für unser Engagement und unsere Qualität."
|
||||
tag="Referenzen"
|
||||
@@ -236,29 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Kundenzufriedenheit",
|
||||
description: "Unsere Kunden schätzen unsere professionelle Herangehensweise und die erfolgreiche Umsetzung ihrer Projekte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work_1098-16038.jpg",
|
||||
imageAlt: "Client handshake",
|
||||
},
|
||||
id: "m1", value: "95%", title: "Kundenzufriedenheit", description: "Unsere Kunden schätzen unsere professionelle Herangehensweise und die erfolgreiche Umsetzung ihrer Projekte.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work_1098-16038.jpg", imageAlt: "Client handshake"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Auszeichnungen",
|
||||
description: "Wir wurden für unsere innovativen Lösungen und herausragende Leistungen mehrfach ausgezeichnet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-prize-balloons-arrangement_23-2149059638.jpg",
|
||||
imageAlt: "Award trophy",
|
||||
},
|
||||
id: "m2", value: "10+", title: "Auszeichnungen", description: "Wir wurden für unsere innovativen Lösungen und herausragende Leistungen mehrfach ausgezeichnet.", imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-prize-balloons-arrangement_23-2149059638.jpg", imageAlt: "Award trophy"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Mitarbeiter",
|
||||
description: "Unser hochqualifiziertes Team ist das Herzstück unseres Erfolgs und stets bereit für neue Herausforderungen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-giving-high-five-each-other_1170-1086.jpg",
|
||||
imageAlt: "Team collaboration",
|
||||
},
|
||||
id: "m3", value: "20+", title: "Mitarbeiter", description: "Unser hochqualifiziertes Team ist das Herzstück unseres Erfolgs und stets bereit für neue Herausforderungen.", imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-giving-high-five-each-other_1170-1086.jpg", imageAlt: "Team collaboration"},
|
||||
]}
|
||||
title="Erfolge, die für sich sprechen"
|
||||
description="Die Westermann GmbH liefert nicht nur Ergebnisse, sondern übertrifft Erwartungen. Unsere wichtigsten Kennzahlen spiegeln unser Engagement für Exzellenz wider."
|
||||
@@ -274,26 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Maximilian Westermann",
|
||||
role: "Geschäftsführer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284668.jpg",
|
||||
imageAlt: "Maximilian Westermann",
|
||||
},
|
||||
id: "t1", name: "Maximilian Westermann", role: "Geschäftsführer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284668.jpg", imageAlt: "Maximilian Westermann"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. Sophie Richter",
|
||||
role: "Technische Leitung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageAlt: "Dr. Sophie Richter",
|
||||
},
|
||||
id: "t2", name: "Dr. Sophie Richter", role: "Technische Leitung", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Dr. Sophie Richter"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jonas Schulz",
|
||||
role: "Projektmanager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
imageAlt: "Jonas Schulz",
|
||||
},
|
||||
id: "t3", name: "Jonas Schulz", role: "Projektmanager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", imageAlt: "Jonas Schulz"},
|
||||
]}
|
||||
title="Unser engagiertes Team"
|
||||
description="Lernen Sie die Köpfe hinter der Westermann GmbH kennen. Unser Team besteht aus erfahrenen Experten, die mit Leidenschaft und Fachwissen an Ihren Projekten arbeiten."
|
||||
@@ -309,29 +209,18 @@ export default function LandingPage() {
|
||||
author="Laura Fischer, CEO von Innovate Solutions"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
alt: "Laura Fischer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "Laura Fischer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
|
||||
alt: "Stefan Klein",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", alt: "Stefan Klein"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
alt: "Anna Bergmann",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", alt: "Anna Bergmann"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop_23-2149915910.jpg",
|
||||
alt: "Martin Groß",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop_23-2149915910.jpg", alt: "Martin Groß"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
|
||||
alt: "Eva Herrmann",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", alt: "Eva Herrmann"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
tag="Kundenstimmen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -341,20 +230,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Welche Dienstleistungen bieten Sie an?",
|
||||
content: "Wir bieten strategische Beratung, Technologie-Implementierung, kontinuierlichen Support und maßgeschneiderte Softwarelösungen für verschiedene Branchen an.",
|
||||
},
|
||||
id: "q1", title: "Welche Dienstleistungen bieten Sie an?", content: "Wir bieten strategische Beratung, Technologie-Implementierung, kontinuierlichen Support und maßgeschneiderte Softwarelösungen für verschiedene Branchen an."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "In welchen Regionen sind Sie tätig?",
|
||||
content: "Unser Hauptsitz ist in Soest, aber wir bedienen Kunden deutschlandweit und international mit unseren digitalen Lösungen.",
|
||||
},
|
||||
id: "q2", title: "In welchen Regionen sind Sie tätig?", content: "Unser Hauptsitz ist in Soest, aber wir bedienen Kunden deutschlandweit und international mit unseren digitalen Lösungen."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Wie kann ich ein Beratungsgespräch vereinbaren?",
|
||||
content: "Sie können uns direkt über unser Kontaktformular erreichen oder uns telefonisch unter der angegebenen Nummer anrufen, um einen Termin zu vereinbaren.",
|
||||
},
|
||||
id: "q3", title: "Wie kann ich ein Beratungsgespräch vereinbaren?", content: "Sie können uns direkt über unser Kontaktformular erreichen oder uns telefonisch unter der angegebenen Nummer anrufen, um einen Termin zu vereinbaren."},
|
||||
]}
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Finden Sie Antworten auf die am häufigsten gestellten Fragen zu unseren Dienstleistungen und unserem Unternehmen."
|
||||
@@ -367,16 +247,12 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Bereit für den nächsten Schritt? Kontaktieren Sie uns noch heute!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Kontakt aufnehmen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt Kontakt aufnehmen", href: "#contact"},
|
||||
]}
|
||||
tag="Lassen Sie uns zusammenarbeiten"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -385,67 +261,41 @@ export default function LandingPage() {
|
||||
logoText="Westermann GmbH"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
title: "Unternehmen", items: [
|
||||
{
|
||||
label: "Über Uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über Uns", href: "#about"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
{
|
||||
label: "Karriere",
|
||||
href: "#",
|
||||
},
|
||||
label: "Karriere", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Beratung",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Beratung", href: "#features"},
|
||||
{
|
||||
label: "Implementierung",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Implementierung", href: "#features"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Support", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ressourcen",
|
||||
items: [
|
||||
title: "Ressourcen", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Referenzen",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Referenzen", href: "#social-proof"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user