Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ee1ddf171f | |||
| 2f8ea415cb | |||
| 83524f622b | |||
| 0581e1fe27 |
277
src/app/page.tsx
277
src/app/page.tsx
@@ -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,12 +190,11 @@ 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!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-smartphone-social-media-concept_23-2150208245.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-smartphone-social-media-concept_23-2150208245.jpg?_wi=1"
|
||||
imageAlt="People networking in a business event"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -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
138
src/app/preisliste/page.tsx
Normal 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?_wi=2"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user