Update src/app/page.tsx
This commit is contained in:
344
src/app/page.tsx
344
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Target, Zap, TrendingUp } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -17,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über Uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
brandName="BusinessPro"
|
||||
/>
|
||||
@@ -46,100 +42,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Innovative Lösungen für Ihren Erfolg"
|
||||
description="Wir unterstützen Unternehmen dabei, ihre Ziele durch maßgewanderte Strategien und modernste Technologie zu erreichen."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Max Mustermann",
|
||||
handle: "@max",
|
||||
testimonial: "Hervorragende Zusammenarbeit und professionelle Umsetzung!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Anna Schmidt",
|
||||
handle: "@anna",
|
||||
testimonial: "Unsere Erwartungen wurden bei weitem übertroffen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-design-professional-looking-photos-digital-camera-while-working-studio_637285-2782.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Thomas Weber",
|
||||
handle: "@thomas",
|
||||
testimonial: "Ein echter Gewinn für unser Unternehmen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Lisa Fischer",
|
||||
handle: "@lisa",
|
||||
testimonial: "Schnelle und effiziente Lösungen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
{
|
||||
name: "Stefan Bauer",
|
||||
handle: "@stefan",
|
||||
testimonial: "Sehr empfehlenswert für jeden Bereich.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{ name: "Max Mustermann", handle: "@max", testimonial: "Hervorragende Zusammenarbeit und professionelle Umsetzung!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg" },
|
||||
{ name: "Anna Schmidt", handle: "@anna", testimonial: "Unsere Erwartungen wurden bei weitem übertroffen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-design-professional-looking-photos-digital-camera-while-working-studio_637285-2782.jpg" },
|
||||
{ name: "Thomas Weber", handle: "@thomas", testimonial: "Ein echter Gewinn für unser Unternehmen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg" },
|
||||
{ name: "Lisa Fischer", handle: "@lisa", testimonial: "Schnelle und effiziente Lösungen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
|
||||
{ name: "Stefan Bauer", handle: "@stefan", testimonial: "Sehr empfehlenswert für jeden Bereich.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/graphic-2d-colorful-wallpaper-with-grainy-gradients_23-2151001633.jpg?_wi=1"
|
||||
buttons={[{ text: "Jetzt anfragen", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/graphic-2d-colorful-wallpaper-with-grainy-gradients_23-2151001633.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-design-professional-looking-photos-digital-camera-while-working-studio_637285-2782.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-design-professional-looking-photos-digital-camera-while-working-studio_637285-2782.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Von über 500 zufriedenen Kunden empfohlen."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Effizienz",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wachstum",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Erfolg",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Innovation" }, { type: "text", text: "Strategie" }, { type: "text", text: "Effizienz" }, { type: "text", text: "Wachstum" }, { type: "text", text: "Erfolg" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,20 +73,12 @@ export default function LandingPage() {
|
||||
title="Warum wir Ihr Partner sind"
|
||||
description="Mit langjähriger Erfahrung und einem Team aus Experten setzen wir neue Standards in unserer Branche."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expertise",
|
||||
description: "Fundiertes Fachwissen in allen Bereichen.",
|
||||
},
|
||||
{
|
||||
title: "Zuverlässigkeit",
|
||||
description: "Termingerechte und präzise Umsetzung.",
|
||||
},
|
||||
{
|
||||
title: "Innovation",
|
||||
description: "Zukunftsorientierte Strategien für Sie.",
|
||||
},
|
||||
{ title: "Expertise", description: "Fundiertes Fachwissen in allen Bereichen." },
|
||||
{ title: "Zuverlässigkeit", description: "Termingerechte und präzise Umsetzung." },
|
||||
{ title: "Innovation", description: "Zukunftsorientierte Strategien für Sie." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-team-meeting_23-2151937269.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-team-meeting_23-2151937269.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,71 +89,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategieberatung",
|
||||
description: "Wir entwickeln maßgeschneiderte Konzepte.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-open-mouth-about-press-giant-button_1187-3191.jpg?_wi=1",
|
||||
imageAlt: "Strategie",
|
||||
},
|
||||
title: "Strategieberatung", description: "Wir entwickeln maßgeschneiderte Konzepte.", media: { imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-open-mouth-about-press-giant-button_1187-3191.jpg", imageAlt: "Strategie" },
|
||||
items: [
|
||||
{
|
||||
text: "Analyse",
|
||||
},
|
||||
{
|
||||
text: "Planung",
|
||||
},
|
||||
{
|
||||
text: "Umsetzung",
|
||||
},
|
||||
{ icon: Target, text: "Analyse" },
|
||||
{ icon: Target, text: "Planung" },
|
||||
{ icon: Target, text: "Umsetzung" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-2d-colorful-wallpaper-with-grainy-gradients_23-2151001633.jpg?_wi=2",
|
||||
imageAlt: "modern office space interior",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Digitalisierung",
|
||||
description: "Effizienz durch modernste Tools.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-chess-piece-with-shadow_23-2150378638.jpg?_wi=1",
|
||||
imageAlt: "Digital",
|
||||
},
|
||||
title: "Digitalisierung", description: "Effizienz durch modernste Tools.", media: { imageSrc: "http://img.b2bpic.net/free-photo/monochrome-chess-piece-with-shadow_23-2150378638.jpg", imageAlt: "Digital" },
|
||||
items: [
|
||||
{
|
||||
text: "Automation",
|
||||
},
|
||||
{
|
||||
text: "Cloud",
|
||||
},
|
||||
{
|
||||
text: "Sicherheit",
|
||||
},
|
||||
{ icon: Zap, text: "Automation" },
|
||||
{ icon: Zap, text: "Cloud" },
|
||||
{ icon: Zap, text: "Sicherheit" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-team-meeting_23-2151937269.jpg?_wi=2",
|
||||
imageAlt: "business team meeting",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Optimierung",
|
||||
description: "Kontinuierliche Verbesserung Ihrer Abläufe.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1",
|
||||
imageAlt: "Optimierung",
|
||||
},
|
||||
title: "Optimierung", description: "Kontinuierliche Verbesserung Ihrer Abläufe.", media: { imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "Optimierung" },
|
||||
items: [
|
||||
{
|
||||
text: "Reporting",
|
||||
},
|
||||
{
|
||||
text: "Monitoring",
|
||||
},
|
||||
{
|
||||
text: "Skalierung",
|
||||
},
|
||||
{ icon: TrendingUp, text: "Reporting" },
|
||||
{ icon: TrendingUp, text: "Monitoring" },
|
||||
{ icon: TrendingUp, text: "Skalierung" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-open-mouth-about-press-giant-button_1187-3191.jpg?_wi=2",
|
||||
imageAlt: "business technology concept",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Ein umfassendes Spektrum für Ihren nachhaltigen Erfolg."
|
||||
@@ -251,21 +127,9 @@ export default function LandingPage() {
|
||||
title="Erfolge, die überzeugen"
|
||||
tag="Statistiken"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Erfolgreiche Projekte",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
description: "Jahre Erfahrung",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Zufriedene Kunden",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Erfolgreiche Projekte" },
|
||||
{ id: "m2", value: "10+", description: "Jahre Erfahrung" },
|
||||
{ id: "m3", value: "98%", description: "Zufriedene Kunden" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -276,61 +140,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Max Mustermann",
|
||||
date: "2024",
|
||||
title: "CEO",
|
||||
quote: "Unglaubliche Ergebnisse!",
|
||||
tag: "Top",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-chess-piece-with-shadow_23-2150378638.jpg?_wi=2",
|
||||
imageAlt: "strategic planning office",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anna Schmidt",
|
||||
date: "2024",
|
||||
title: "CFO",
|
||||
quote: "Profi pur!",
|
||||
tag: "Empfehlung",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/asian-design-professional-looking-photos-digital-camera-while-working-studio_637285-2782.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2",
|
||||
imageAlt: "business data dashboard",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas Weber",
|
||||
date: "2023",
|
||||
title: "CTO",
|
||||
quote: "Innovativ und schnell.",
|
||||
tag: "Innovation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg?_wi=2",
|
||||
imageAlt: "professional portrait headshot",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa Fischer",
|
||||
date: "2023",
|
||||
title: "Marketing",
|
||||
quote: "Perfekte Betreuung.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-design-professional-looking-photos-digital-camera-while-working-studio_637285-2782.jpg?_wi=2",
|
||||
imageAlt: "young professional headshot",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Stefan Bauer",
|
||||
date: "2024",
|
||||
title: "Manager",
|
||||
quote: "Jederzeit wieder.",
|
||||
tag: "Support",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg?_wi=2",
|
||||
imageAlt: "female professional executive",
|
||||
},
|
||||
{ id: "1", name: "Max Mustermann", date: "2024", title: "CEO", quote: "Unglaubliche Ergebnisse!", tag: "Top", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-chess-piece-with-shadow_23-2150378638.jpg" },
|
||||
{ id: "2", name: "Anna Schmidt", date: "2024", title: "CFO", quote: "Profi pur!", tag: "Empfehlung", avatarSrc: "http://img.b2bpic.net/free-photo/asian-design-professional-looking-photos-digital-camera-while-working-studio_637285-2782.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg" },
|
||||
{ id: "3", name: "Thomas Weber", date: "2023", title: "CTO", quote: "Innovativ und schnell.", tag: "Innovation", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg" },
|
||||
{ id: "4", name: "Lisa Fischer", date: "2023", title: "Marketing", quote: "Perfekte Betreuung.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageSrc: "http://img.b2bpic.net/free-photo/asian-design-professional-looking-photos-digital-camera-while-working-studio_637285-2782.jpg" },
|
||||
{ id: "5", name: "Stefan Bauer", date: "2024", title: "Manager", quote: "Jederzeit wieder.", tag: "Support", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg" }
|
||||
]}
|
||||
title="Stimmen unserer Kunden"
|
||||
description="Was unsere Partner über die Zusammenarbeit sagen."
|
||||
@@ -340,9 +154,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Kontakt"
|
||||
title="Starten wir gemeinsam durch"
|
||||
description="Kontaktieren Sie uns für ein unverbindliches Erstgespräch."
|
||||
@@ -352,45 +164,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Über uns",
|
||||
items: [
|
||||
{
|
||||
label: "Philosophie",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Leistungen",
|
||||
items: [
|
||||
{
|
||||
label: "Beratung",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Digitales",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Über uns", items: [{ label: "Philosophie", href: "#about" }, { label: "Team", href: "#" }] },
|
||||
{ title: "Leistungen", items: [{ label: "Beratung", href: "#features" }, { label: "Digitales", href: "#features" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
logoText="BusinessPro"
|
||||
/>
|
||||
@@ -398,4 +174,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user