Merge version_1 into main #1
199
src/app/page.tsx
199
src/app/page.tsx
@@ -30,97 +30,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "/",
|
||||
},
|
||||
name: "Startseite", id: "/"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "/leistungen",
|
||||
},
|
||||
name: "Leistungen", id: "/leistungen"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/ueber-uns",
|
||||
},
|
||||
name: "Über uns", id: "/ueber-uns"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "/kontakt"},
|
||||
{
|
||||
name: "Datenschutz",
|
||||
id: "/datenschutz",
|
||||
},
|
||||
name: "Datenschutz", id: "/datenschutz"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4gkten"
|
||||
logoAlt="RS Agency Logo"
|
||||
brandName="RS Agency"
|
||||
button={{
|
||||
text: "Jetzt starten",
|
||||
href: "/kontakt",
|
||||
}}
|
||||
text: "Jetzt starten", href: "/kontakt"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Premium Webdesign für Mittelstand & Startups"
|
||||
description="RS Agency verwandelt Ihre Vision in eine beeindruckende digitale Realität. Wir schaffen leistungsstarke Websites, die nicht nur großartig aussehen, sondern auch messbare Ergebnisse liefern."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg", alt: "Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", alt: "Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123891.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123891.jpg", alt: "Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-business-executive-working-laptop-while-coworker-looking-computer_1170-792.jpg",
|
||||
alt: "Male business executive working on laptop while coworker looking at computer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-business-executive-working-laptop-while-coworker-looking-computer_1170-792.jpg", alt: "Male business executive working on laptop while coworker looking at computer"},
|
||||
]}
|
||||
avatarText="+1.200 zufriedene Kunden"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Projekt starten",
|
||||
href: "/kontakt",
|
||||
},
|
||||
text: "Jetzt Projekt starten", href: "/kontakt"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg", alt: "Monitor showing AI virtual assistant producing clips"},
|
||||
{
|
||||
type: "text", text: "Effizienz"},
|
||||
{
|
||||
type: "text-icon", text: "Strategie", icon: Rocket,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg",
|
||||
alt: "Monitor showing AI virtual assistant producing clips",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Effizienz",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Strategie",
|
||||
icon: Rocket,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg",
|
||||
alt: "Close up of person using computer to make use of text to video with AI",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg", alt: "Close up of person using computer to make use of text to video with AI"},
|
||||
]}
|
||||
marqueeSpeed={35}
|
||||
showMarqueeCard={true}
|
||||
@@ -132,34 +95,19 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "+150",
|
||||
title: "Erfolgreiche Projekte",
|
||||
description: "Wir haben über 150 Projekte erfolgreich umgesetzt, die unsere Kunden lieben.",
|
||||
icon: Package,
|
||||
id: "1", value: "+150", title: "Erfolgreiche Projekte", description: "Wir haben über 150 Projekte erfolgreich umgesetzt, die unsere Kunden lieben.", icon: Package,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
title: "Kundenzufriedenheit",
|
||||
description: "Unsere Kunden sind hochzufrieden mit den Ergebnissen und unserem Service.",
|
||||
icon: Heart,
|
||||
id: "2", value: "98%", title: "Kundenzufriedenheit", description: "Unsere Kunden sind hochzufrieden mit den Ergebnissen und unserem Service.", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "+10 Jahre",
|
||||
title: "Erfahrung",
|
||||
description: "Über ein Jahrzehnt Expertise im digitalen Marketing und Webdesign.",
|
||||
icon: Clock,
|
||||
id: "3", value: "+10 Jahre", title: "Erfahrung", description: "Über ein Jahrzehnt Expertise im digitalen Marketing und Webdesign.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Wir stehen Ihnen jederzeit mit schnellem und zuverlässigem Support zur Seite.",
|
||||
icon: Headphones,
|
||||
id: "4", value: "24/7", title: "Support", description: "Wir stehen Ihnen jederzeit mit schnellem und zuverlässigem Support zur Seite.", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
title="Ihre Vorteile mit RS Agency"
|
||||
@@ -175,45 +123,15 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Müller",
|
||||
role: "CEO, TechSolutions GmbH",
|
||||
testimonial: "RS Agency hat unsere Erwartungen übertroffen! Die neue Website ist nicht nur optisch ansprechend, sondern auch ein echtes Umsatzwunder. Professionell, schnell und absolut empfehlenswert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-entrepreneur-with-clasped-hands_1262-4881.jpg",
|
||||
imageAlt: "Sarah Müller",
|
||||
},
|
||||
id: "1", name: "Sarah Müller", role: "CEO, TechSolutions GmbH", testimonial: "RS Agency hat unsere Erwartungen übertroffen! Die neue Website ist nicht nur optisch ansprechend, sondern auch ein echtes Umsatzwunder. Professionell, schnell und absolut empfehlenswert.", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-entrepreneur-with-clasped-hands_1262-4881.jpg", imageAlt: "Sarah Müller"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Max Schmidt",
|
||||
role: "Marketingleiter, E-Commerce Stars",
|
||||
testimonial: "Die E-Commerce-Lösung von RS Agency ist herausragend. Wir verzeichnen deutlich höhere Conversion Rates und eine starke Markenpräsenz. Ein Partner, der versteht, was verkauft!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14579.jpg",
|
||||
imageAlt: "Max Schmidt",
|
||||
},
|
||||
id: "2", name: "Max Schmidt", role: "Marketingleiter, E-Commerce Stars", testimonial: "Die E-Commerce-Lösung von RS Agency ist herausragend. Wir verzeichnen deutlich höhere Conversion Rates und eine starke Markenpräsenz. Ein Partner, der versteht, was verkauft!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14579.jpg", imageAlt: "Max Schmidt"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna Meier",
|
||||
role: "Gründerin, StartUp Vision",
|
||||
testimonial: "Als Startup waren wir auf einen starken Online-Auftritt angewiesen. RS Agency hat das perfekt umgesetzt – flexibel, innovativ und mit einem Gespür für unser Zielpublikum. Top Service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
imageAlt: "Anna Meier",
|
||||
},
|
||||
id: "3", name: "Anna Meier", role: "Gründerin, StartUp Vision", testimonial: "Als Startup waren wir auf einen starken Online-Auftritt angewiesen. RS Agency hat das perfekt umgesetzt – flexibel, innovativ und mit einem Gespür für unser Zielpublikum. Top Service!", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Anna Meier"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dr. Jens Wagner",
|
||||
role: "Geschäftsführer, Praxisgemeinschaft",
|
||||
testimonial: "Unsere neue Praxis-Website ist modern und benutzerfreundlich. Patienten finden uns nun einfacher und der Terminbuchungsprozess ist viel effizienter geworden. Vielen Dank an das Team!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
imageAlt: "Dr. Jens Wagner",
|
||||
},
|
||||
id: "4", name: "Dr. Jens Wagner", role: "Geschäftsführer, Praxisgemeinschaft", testimonial: "Unsere neue Praxis-Website ist modern und benutzerfreundlich. Patienten finden uns nun einfacher und der Terminbuchungsprozess ist viel effizienter geworden. Vielen Dank an das Team!", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg", imageAlt: "Dr. Jens Wagner"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Fischer",
|
||||
role: "Projektmanagerin, Großkonzern",
|
||||
testimonial: "Für ein komplexes Projekt suchten wir eine zuverlässige Webagentur. RS Agency lieferte pünktlich, im Budget und mit beeindruckenden Ergebnissen. Jederzeit wieder!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-background-portrait_52683-91435.jpg",
|
||||
imageAlt: "Lisa Fischer",
|
||||
},
|
||||
id: "5", name: "Lisa Fischer", role: "Projektmanagerin, Großkonzern", testimonial: "Für ein komplexes Projekt suchten wir eine zuverlässige Webagentur. RS Agency lieferte pünktlich, im Budget und mit beeindruckenden Ergebnissen. Jederzeit wieder!", imageSrc: "http://img.b2bpic.net/free-photo/blue-light-background-portrait_52683-91435.jpg", imageAlt: "Lisa Fischer"},
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Echte Worte von zufriedenen Partnern, die wir auf ihrem Weg zum digitalen Erfolg begleiten durften."
|
||||
@@ -225,14 +143,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Meta",
|
||||
"NVIDIA",
|
||||
"Samsung",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Meta", "NVIDIA", "Samsung"]}
|
||||
title="Unsere namhaften Partner"
|
||||
description="Wir arbeiten mit Unternehmen jeder Größe zusammen und sind stolz auf unsere langjährigen Partnerschaften."
|
||||
showCard={false}
|
||||
@@ -243,6 +154,16 @@ export default function LandingPage() {
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Was Kunden über unsere Zusammenarbeit sagen"
|
||||
description="Lassen Sie sich von den positiven Erfahrungen unserer Kunden überzeugen."
|
||||
testimonials={[
|
||||
{
|
||||
id: "tf1", name: "Lena Mustermann", role: "CEO, Innovativ Solutions", testimonial: "Die Zusammenarbeit mit RS Agency war hervorragend. Unser Projekt wurde professionell und termingerecht umgesetzt. Wir sind begeistert von den Ergebnissen!", imageSrc: "http://img.b2bpic.net/free-photo/positive-man-showing-thumbs-up-chair-home_23-2148112737.jpg", imageAlt: "Lena Mustermann"
|
||||
},
|
||||
{
|
||||
id: "tf2", name: "Tom Schmidt", role: "Marketing Director, GlobalTech", testimonial: "RS Agency hat unsere Marketingstrategie revolutioniert. Die kreativen Ansätze und die technische Umsetzung sind top. Absolute Empfehlung!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-male-posing_23-2148729642.jpg", imageAlt: "Tom Schmidt"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -254,49 +175,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "/",
|
||||
},
|
||||
label: "Startseite", href: "/"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "/leistungen",
|
||||
},
|
||||
label: "Leistungen", href: "/leistungen"},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/ueber-uns",
|
||||
},
|
||||
label: "Über uns", href: "/ueber-uns"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/kontakt",
|
||||
},
|
||||
label: "Kontakt", href: "/kontakt"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "/datenschutz",
|
||||
},
|
||||
label: "Datenschutz", href: "/datenschutz"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "/impressum",
|
||||
},
|
||||
label: "Impressum", href: "/impressum"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Xing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Xing", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -27,33 +27,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "/",
|
||||
},
|
||||
name: "Startseite", id: "/"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "/leistungen",
|
||||
},
|
||||
name: "Leistungen", id: "/leistungen"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/ueber-uns",
|
||||
},
|
||||
name: "Über uns", id: "/ueber-uns"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "/kontakt"},
|
||||
{
|
||||
name: "Datenschutz",
|
||||
id: "/datenschutz",
|
||||
},
|
||||
name: "Datenschutz", id: "/datenschutz"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4gkten"
|
||||
logoAlt="RS Agency Logo"
|
||||
brandName="RS Agency"
|
||||
button={{
|
||||
text: "Jetzt starten",
|
||||
href: "/kontakt",
|
||||
}}
|
||||
text: "Jetzt starten", href: "/kontakt"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,19 +52,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Lightbulb,
|
||||
label: "Innovation",
|
||||
value: "Unser Antrieb",
|
||||
},
|
||||
label: "Innovation", value: "Unser Antrieb"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Teamwork",
|
||||
value: "Unsere Stärke",
|
||||
},
|
||||
label: "Teamwork", value: "Unsere Stärke"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Qualität",
|
||||
value: "Unser Versprechen",
|
||||
},
|
||||
label: "Qualität", value: "Unser Versprechen"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -86,28 +68,14 @@ export default function LandingPage() {
|
||||
<TeamCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Robert Schmidt",
|
||||
role: "CEO & Gründer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
imageAlt: "Robert Schmidt",
|
||||
},
|
||||
id: "t1", name: "Robert Schmidt", role: "CEO & Gründer", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageAlt: "Robert Schmidt"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sophie Kaiser",
|
||||
role: "Lead Designerin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg",
|
||||
imageAlt: "Sophie Kaiser",
|
||||
},
|
||||
id: "t2", name: "Sophie Kaiser", role: "Lead Designerin", imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg", imageAlt: "Sophie Kaiser"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thomas Wagner",
|
||||
role: "Lead Entwickler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-freelancer-using-laptop_1262-18611.jpg",
|
||||
imageAlt: "Thomas Wagner",
|
||||
},
|
||||
id: "t3", name: "Thomas Wagner", role: "Lead Entwickler", imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-freelancer-using-laptop_1262-18611.jpg", imageAlt: "Thomas Wagner"},
|
||||
]}
|
||||
title="Unser Expertenteam"
|
||||
description="Lernen Sie die Köpfe hinter Ihrem digitalen Erfolg kennen – unser engagiertes Team aus kreativen Designern, erfahrenen Entwicklern und strategischen Beratern."
|
||||
@@ -122,49 +90,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "/",
|
||||
},
|
||||
label: "Startseite", href: "/"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "/leistungen",
|
||||
},
|
||||
label: "Leistungen", href: "/leistungen"},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/ueber-uns",
|
||||
},
|
||||
label: "Über uns", href: "/ueber-uns"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/kontakt",
|
||||
},
|
||||
label: "Kontakt", href: "/kontakt"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "/datenschutz",
|
||||
},
|
||||
label: "Datenschutz", href: "/datenschutz"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "/impressum",
|
||||
},
|
||||
label: "Impressum", href: "/impressum"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Xing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Xing", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user