Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-06-10 21:43:18 +00:00
2 changed files with 191 additions and 222 deletions

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>
);
}
}

138
src/app/preisliste/page.tsx Normal file
View File

@@ -0,0 +1,138 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import { Award, Sparkles, Star, Facebook, Instagram, Twitter } from "lucide-react";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: 'Preisliste für Instagram-Dienste | Ihre Instagram-Seite',
description: 'Entdecken Sie unsere massgeschneiderten Instagram-Dienste und Preise. Steigern Sie Ihre Reichweite, Interaktion und Markenbekanntheit. Jetzt Angebot anfordern!',
keywords: ["Instagram Dienste, Preisliste, Social Media Marketing, Instagram Reichweite, Instagram Wachstum, Instagram Strategie, Content Erstellung"],
openGraph: {
"title": "Preisliste für Instagram-Dienste | Ihre Instagram-Seite", "description": "Entdecken Sie unsere massgeschneiderten Instagram-Dienste und Preise. Steigern Sie Ihre Reichweite, Interaktion und Markenbekanntheit.", "url": "https://ihre-instagram-seite.com/preisliste", "siteName": "Ihre Instagram-Seite", "images": [
{
"url": "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg", "alt": "Instagram Dashboard"
}
],
"type": "website"
},
twitter: {
"card": "summary_large_image", "title": "Preisliste für Instagram-Dienste | Ihre Instagram-Seite", "description": "Entdecken Sie unsere massgeschneiderten Instagram-Dienste und Preise. Steigern Sie Ihre Reichweite, Interaktion und Markenbekanntheit.", "images": [
"http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg"
]
},
robots: {
"index": true,
"follow": true
},
};
export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeLargeTitles"
background="fluid"
cardStyle="soft-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Startseite", id: "/"},
{
name: "Über Uns", id: "/#ueber-uns"},
{
name: "Dienstleistungen", id: "/#dienstleistungen"},
{
name: "Preisliste", id: "/preisliste"},
{
name: "Kundenstimmen", id: "/#kundenstimmen"},
{
name: "Kontakt", id: "/#kontakt"},
]}
logoSrc="http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-43333.jpg"
logoAlt="Instagram Logo"
brandName="Ihre Instagram-Seite"
/>
</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="kontakt" data-section="kontakt">
<ContactSplit
useInvertedBackground={false}
background={{
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!"
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-smartphone-social-media-concept_23-2150208245.jpg"
imageAlt="People networking in a business event"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Geben Sie Ihre E-Mail-Adresse ein"
buttonText="Anfrage senden"
termsText="Mit dem Absenden erklären Sie sich mit unseren Allgemeinen Geschäftsbedingungen einverstanden."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Ihre Instagram-Seite"
copyrightText="© 2024 Ihre Instagram-Seite. Alle Rechte vorbehalten."
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/ihre-seite", ariaLabel: "Instagram Profil"},
{
icon: Facebook,
href: "https://facebook.com/ihre-seite", ariaLabel: "Facebook Profil"},
{
icon: Twitter,
href: "https://twitter.com/ihre-seite", ariaLabel: "Twitter Profil"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}