Merge version_2 into main

Merge version_2 into main

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",
+          name: "Startseite",          id: "/"},
-          id: "#startseite",
-        },
         {
-          name: "Über Uns",
+          name: "Über Uns",          id: "/#ueber-uns"},
-          id: "#ueber-uns",
-        },
         {
-          name: "Dienstleistungen",
+          name: "Dienstleistungen",          id: "/#dienstleistungen"},
-          id: "#dienstleistungen",
-        },
         {
-          name: "Preisliste",
+          name: "Preisliste",          id: "/preisliste"},
-          id: "#preisliste",
-        },
         {
-          name: "Kundenstimmen",
+          name: "Kundenstimmen",          id: "/#kundenstimmen"},
-          id: "#kundenstimmen",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "/#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%",
+          value: "+200%",          label: "Reichweite"},
-          label: "Reichweite",
-        },
         {
-          value: "+150%",
+          value: "+150%",          label: "Interaktion"},
-          label: "Interaktion",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Zufriedenheit"},
-          label: "Zufriedenheit",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Unsere Preise",
+          text: "Unsere Preise",          href: "/preisliste"},
-          href: "#preisliste",
-        },
         {
-          text: "Jetzt kontaktieren",
+          text: "Jetzt kontaktieren",          href: "/#kontakt"},
-          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",
+          src: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg",          alt: "Zufriedener Kunde"},
-          alt: "Zufriedener Kunde",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg",
+          src: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg",          alt: "Marketing Experte"},
-          alt: "Marketing Experte",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-sad-expression_1194-2829.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-sad-expression_1194-2829.jpg",          alt: "Kreative Mitarbeiterin"},
-          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",
+          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"},
-          alt: "Social Media Manager",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg",          alt: "Geschäftsinhaber"},
-          alt: "Geschäftsinhaber",
-        },
       ]}
       avatarText="Mehr als 5.000 zufriedene Kunden"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Instagram Optimierung"},
-          text: "Instagram Optimierung",
+        {
+          type: "text-icon",          text: "Reichweiten Steigerung",          icon: ExternalLink,
         },
         {
-          type: "text-icon",
+          type: "text",          text: "Content Exzellenz"},
-          text: "Reichweiten Steigerung",
+        {
-          icon: ExternalLink,
+          type: "text-icon",          text: "Community Aufbau",          icon: Users,
         },
         {
-          type: "text",
+          type: "text",          text: "Messbarer Erfolg"},
-          text: "Content Exzellenz",
-        },
-        {
-          type: "text-icon",
-          text: "Community Aufbau",
-          icon: Users,
-        },
-        {
-          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.",
+        "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."]}
-        "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",
+          id: "1",          title: "Strategie & Beratung",          tags: [
-          title: "Strategie & Beratung",
+            "Planung",            "Analyse"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg",          imageAlt: "Social media analytics dashboard"},
-            "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",
+          id: "2",          title: "Content Erstellung",          tags: [
-          title: "Content Erstellung",
+            "Bilder",            "Videos"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947441.jpg",          imageAlt: "Person creating content on smartphone"},
-            "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",
+          id: "3",          title: "Community Management",          tags: [
-          title: "Community Management",
+            "Interaktion",            "Support"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749320.jpg",          imageAlt: "Online community discussion icons"},
-            "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",
+          id: "1",          name: "Lena Schmidt",          role: "Gründerin",          company: "KreativStudio",          rating: 5,
-          name: "Lena Schmidt",
+          imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",          imageAlt: "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",
+          id: "2",          name: "Max Meier",          role: "Marketing Manager",          company: "TechInnovate",          rating: 5,
-          name: "Max Meier",
+          imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",          imageAlt: "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",
+          id: "3",          name: "Sophie Weber",          role: "Fashion Bloggerin",          company: "Stilwerk",          rating: 5,
-          name: "Sophie Weber",
+          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"},
-          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",
+          id: "4",          name: "Tom Müller",          role: "E-Commerce Leiter",          company: "ShopSmart",          rating: 5,
-          name: "Tom Müller",
+          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2919.jpg",          imageAlt: "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",
+          id: "5",          name: "Anna Becker",          role: "Restaurant Inhaberin",          company: "Genuss Küche",          rating: 5,
-          name: "Anna Becker",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg",          imageAlt: "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",
+          id: "6",          name: "Felix Kurz",          role: "Fitness Coach",          company: "FitBoost",          rating: 5,
-          name: "Felix Kurz",
+          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",          imageAlt: "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",
+        "Startup Boost",        "Creative Lab",        "Digital Growth",        "Brand Vision",        "Market Connect",        "Influencer Hub",        "Content King"]}
-        "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",
+          href: "https://instagram.com/ihre-seite",          ariaLabel: "Instagram Profil"},
-          ariaLabel: "Instagram Profil",
-        },
         {
           icon: Facebook,
-          href: "https://facebook.com/ihre-seite",
+          href: "https://facebook.com/ihre-seite",          ariaLabel: "Facebook Profil"},
-          ariaLabel: "Facebook Profil",
-        },
         {
           icon: Twitter,
-          href: "https://twitter.com/ihre-seite",
+          href: "https://twitter.com/ihre-seite",          ariaLabel: "Twitter Profil"},
-          ariaLabel: "Twitter Profil",
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/preisliste/page.tsx

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