bender/8d125df7-4e32-4f7f-ba0d-87744e2b7daf
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-06-10 21:43:13 +00:00
parent 04dd2929a4
commit 0581e1fe27
1 changed files with 53 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

275
src/app/page.tsx
View File

@@ -7,11 +7,10 @@ import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwe
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, ExternalLink, Facebook, Instagram, Sparkles, Star, Twitter, Users } from "lucide-react";
import { ExternalLink, Facebook, Instagram, Twitter, Users } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,29 +31,17 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Startseite",
id: "#startseite",
},
name: "Startseite", id: "/"},
{
name: "Über Uns",
id: "#ueber-uns",
},
name: "Über Uns", id: "/#ueber-uns"},
{
name: "Dienstleistungen",
id: "#dienstleistungen",
},
name: "Dienstleistungen", id: "/#dienstleistungen"},
{
name: "Preisliste",
id: "#preisliste",
},
name: "Preisliste", id: "/preisliste"},
{
name: "Kundenstimmen",
id: "#kundenstimmen",
},
name: "Kundenstimmen", id: "/#kundenstimmen"},
{
name: "Kontakt",
id: "#kontakt",
},
name: "Kontakt", id: "/#kontakt"},
]}
logoSrc="http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-43333.jpg"
logoAlt="Instagram Logo"
@@ -65,85 +52,54 @@ export default function LandingPage() {
<div id="startseite" data-section="startseite">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Optimieren Sie Ihre Instagram-Präsenz"
description="Steigern Sie Ihre Reichweite, Interaktion und Markenbekanntheit mit unseren massgeschneiderten Instagram-Diensten. Entdecken Sie jetzt, wie wir Ihnen helfen können, Ihre Ziele zu erreichen."
kpis={[
{
value: "+200%",
label: "Reichweite",
},
value: "+200%", label: "Reichweite"},
{
value: "+150%",
label: "Interaktion",
},
value: "+150%", label: "Interaktion"},
{
value: "100%",
label: "Zufriedenheit",
},
value: "100%", label: "Zufriedenheit"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Unsere Preise",
href: "#preisliste",
},
text: "Unsere Preise", href: "/preisliste"},
{
text: "Jetzt kontaktieren",
href: "#kontakt",
},
text: "Jetzt kontaktieren", href: "/#kontakt"},
]}
imageSrc="http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg"
imageAlt="Person using phone with social media feed"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg",
alt: "Zufriedener Kunde",
},
src: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg", alt: "Zufriedener Kunde"},
{
src: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg",
alt: "Marketing Experte",
},
src: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg", alt: "Marketing Experte"},
{
src: "http://img.b2bpic.net/free-photo/young-man-sad-expression_1194-2829.jpg",
alt: "Kreative Mitarbeiterin",
},
src: "http://img.b2bpic.net/free-photo/young-man-sad-expression_1194-2829.jpg", alt: "Kreative Mitarbeiterin"},
{
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
alt: "Social Media Manager",
},
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg", alt: "Social Media Manager"},
{
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg",
alt: "Geschäftsinhaber",
},
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg", alt: "Geschäftsinhaber"},
]}
avatarText="Mehr als 5.000 zufriedene Kunden"
marqueeItems={[
{
type: "text",
text: "Instagram Optimierung",
type: "text", text: "Instagram Optimierung"},
{
type: "text-icon", text: "Reichweiten Steigerung", icon: ExternalLink,
},
{
type: "text-icon",
text: "Reichweiten Steigerung",
icon: ExternalLink,
type: "text", text: "Content Exzellenz"},
{
type: "text-icon", text: "Community Aufbau", icon: Users,
},
{
type: "text",
text: "Content Exzellenz",
},
{
type: "text-icon",
text: "Community Aufbau",
icon: Users,
},
{
type: "text",
text: "Messbarer Erfolg",
},
type: "text", text: "Messbarer Erfolg"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -155,9 +111,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Wer wir sind und was wir tun"
description={[
"Wir sind Ihr Partner für eine erfolgreiche Instagram-Strategie. Mit fundiertem Wissen und kreativen Ansätzen helfen wir Ihnen, Ihre Zielgruppe zu erreichen und Ihre Marke optimal zu präsentieren.",
"Unser Team aus Social-Media-Experten arbeitet eng mit Ihnen zusammen, um individuelle Lösungen zu entwickeln, die perfekt auf Ihre Bedürfnisse zugeschnitten sind. Von der Content-Erstellung bis zur Analyse – wir sind für Sie da.",
]}
"Wir sind Ihr Partner für eine erfolgreiche Instagram-Strategie. Mit fundiertem Wissen und kreativen Ansätzen helfen wir Ihnen, Ihre Zielgruppe zu erreichen und Ihre Marke optimal zu präsentieren.", "Unser Team aus Social-Media-Experten arbeitet eng mit Ihnen zusammen, um individuelle Lösungen zu entwickeln, die perfekt auf Ihre Bedürfnisse zugeschnitten sind. Von der Content-Erstellung bis zur Analyse – wir sind für Sie da."]}
showBorder={false}
/>
</div>
@@ -169,96 +123,23 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "Strategie & Beratung",
tags: [
"Planung",
"Analyse",
],
imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg",
imageAlt: "Social media analytics dashboard",
},
id: "1", title: "Strategie & Beratung", tags: [
"Planung", "Analyse"],
imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg", imageAlt: "Social media analytics dashboard"},
{
id: "2",
title: "Content Erstellung",
tags: [
"Bilder",
"Videos",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947441.jpg",
imageAlt: "Person creating content on smartphone",
},
id: "2", title: "Content Erstellung", tags: [
"Bilder", "Videos"],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947441.jpg", imageAlt: "Person creating content on smartphone"},
{
id: "3",
title: "Community Management",
tags: [
"Interaktion",
"Support",
],
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749320.jpg",
imageAlt: "Online community discussion icons",
},
id: "3", title: "Community Management", tags: [
"Interaktion", "Support"],
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749320.jpg", imageAlt: "Online community discussion icons"},
]}
title="Unsere Kern-Dienstleistungen"
description="Wir bieten eine breite Palette an Dienstleistungen, um Ihre Instagram-Präsenz zu maximieren und nachhaltiges Wachstum zu fördern."
/>
</div>
<div id="preisliste" data-section="preisliste">
<PricingCardOne
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
carouselMode="buttons"
plans={[
{
id: "basic",
badge: "Start",
badgeIcon: Sparkles,
price: "€299/Monat",
subtitle: "Für Einsteiger",
features: [
"Strategie-Workshop (1h)",
"4 Posts pro Monat",
"Basisanalyse",
"Community-Support",
],
},
{
id: "standard",
badge: "Beliebt",
badgeIcon: Star,
price: "€599/Monat",
subtitle: "Für Wachstum",
features: [
"Strategie-Workshop (2h)",
"8 Posts pro Monat",
"Detaillierte Analyse",
"Aktiver Community-Support",
"2 Stories pro Woche",
],
},
{
id: "premium",
badge: "Premium",
badgeIcon: Award,
price: "€999/Monat",
subtitle: "Für maximale Sichtbarkeit",
features: [
"Strategie-Workshop (4h)",
"12 Posts pro Monat",
"Umfassende Analyse & Reporting",
"Priorisierter Community-Support",
"4 Stories pro Woche",
"Reels/Shorts Produktion",
],
},
]}
title="Unsere Instagram-Preisliste"
description="Wählen Sie das passende Paket für Ihre Bedürfnisse und beginnen Sie noch heute mit der Optimierung Ihrer Social-Media-Präsenz."
/>
</div>
<div id="kundenstimmen" data-section="kundenstimmen">
<TestimonialCardOne
animationType="slide-up"
@@ -269,59 +150,23 @@ export default function LandingPage() {
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
testimonials={[
{
id: "1",
name: "Lena Schmidt",
role: "Gründerin",
company: "KreativStudio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
imageAlt: "Lena Schmidt",
},
id: "1", name: "Lena Schmidt", role: "Gründerin", company: "KreativStudio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", imageAlt: "Lena Schmidt"},
{
id: "2",
name: "Max Meier",
role: "Marketing Manager",
company: "TechInnovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
imageAlt: "Max Meier",
},
id: "2", name: "Max Meier", role: "Marketing Manager", company: "TechInnovate", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg", imageAlt: "Max Meier"},
{
id: "3",
name: "Sophie Weber",
role: "Fashion Bloggerin",
company: "Stilwerk",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-with-mustache-working-florist-holding-open-sign-smiling-laughing-hard-out-loud-because-funny-crazy-joke_839833-18735.jpg",
imageAlt: "Sophie Weber",
},
id: "3", name: "Sophie Weber", role: "Fashion Bloggerin", company: "Stilwerk", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-with-mustache-working-florist-holding-open-sign-smiling-laughing-hard-out-loud-because-funny-crazy-joke_839833-18735.jpg", imageAlt: "Sophie Weber"},
{
id: "4",
name: "Tom Müller",
role: "E-Commerce Leiter",
company: "ShopSmart",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2919.jpg",
imageAlt: "Tom Müller",
},
id: "4", name: "Tom Müller", role: "E-Commerce Leiter", company: "ShopSmart", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2919.jpg", imageAlt: "Tom Müller"},
{
id: "5",
name: "Anna Becker",
role: "Restaurant Inhaberin",
company: "Genuss Küche",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg",
imageAlt: "Anna Becker",
},
id: "5", name: "Anna Becker", role: "Restaurant Inhaberin", company: "Genuss Küche", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg", imageAlt: "Anna Becker"},
{
id: "6",
name: "Felix Kurz",
role: "Fitness Coach",
company: "FitBoost",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
imageAlt: "Felix Kurz",
},
id: "6", name: "Felix Kurz", role: "Fitness Coach", company: "FitBoost", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg", imageAlt: "Felix Kurz"},
]}
title="Das sagen unsere zufriedenen Kunden"
description="Vertrauen Sie auf die positiven Erfahrungen unserer Partner und Kunden, die mit uns ihre Instagram-Ziele erreicht haben."
@@ -333,14 +178,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Startup Boost",
"Creative Lab",
"Digital Growth",
"Brand Vision",
"Market Connect",
"Influencer Hub",
"Content King",
]}
"Startup Boost", "Creative Lab", "Digital Growth", "Brand Vision", "Market Connect", "Influencer Hub", "Content King"]}
title="Unsere geschätzten Partner"
description="Wir arbeiten mit führenden Unternehmen und Influencern zusammen, um die besten Ergebnisse für unsere Kunden zu erzielen."
speed={40}
@@ -352,8 +190,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Kontakt"
title="Bereit für den nächsten Schritt?"
description="Haben Sie Fragen zu unseren Preisen oder Dienstleistungen? Kontaktieren Sie uns noch heute für ein unverbindliches Angebot. Wir freuen uns darauf, von Ihnen zu hören!"
@@ -374,23 +211,17 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/ihre-seite",
ariaLabel: "Instagram Profil",
},
href: "https://instagram.com/ihre-seite", ariaLabel: "Instagram Profil"},
{
icon: Facebook,
href: "https://facebook.com/ihre-seite",
ariaLabel: "Facebook Profil",
},
href: "https://facebook.com/ihre-seite", ariaLabel: "Facebook Profil"},
{
icon: Twitter,
href: "https://twitter.com/ihre-seite",
ariaLabel: "Twitter Profil",
},
href: "https://twitter.com/ihre-seite", ariaLabel: "Twitter Profil"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}