Merge version_1 into main #2
298
src/app/page.tsx
298
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Erfolge",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Erfolge", id: "metrics" },
|
||||
{ name: "Referenzen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="ContentCreator Agency"
|
||||
/>
|
||||
@@ -59,63 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Wir heben Ihre Brand auf das nächste Level."
|
||||
description="Als Experten für Social-Media-Management und Content-Creation helfen wir Einzelunternehmern dabei, ihre Vision mit authentischen Inhalten online sichtbar zu machen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Beratung buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/busy-man-using-some-mobile-devices_329181-14530.jpg?_wi=1"
|
||||
buttons={[{ text: "Jetzt Beratung buchen", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/busy-man-using-some-mobile-devices_329181-14530.jpg"
|
||||
imageAlt="Social Media Creative at work"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171112.jpg",
|
||||
alt: "Medium shot woman working late at night",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-texting-private-messages-her-workplace_1098-18752.jpg",
|
||||
alt: "Business woman texting private messages at her workplace",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-checking-mobile_23-2148604018.jpg",
|
||||
alt: "Woman checking mobile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-office_1301-3792.jpg",
|
||||
alt: "Beautiful young woman using her mobile phone in the office.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coworkers-engaged-virtual-meeting-office_482257-121191.jpg",
|
||||
alt: "Coworkers engaged in virtual meeting in office",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171112.jpg", alt: "Medium shot woman working late at night" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-texting-private-messages-her-workplace_1098-18752.jpg", alt: "Business woman texting private messages at her workplace" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-checking-mobile_23-2148604018.jpg", alt: "Woman checking mobile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-office_1301-3792.jpg", alt: "Beautiful young woman using her mobile phone in the office." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coworkers-engaged-virtual-meeting-office_482257-121191.jpg", alt: "Coworkers engaged in virtual meeting in office" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Media Strategie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Content Creation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Management",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Consulting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Marketing",
|
||||
},
|
||||
{ type: "text", text: "Social Media Strategie" },
|
||||
{ type: "text", text: "Content Creation" },
|
||||
{ type: "text", text: "Community Management" },
|
||||
{ type: "text", text: "Brand Consulting" },
|
||||
{ type: "text", text: "Performance Marketing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,22 +72,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Kreativität trifft Strategie",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/asian-financial-advisor-presents-market-trends_482257-121202.jpg",
|
||||
alt: "About content",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Erfahren Sie mehr",
|
||||
href: "#contact",
|
||||
},
|
||||
{ type: "text", content: "Kreativität trifft Strategie" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/asian-financial-advisor-presents-market-trends_482257-121202.jpg", alt: "About content" },
|
||||
]}
|
||||
buttons={[{ text: "Erfahren Sie mehr", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,54 +85,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Social Media Management",
|
||||
description: "Ganzheitliche Betreuung Ihrer Kanäle: Postings, Community-Management und Strategie.",
|
||||
icon: Share2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-skillful-people-using-digital-tablet-workplace_23-2147847545.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-some-mobile-devices_329181-14530.jpg?_wi=2",
|
||||
imageAlt: "social media feed analytics",
|
||||
},
|
||||
{
|
||||
title: "Content Creation",
|
||||
description: "Hochwertige Fotografie und Videografie für Instagram, TikTok und LinkedIn.",
|
||||
icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-office-wooden-table-workplace-technology-concept_53876-41442.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-plan-commercial-strategy-business_53876-133615.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-financial-advisor-presents-market-trends_482257-121202.jpg",
|
||||
imageAlt: "social media feed analytics",
|
||||
},
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Wir definieren Ihre Markenstimme und sorgen für einen konsistenten Auftritt.",
|
||||
icon: Target,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-connting-digital-devices-concept_53876-23053.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/document-marketing-strategy-business-concept_53876-133729.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-pc-display-brick-wall-loft-room_482257-118699.jpg?_wi=1",
|
||||
imageAlt: "social media feed analytics",
|
||||
},
|
||||
{ title: "Social Media Management", description: "Ganzheitliche Betreuung Ihrer Kanäle.", icon: Share2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-skillful-people-using-digital-tablet-workplace_23-2147847545.jpg" }] },
|
||||
{ title: "Content Creation", description: "Hochwertige Fotografie und Videografie.", icon: Camera, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-office-wooden-table-workplace-technology-concept_53876-41442.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/marketing-plan-commercial-strategy-business_53876-133615.jpg" }] },
|
||||
{ title: "Brand Strategy", description: "Wir definieren Ihre Markenstimme.", icon: Target, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-connting-digital-devices-concept_53876-23053.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/document-marketing-strategy-business-concept_53876-133729.jpg" }] },
|
||||
]}
|
||||
title="Unsere Leistungen für Ihren Erfolg"
|
||||
description="Von strategischer Planung bis hin zur Umsetzung hochwertiger Contents – wir begleiten Ihr Business bei jedem Schritt."
|
||||
description="Von strategischer Planung bis hin zur Umsetzung."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -206,24 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Community-Wachstum",
|
||||
value: "+150%",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Eye,
|
||||
title: "Reichweite pro Post",
|
||||
value: "2.4M+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: ThumbsUp,
|
||||
title: "Engagement Rate",
|
||||
value: "8.5%",
|
||||
},
|
||||
{ id: "1", icon: Users, title: "Community-Wachstum", value: "+150%" },
|
||||
{ id: "2", icon: Eye, title: "Reichweite pro Post", value: "2.4M+" },
|
||||
{ id: "3", icon: ThumbsUp, title: "Engagement Rate", value: "8.5%" },
|
||||
]}
|
||||
title="Daten, die überzeugen"
|
||||
description="Wir setzen auf messbaren Erfolg."
|
||||
@@ -232,50 +111,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Meyer",
|
||||
role: "Coach",
|
||||
company: "CoachingSuccess",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-present-startup-analytics_482257-119160.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Markus Weber",
|
||||
role: "Inhaber",
|
||||
company: "Handwerkskunst",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-space-composition-with-white-astronaut_23-2149101802.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julia Schulz",
|
||||
role: "Marketing",
|
||||
company: "GrowthApp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-results-objective-vision-achievement_53876-15897.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas Braun",
|
||||
role: "Consultant",
|
||||
company: "StrategyMaster",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-items-arrangement_23-2149552419.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Fischer",
|
||||
role: "Designerin",
|
||||
company: "CreativeStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-statistics_23-2149386341.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Meyer", role: "Coach", company: "CoachingSuccess", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessmen-present-startup-analytics_482257-119160.jpg" },
|
||||
{ id: "2", name: "Markus Weber", role: "Inhaber", company: "Handwerkskunst", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-space-composition-with-white-astronaut_23-2149101802.jpg" },
|
||||
{ id: "3", name: "Julia Schulz", role: "Marketing", company: "GrowthApp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/innovation-results-objective-vision-achievement_53876-15897.jpg" },
|
||||
{ id: "4", name: "Thomas Braun", role: "Consultant", company: "StrategyMaster", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-items-arrangement_23-2149552419.jpg" },
|
||||
{ id: "5", name: "Elena Fischer", role: "Designerin", company: "CreativeStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-statistics_23-2149386341.jpg" },
|
||||
]}
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Erfolge sprechen lauter als Worte."
|
||||
@@ -286,15 +131,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Adobe",
|
||||
"Shopify",
|
||||
"Canva",
|
||||
"Meta",
|
||||
"Google",
|
||||
"LinkedIn",
|
||||
]}
|
||||
names={["Microsoft", "Adobe", "Shopify", "Canva", "Meta", "Google", "LinkedIn"]}
|
||||
title="Unsere Partner"
|
||||
description="Erfolgreiche Kooperationen."
|
||||
/>
|
||||
@@ -305,23 +142,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie starten wir?",
|
||||
content: "Ein kurzes Erstgespräch genügt.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wie lange dauert die Umsetzung?",
|
||||
content: "Das hängt von Ihrem Bedarf ab.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Was kostet das?",
|
||||
content: "Wir erstellen individuelle Angebote.",
|
||||
},
|
||||
{ id: "1", title: "Wie starten wir?", content: "Ein kurzes Erstgespräch genügt." },
|
||||
{ id: "2", title: "Wie lange dauert die Umsetzung?", content: "Das hängt von Ihrem Bedarf ab." },
|
||||
{ id: "3", title: "Was kostet das?", content: "Wir erstellen individuelle Angebote." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chroma-key-pc-display-brick-wall-loft-room_482257-118699.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chroma-key-pc-display-brick-wall-loft-room_482257-118699.jpg"
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Alles Wichtige auf einen Blick."
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -334,23 +159,10 @@ export default function LandingPage() {
|
||||
title="Bereit für den Start?"
|
||||
description="Lassen Sie uns gemeinsam durchstarten."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail-Adresse",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail-Adresse", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Erzählen Sie uns von Ihrem Projekt...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Erzählen Sie uns von Ihrem Projekt..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378903.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -359,30 +171,10 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Firma",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Firma", items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 ContentCreator Agency"
|
||||
@@ -392,4 +184,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user