bender/92fcef2a-8041-43ea-adb7-ae73e9e20da4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-12 16:05:24 +00:00
parent 0e86386ead
commit 151e4e1f0c
1 changed files with 111 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

380
src/app/page.tsx
View File

@@ -17,284 +17,126 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Start",
id: "hero",
},
{
name: "Über uns",
id: "about",
},
{
name: "Vorteile",
id: "features",
},
{
name: "Kontakt",
id: "contact",
},
]}
brandName="Webild Solutions"
button={{
text: "Jetzt starten",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Start", id: "hero" },
{ name: "Über uns", id: "about" },
{ name: "Vorteile", id: "features" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Webild Solutions"
button={{
text: "Jetzt starten", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "sparkles-gradient",
}}
title="Innovation für Ihren Erfolg."
description="Wir entwickeln maßgeschneiderte Lösungen, die Ihr Unternehmen voranbringen. Modern, effizient und zukunftssicher."
testimonials={[
{
name: "Julia M.",
handle: "@JuliaM",
testimonial: "Die Zusammenarbeit war absolut professionell und das Ergebnis hat unsere Erwartungen weit übertroffen.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg?_wi=1",
imageAlt: "modern tech workspace",
},
{
name: "Markus K.",
handle: "@MarkusK",
testimonial: "Hervorragender Service und technische Expertise auf höchstem Niveau.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-hr-workers-interviewing-candidate-job-offer-attending-employment-recruitment-meeting-office-business-people-talking-jobless-woman-about-career-opportunity_482257-41878.jpg?_wi=1",
imageAlt: "modern tech workspace",
},
{
name: "Sandra L.",
handle: "@SandraL",
testimonial: "Ein echter Gewinn für unser Unternehmen. Vielen Dank für die Unterstützung!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
imageAlt: "modern tech workspace",
},
{
name: "Thomas B.",
handle: "@ThomasB",
testimonial: "Sehr zu empfehlen! Alles hat perfekt funktioniert.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
imageAlt: "modern tech workspace",
},
{
name: "Lena S.",
handle: "@LenaS",
testimonial: "Durchdachte Konzepte und eine schnelle Umsetzung.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
imageAlt: "modern tech workspace",
},
]}
buttons={[
{
text: "Jetzt beraten lassen",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg?_wi=2"
imageAlt="Innovative Technologie Lösungen"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
alt: "Financial application UI on PC screen showing company revenue",
},
{
src: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg",
alt: "Ambitious leader works in office on infographics reports and setting objectives",
},
{
src: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg",
alt: "Over shoulder view of african american startup employee looking at laptop screen with business analytics charts sitting at desk.",
},
{
src: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
alt: "Business Chart Visual Graphics Report Concept",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-business-people-with-pizza-medium-shot_23-2148911791.jpg",
alt: "Smiley business people with pizza medium shot",
},
]}
marqueeItems={[
{
type: "text",
text: "Cloud Computing",
},
{
type: "text",
text: "Data Security",
},
{
type: "text",
text: "AI Integration",
},
{
type: "text",
text: "User Experience",
},
{
type: "text",
text: "Process Automation",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "sparkles-gradient" }}
title="Innovation für Ihren Erfolg."
description="Wir entwickeln maßgeschneiderte Lösungen, die Ihr Unternehmen voranbringen. Modern, effizient und zukunftssicher."
testimonials={[
{ name: "Julia M.", handle: "@JuliaM", testimonial: "Die Zusammenarbeit war absolut professionell und das Ergebnis hat unsere Erwartungen weit übertroffen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg", imageAlt: "modern tech workspace" },
{ name: "Markus K.", handle: "@MarkusK", testimonial: "Hervorragender Service und technische Expertise auf höchstem Niveau.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-hr-workers-interviewing-candidate-job-offer-attending-employment-recruitment-meeting-office-business-people-talking-jobless-woman-about-career-opportunity_482257-41878.jpg", imageAlt: "modern tech workspace" },
{ name: "Sandra L.", handle: "@SandraL", testimonial: "Ein echter Gewinn für unser Unternehmen. Vielen Dank für die Unterstützung!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg", imageAlt: "modern tech workspace" },
{ name: "Thomas B.", handle: "@ThomasB", testimonial: "Sehr zu empfehlen! Alles hat perfekt funktioniert.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageAlt: "modern tech workspace" },
{ name: "Lena S.", handle: "@LenaS", testimonial: "Durchdachte Konzepte und eine schnelle Umsetzung.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", imageAlt: "modern tech workspace" },
]}
buttons={[{ text: "Jetzt beraten lassen", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg"
imageAlt="Innovative Technologie Lösungen"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg", alt: "Financial application UI on PC screen showing company revenue" },
{ src: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg", alt: "Ambitious leader works in office on infographics reports and setting objectives" },
{ src: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg", alt: "Over shoulder view of african american startup employee looking at laptop screen with business analytics charts sitting at desk." },
{ src: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg", alt: "Business Chart Visual Graphics Report Concept" },
{ src: "http://img.b2bpic.net/free-photo/smiley-business-people-with-pizza-medium-shot_23-2148911791.jpg", alt: "Smiley business people with pizza medium shot" },
]}
marqueeItems={[
{ type: "text", text: "Cloud Computing" },
{ type: "text", text: "Data Security" },
{ type: "text", text: "AI Integration" },
{ type: "text", text: "User Experience" },
{ type: "text", text: "Process Automation" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Unsere Vision"
buttons={[
{
text: "Mehr erfahren",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Unsere Vision"
buttons={[{ text: "Mehr erfahren", href: "#" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
negativeCard={{
items: [
"Keine unnötigen Umwege",
"Keine versteckten Gebühren",
"Keine komplizierte Technik",
"Keine langen Ausfallzeiten",
"Keine veralteten Strategien",
],
}}
positiveCard={{
items: [
"Transparente Prozesse",
"Maximale Performance",
"Individueller Support",
"Skalierbare Architektur",
"Zukunftssicheres Design",
],
}}
title="Warum mit uns?"
description="Maximale Effizienz durch unsere bewährten Methoden."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
negativeCard={{ items: ["Keine unnötigen Umwege", "Keine versteckten Gebühren", "Keine komplizierte Technik", "Keine langen Ausfallzeiten", "Keine veralteten Strategien"] }}
positiveCard={{ items: ["Transparente Prozesse", "Maximale Performance", "Individueller Support", "Skalierbare Architektur", "Zukunftssicheres Design"] }}
title="Warum mit uns?"
description="Maximale Effizienz durch unsere bewährten Methoden."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCorp",
"Innovate",
"FutureSolutions",
"GlobalData",
"FastTrack",
]}
title="Unsere Partner"
description="Erfolgreiche Partnerschaften für nachhaltiges Wachstum."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["TechCorp", "Innovate", "FutureSolutions", "GlobalData", "FastTrack"]}
title="Unsere Partner"
description="Erfolgreiche Partnerschaften für nachhaltiges Wachstum."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Julia M.",
date: "10.05.2024",
title: "Sehr gut!",
quote: "Die Beratung war sehr hilfreich.",
tag: "Projekt A",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg?_wi=3",
imageAlt: "professional portrait smiling",
},
{
id: "2",
name: "Markus K.",
date: "12.06.2024",
title: "Top Leistung",
quote: "Schnell und zuverlässig.",
tag: "Projekt B",
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-hr-workers-interviewing-candidate-job-offer-attending-employment-recruitment-meeting-office-business-people-talking-jobless-woman-about-career-opportunity_482257-41878.jpg?_wi=2",
imageAlt: "professional portrait smiling",
},
{
id: "3",
name: "Sandra L.",
date: "15.07.2024",
title: "Perfekt",
quote: "Immer wieder gerne.",
tag: "Projekt C",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
imageAlt: "professional portrait smiling",
},
{
id: "4",
name: "Thomas B.",
date: "20.08.2024",
title: "Profi",
quote: "Technische Umsetzung war einwandfrei.",
tag: "Projekt D",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-executive-with-crossed-arms_1154-242.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg?_wi=1",
imageAlt: "professional portrait smiling",
},
{
id: "5",
name: "Lena S.",
date: "25.09.2024",
title: "Sehr zufrieden",
quote: "Hohe Qualität bei der Arbeit.",
tag: "Projekt E",
avatarSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg",
imageAlt: "professional portrait smiling",
},
]}
title="Stimmen unserer Kunden"
description="Überzeugen Sie sich selbst von der Qualität unserer Arbeit."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Julia M.", date: "10.05.2024", title: "Sehr gut!", quote: "Die Beratung war sehr hilfreich.", tag: "Projekt A", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg", imageAlt: "professional portrait smiling" },
{ id: "2", name: "Markus K.", date: "12.06.2024", title: "Top Leistung", quote: "Schnell und zuverlässig.", tag: "Projekt B", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-hr-workers-interviewing-candidate-job-offer-attending-employment-recruitment-meeting-office-business-people-talking-jobless-woman-about-career-opportunity_482257-41878.jpg", imageAlt: "professional portrait smiling" },
{ id: "3", name: "Sandra L.", date: "15.07.2024", title: "Perfekt", quote: "Immer wieder gerne.", tag: "Projekt C", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg", imageAlt: "professional portrait smiling" },
{ id: "4", name: "Thomas B.", date: "20.08.2024", title: "Profi", quote: "Technische Umsetzung war einwandfrei.", tag: "Projekt D", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-executive-with-crossed-arms_1154-242.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg", imageAlt: "professional portrait smiling" },
{ id: "5", name: "Lena S.", date: "25.09.2024", title: "Sehr zufrieden", quote: "Hohe Qualität bei der Arbeit.", tag: "Projekt E", avatarSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg", imageAlt: "professional portrait smiling" },
]}
title="Stimmen unserer Kunden"
description="Überzeugen Sie sich selbst von der Qualität unserer Arbeit."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "downward-rays-static",
}}
tag="Kontakt"
title="Bereit für den nächsten Schritt?"
description="Schreiben Sie uns und lassen Sie uns über Ihr Projekt sprechen."
imageSrc="http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg?_wi=2"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "downward-rays-static" }}
tag="Kontakt"
title="Bereit für den nächsten Schritt?"
description="Schreiben Sie uns und lassen Sie uns über Ihr Projekt sprechen."
imageSrc="http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Webild"
copyrightText="© 2025 Webild. Alle Rechte vorbehalten."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Webild"
copyrightText="© 2025 Webild. Alle Rechte vorbehalten."
/>
</div>
</ReactLenis>
</ThemeProvider>
);