Merge version_1 into main #1
321
src/app/page.tsx
321
src/app/page.tsx
@@ -33,43 +33,25 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Leistungen", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über uns", id: "#about"},
|
||||
{
|
||||
name: "Prozess",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Prozess", id: "#process"},
|
||||
{
|
||||
name: "Kunden",
|
||||
id: "#clients",
|
||||
},
|
||||
name: "Kunden", id: "#clients"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="BlueLabelBusiness"
|
||||
button={{
|
||||
text: "Projekt starten",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Projekt starten", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -77,71 +59,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Marken, die man nicht übersieht."
|
||||
description="Wir schaffen unvergessliche Markenstrategien und Designs, die Ihre Botschaft nicht nur zeigen, sondern tief verankern."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg",
|
||||
alt: "Team Member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg", alt: "Team Member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
|
||||
alt: "Team Member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg", alt: "Team Member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151133865.jpg",
|
||||
alt: "Team Member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151133865.jpg", alt: "Team Member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419477.jpg",
|
||||
alt: "Team Member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419477.jpg", alt: "Team Member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871891.jpg",
|
||||
alt: "Team Member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871891.jpg", alt: "Team Member 5"},
|
||||
]}
|
||||
avatarText="Unser Team ist bereit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Projekt starten",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Projekt starten", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Kreativität",
|
||||
type: "text", text: "Kreativität"},
|
||||
{
|
||||
type: "text-icon", text: "Strategie", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Strategie",
|
||||
icon: Sparkles,
|
||||
type: "text", text: "Design"},
|
||||
{
|
||||
type: "text-icon", text: "Impact", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text-icon", text: "Wachstum", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Impact",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wachstum",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vision",
|
||||
},
|
||||
type: "text", text: "Vision"},
|
||||
]}
|
||||
showMarqueeCard={true}
|
||||
/>
|
||||
@@ -154,50 +109,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "branding",
|
||||
title: "Branding",
|
||||
descriptions: [
|
||||
"Wir formen Ihre Identität.",
|
||||
"Markenkern, Strategie, Design.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-silent-mode-button_53876-42527.jpg",
|
||||
},
|
||||
id: "branding", title: "Branding", descriptions: [
|
||||
"Wir formen Ihre Identität.", "Markenkern, Strategie, Design."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-silent-mode-button_53876-42527.jpg"},
|
||||
{
|
||||
id: "social-media",
|
||||
title: "Social Media",
|
||||
descriptions: [
|
||||
"Dominieren Sie digitale Kanäle.",
|
||||
"Strategie, Content, Community.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-business-illustration-with-pink-pastel-blocks-icons_2100-497.jpg",
|
||||
},
|
||||
id: "social-media", title: "Social Media", descriptions: [
|
||||
"Dominieren Sie digitale Kanäle.", "Strategie, Content, Community."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-business-illustration-with-pink-pastel-blocks-icons_2100-497.jpg"},
|
||||
{
|
||||
id: "performance",
|
||||
title: "Performance Marketing",
|
||||
descriptions: [
|
||||
"Maximale Reichweite, messbare Ergebnisse.",
|
||||
"Kampagnen, SEO, Analytics.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
},
|
||||
id: "performance", title: "Performance Marketing", descriptions: [
|
||||
"Maximale Reichweite, messbare Ergebnisse.", "Kampagnen, SEO, Analytics."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg"},
|
||||
{
|
||||
id: "webdesign",
|
||||
title: "Webdesign",
|
||||
descriptions: [
|
||||
"Digitale Präsenz, die beeindruckt.",
|
||||
"UI/UX, Entwicklung, Optimierung.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18941.jpg",
|
||||
},
|
||||
id: "webdesign", title: "Webdesign", descriptions: [
|
||||
"Digitale Präsenz, die beeindruckt.", "UI/UX, Entwicklung, Optimierung."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18941.jpg"},
|
||||
{
|
||||
id: "content",
|
||||
title: "Content Creation",
|
||||
descriptions: [
|
||||
"Inhalte, die fesseln.",
|
||||
"Video, Texte, Fotografie.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trophy-covered-neon-lights_53876-33910.jpg",
|
||||
},
|
||||
id: "content", title: "Content Creation", descriptions: [
|
||||
"Inhalte, die fesseln.", "Video, Texte, Fotografie."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trophy-covered-neon-lights_53876-33910.jpg"},
|
||||
]}
|
||||
title="Leistungen, die bewegen."
|
||||
description="Von der ersten Idee bis zur Marktdurchdringung – wir bieten umfassende Agenturleistungen für Ihren Erfolg."
|
||||
@@ -212,52 +142,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "project-1",
|
||||
brand: "Client Name A",
|
||||
name: "Innovative Campaign",
|
||||
rating: 5,
|
||||
reviewCount: "123 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516473.jpg",
|
||||
id: "project-1", brand: "Client Name A", name: "Innovative Campaign", rating: 5,
|
||||
reviewCount: "123 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516473.jpg", price: "€49.99"
|
||||
},
|
||||
{
|
||||
id: "project-2",
|
||||
brand: "Client Name B",
|
||||
name: "Digital Transformation",
|
||||
rating: 5,
|
||||
reviewCount: "98 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399280.jpg",
|
||||
id: "project-2", brand: "Client Name B", name: "Digital Transformation", rating: 5,
|
||||
reviewCount: "98 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399280.jpg", price: "€89.99"
|
||||
},
|
||||
{
|
||||
id: "project-3",
|
||||
brand: "Client Name C",
|
||||
name: "Brand Launch",
|
||||
rating: 5,
|
||||
reviewCount: "150 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-shades-lip-glosses-with-bright-sky_23-2149681515.jpg",
|
||||
id: "project-3", brand: "Client Name C", name: "Brand Launch", rating: 5,
|
||||
reviewCount: "150 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/different-shades-lip-glosses-with-bright-sky_23-2149681515.jpg", price: "€59.99"
|
||||
},
|
||||
{
|
||||
id: "project-4",
|
||||
brand: "Client Name D",
|
||||
name: "UX Redesign",
|
||||
rating: 4,
|
||||
reviewCount: "75 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg",
|
||||
id: "project-4", brand: "Client Name D", name: "UX Redesign", rating: 4,
|
||||
reviewCount: "75 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg", price: "€129.99"
|
||||
},
|
||||
{
|
||||
id: "project-5",
|
||||
brand: "Client Name E",
|
||||
name: "Social Strategy",
|
||||
rating: 5,
|
||||
reviewCount: "110 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-application-icons-near-mobile-laptop_23-2147841373.jpg",
|
||||
id: "project-5", brand: "Client Name E", name: "Social Strategy", rating: 5,
|
||||
reviewCount: "110 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-application-icons-near-mobile-laptop_23-2147841373.jpg", price: "€79.99"
|
||||
},
|
||||
{
|
||||
id: "project-6",
|
||||
brand: "Client Name F",
|
||||
name: "Video Production",
|
||||
rating: 5,
|
||||
reviewCount: "88 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066324.jpg",
|
||||
id: "project-6", brand: "Client Name F", name: "Video Production", rating: 5,
|
||||
reviewCount: "88 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066324.jpg", price: "€149.99"
|
||||
},
|
||||
]}
|
||||
title="Unsere Arbeit spricht Bände."
|
||||
@@ -283,32 +189,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "step-1",
|
||||
value: "01",
|
||||
title: "Briefing",
|
||||
description: "Wir hören zu, verstehen Ihre Ziele und definieren den Rahmen. Jedes Detail zählt.",
|
||||
icon: MessageCircle,
|
||||
id: "step-1", value: "01", title: "Briefing", description: "Wir hören zu, verstehen Ihre Ziele und definieren den Rahmen. Jedes Detail zählt.", icon: MessageCircle,
|
||||
},
|
||||
{
|
||||
id: "step-2",
|
||||
value: "02",
|
||||
title: "Konzept",
|
||||
description: "Wir entwickeln kreative Strategien und maßgeschneiderte Konzepte, die begeistern und überzeugen.",
|
||||
icon: Lightbulb,
|
||||
id: "step-2", value: "02", title: "Konzept", description: "Wir entwickeln kreative Strategien und maßgeschneiderte Konzepte, die begeistern und überzeugen.", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
id: "step-3",
|
||||
value: "03",
|
||||
title: "Umsetzung",
|
||||
description: "Vom Design bis zur Entwicklung – wir setzen Ihre Vision mit höchster Präzision und Exzellenz um.",
|
||||
icon: Code,
|
||||
id: "step-3", value: "03", title: "Umsetzung", description: "Vom Design bis zur Entwicklung – wir setzen Ihre Vision mit höchster Präzision und Exzellenz um.", icon: Code,
|
||||
},
|
||||
{
|
||||
id: "step-4",
|
||||
value: "04",
|
||||
title: "Launch & Optimierung",
|
||||
description: "Wir bringen Ihr Projekt an den Start und optimieren kontinuierlich für maximale Wirkung.",
|
||||
icon: Rocket,
|
||||
id: "step-4", value: "04", title: "Launch & Optimierung", description: "Wir bringen Ihr Projekt an den Start und optimieren kontinuierlich für maximale Wirkung.", icon: Rocket,
|
||||
},
|
||||
]}
|
||||
title="Unser bewährter Prozess."
|
||||
@@ -321,16 +211,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechSolutions",
|
||||
"Global Innovations",
|
||||
"GreenEnergy Co.",
|
||||
"Urban Living",
|
||||
"FastLane Logistics",
|
||||
"Future Foods",
|
||||
"Creative Hub",
|
||||
"Digital Minds",
|
||||
"Horizon Pharma",
|
||||
]}
|
||||
"TechSolutions", "Global Innovations", "GreenEnergy Co.", "Urban Living", "FastLane Logistics", "Future Foods", "Creative Hub", "Digital Minds", "Horizon Pharma"]}
|
||||
title="Kunden, die uns vertrauen."
|
||||
description="Wir sind stolz darauf, mit führenden Marken zusammenzuarbeiten und ihre Geschichten zum Leben zu erwecken."
|
||||
/>
|
||||
@@ -343,44 +224,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1",
|
||||
name: "Lena Schmidt",
|
||||
handle: "CEO, TechSolutions",
|
||||
testimonial: "BlueLabelBusiness hat unsere Marke neu definiert. Der Impact war sofort sichtbar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
|
||||
icon: Quote,
|
||||
id: "t-1", name: "Lena Schmidt", handle: "CEO, TechSolutions", testimonial: "BlueLabelBusiness hat unsere Marke neu definiert. Der Impact war sofort sichtbar.", imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "t-2",
|
||||
name: "Max Huber",
|
||||
handle: "Marketing Director, Global Innovations",
|
||||
testimonial: "Ihre Kampagnen sind nicht nur kreativ, sie liefern auch messbare Performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-elegant-young-fashion-man_158595-535.jpg",
|
||||
icon: Quote,
|
||||
id: "t-2", name: "Max Huber", handle: "Marketing Director, Global Innovations", testimonial: "Ihre Kampagnen sind nicht nur kreativ, sie liefern auch messbare Performance.", imageSrc: "http://img.b2bpic.net/free-photo/picture-elegant-young-fashion-man_158595-535.jpg", icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "t-3",
|
||||
name: "Sarah Müller",
|
||||
handle: "Gründerin, GreenEnergy Co.",
|
||||
testimonial: "Das Webdesign ist atemberaubend und intuitiv. Eine perfekte digitale Visitenkarte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-outdoors_23-2148765437.jpg",
|
||||
icon: Quote,
|
||||
id: "t-3", name: "Sarah Müller", handle: "Gründerin, GreenEnergy Co.", testimonial: "Das Webdesign ist atemberaubend und intuitiv. Eine perfekte digitale Visitenkarte.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-outdoors_23-2148765437.jpg", icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "t-4",
|
||||
name: "David Wagner",
|
||||
handle: "Brand Manager, Urban Living",
|
||||
testimonial: "Jedes Projekt ist eine echte Partnerschaft. Wir sind immer wieder begeistert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-checks-her-tablet-standing-street_1304-5523.jpg",
|
||||
icon: Quote,
|
||||
id: "t-4", name: "David Wagner", handle: "Brand Manager, Urban Living", testimonial: "Jedes Projekt ist eine echte Partnerschaft. Wir sind immer wieder begeistert.", imageSrc: "http://img.b2bpic.net/free-photo/girl-checks-her-tablet-standing-street_1304-5523.jpg", icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "t-5",
|
||||
name: "Anna Meier",
|
||||
handle: "Product Lead, Future Foods",
|
||||
testimonial: "Von der Strategie bis zur Umsetzung – ein Team, das wirklich versteht, was Sie brauchen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
|
||||
icon: Quote,
|
||||
id: "t-5", name: "Anna Meier", handle: "Product Lead, Future Foods", testimonial: "Von der Strategie bis zur Umsetzung – ein Team, das wirklich versteht, was Sie brauchen.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg", icon: Quote,
|
||||
},
|
||||
]}
|
||||
title="Was unsere Partner sagen."
|
||||
@@ -392,14 +248,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Bereit, Ihre Marke zu entfesseln? Erzählen Sie uns von Ihrem Projekt. Wir transformieren Ideen in unvergessliche Realität. Lassen Sie uns Großes schaffen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Projekt anfragen",
|
||||
href: "#",
|
||||
},
|
||||
text: "Projekt anfragen", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -410,61 +263,39 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leistungen", href: "#services"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über uns", href: "#about"},
|
||||
{
|
||||
label: "Prozess",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Prozess", href: "#process"},
|
||||
{
|
||||
label: "Kunden",
|
||||
href: "#clients",
|
||||
},
|
||||
label: "Kunden", href: "#clients"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/bluelabelbusiness",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/bluelabelbusiness"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/company/bluelabelbusiness",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com/company/bluelabelbusiness"},
|
||||
{
|
||||
label: "Behance",
|
||||
href: "https://behance.net/bluelabelbusiness",
|
||||
},
|
||||
label: "Behance", href: "https://behance.net/bluelabelbusiness"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user