Update src/app/page.tsx

src/app/leistungen/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="noiseDiagonalGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Startseite", id: "/" },
+              { name: "Über uns", id: "/#about" },
+              { name: "Leistungen", id: "/leistungen" },
+              { name: "Kontakt", id: "/#contact" },
+            ]}
+            brandName="Textilpflege Auerbach"
+          />
+        </div>
+
+        <div id="features" data-section="features">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Unsere Leistungen im Überblick"
+            description="Wir bieten professionelle Wäscheservices für höchste hygienische Ansprüche."
+            features={[
+              { tag: "Gesundheit", title: "Krankenhäuser", subtitle: "Vollversorgung", description: "Umfassende OP-Wäsche und Stationsversorgung nach strengsten Hygienestandards.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-medical-mask-gloves-holding-stay-home-notebook_23-2148734898.jpg?_wi=2" },
+              { tag: "Pflege", title: "Pflegeheime", subtitle: "Bewohnerwäsche", description: "Sanfte und gründliche Reinigung für textile Bedürfnisse in Pflegeeinrichtungen.", imageSrc: "http://img.b2bpic.net/free-photo/nursing-home-care-concept_23-2149176378.jpg" },
+              { tag: "Industrie", title: "Gewerbe", subtitle: "Arbeitskleidung", description: "Robuste Pflege für Ihre Arbeitskleidung für maximale Langlebigkeit.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138601.jpg?_wi=2" },
+              { tag: "Lebensmittel", title: "Lebensmittelverarbeitende Betriebe", subtitle: "Hygiene-Kleidung", description: "Spezialisierte Aufbereitung Ihrer Arbeitskleidung gemäß HACCP-Standards.", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-kitchen_23-2148906561.jpg" },
+              { tag: "Gastronomie", title: "Hotels", subtitle: "Gästewäsche", description: "Erstklassige Bett- und Tischwäsche-Reinigung für höchsten Hotel-Komfort.", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed-decoration-bedroom-interior_1339-7134.jpg?_wi=2" },
+              { tag: "Privat", title: "Privatwäsche", subtitle: "Alltagstextilien", description: "Vertrauen Sie Ihre Alltagstextilien unseren Profis an – gründlich & schonend.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-freshly-washed-clothes_23-2148924043.jpg" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Textilpflege GmbH Auerbach"
+            leftLink={{ text: "Impressum", href: "#" }}
+            rightLink={{ text: "Zertifikate", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Startseite",
+          name: "Startseite",          id: "/"},
-          id: "#hero",
-        },
         {
-          name: "Über uns",
+          name: "Über uns",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Leistungen",
+          name: "Leistungen",          id: "/leistungen"},
-          id: "#features",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Textilpflege Auerbach"
     />
@@ -52,62 +44,34 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Willkommen bei der Textilpflege GmbH Auerbach"
       description="Ihre Wäscherei im Vogtland. Wir waschen für die Region. Haben Sie etwas zu waschen, wir haben die Lösung. Immer kundennah und direkt. Hygienisch einwandfrei."
       buttons={[
         {
-          text: "Jetzt anfragen",
+          text: "Jetzt anfragen",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-young-man-looking-his-shirt_23-2148303841.jpg"
       imageAlt="Professionelle Textilpflege in Auerbach"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/laundress-reading_1098-13298.jpg",
+          src: "http://img.b2bpic.net/free-photo/laundress-reading_1098-13298.jpg",          alt: "Teammitglied 1"},
-          alt: "Teammitglied 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/conversation-friendly-girls_1098-14531.jpg",
+          src: "http://img.b2bpic.net/free-photo/conversation-friendly-girls_1098-14531.jpg",          alt: "Teammitglied 2"},
-          alt: "Teammitglied 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg",          alt: "Teammitglied 3"},
-          alt: "Teammitglied 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/waiter-with-tray_1154-3.jpg",
+          src: "http://img.b2bpic.net/free-photo/waiter-with-tray_1154-3.jpg",          alt: "Teammitglied 4"},
-          alt: "Teammitglied 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/successful-chiropractor-posing-medical-office-showing-thumbs-up_1098-18684.jpg",
+          src: "http://img.b2bpic.net/free-photo/successful-chiropractor-posing-medical-office-showing-thumbs-up_1098-18684.jpg",          alt: "Teammitglied 5"},
-          alt: "Teammitglied 5",
-        },
       ]}
       avatarText="Vertraut von über 500 Kunden"
       marqueeItems={[
-        {
+        { type: "text", text: "Hygienisch Rein" },
-          type: "text",
+        { type: "text", text: "Regional im Vogtland" },
-          text: "Hygienisch Rein",
+        { type: "text", text: "Seit 130 Jahren" },
-        },
+        { type: "text", text: "Professioneller Service" },
-        {
+        { type: "text", text: "Qualität aus Auerbach" },
-          type: "text",
-          text: "Regional im Vogtland",
-        },
-        {
-          type: "text",
-          text: "Seit 130 Jahren",
-        },
-        {
-          type: "text",
-          text: "Professioneller Service",
-        },
-        {
-          type: "text",
-          text: "Qualität aus Auerbach",
-        },
       ]}
     />
   </div>
@@ -118,18 +82,9 @@ export default function LandingPage() {
       title="Über 130 Jahre Tradition"
       description="Als Traditionsunternehmen verbinden wir über 130 Jahre Erfahrung mit modernster Hygienetechnik. Unsere Firmenphilosophie basiert auf Zuverlässigkeit, Regionalität und höchster Qualität in der Textilpflege."
       metrics={[
-        {
+        { value: "130+", title: "Jahre Erfahrung" },
-          value: "130+",
+        { value: "100%", title: "Hygienestandard" },
-          title: "Jahre Erfahrung",
+        { value: "Regional", title: "Im Vogtland" },
-        },
-        {
-          value: "100%",
-          title: "Hygienestandard",
-        },
-        {
-          value: "Regional",
-          title: "Im Vogtland",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448691.jpg"
       imageAlt="Textilpflege Tradition"
@@ -143,27 +98,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { tag: "Gesundheit", title: "Krankenhäuser", subtitle: "Vollversorgung", description: "Umfassende OP-Wäsche und Stationsversorgung.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-medical-mask-gloves-holding-stay-home-notebook_23-2148734898.jpg?_wi=1" },
-          tag: "Gesundheit",
+        { tag: "Hotellerie", title: "Hotels", subtitle: "Gästewäsche", description: "Erstklassige Bett- und Tischwäsche-Reinigung.", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed-decoration-bedroom-interior_1339-7134.jpg?_wi=1" },
-          title: "Krankenhäuser",
+        { tag: "Industrie", title: "Gewerbe", subtitle: "Berufskleidung", description: "Robuste Pflege für Ihre Arbeitskleidung.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138601.jpg?_wi=1" },
-          subtitle: "Vollversorgung",
-          description: "Umfassende OP-Wäsche und Stationsversorgung.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-medical-mask-gloves-holding-stay-home-notebook_23-2148734898.jpg",
-        },
-        {
-          tag: "Hotellerie",
-          title: "Hotels",
-          subtitle: "Gästewäsche",
-          description: "Erstklassige Bett- und Tischwäsche-Reinigung.",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed-decoration-bedroom-interior_1339-7134.jpg",
-        },
-        {
-          tag: "Industrie",
-          title: "Gewerbe",
-          subtitle: "Berufskleidung",
-          description: "Robuste Pflege für Ihre Arbeitskleidung.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138601.jpg",
-        },
       ]}
       title="Unsere Leistungsbereiche"
       description="Maßgeschneiderte Lösungen für Geschäftskunden und Privatpersonen."
@@ -176,41 +113,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Max Müller", handle: "Klinikum Vogtland", testimonial: "Hervorragende Qualität und Zuverlässigkeit in der OP-Wäsche.", imageSrc: "http://img.b2bpic.net/free-photo/laundress-reading_1098-13298.jpg" },
-          id: "1",
+        { id: "2", name: "Sabine Schmidt", handle: "Hotel Auerbach", testimonial: "Perfekt gepflegte Bettwäsche für unsere Gäste.", imageSrc: "http://img.b2bpic.net/free-photo/conversation-friendly-girls_1098-14531.jpg" },
-          name: "Max Müller",
+        { id: "3", name: "Thomas Weber", handle: "Pflegeheim Sonne", testimonial: "Sehr verlässlicher Partner in der Bewohnerwäsche.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg" },
-          handle: "Klinikum Vogtland",
+        { id: "4", name: "Lisa Fischer", handle: "FoodCorp AG", testimonial: "Hygiene steht bei uns an erster Stelle, danke für den Service!", imageSrc: "http://img.b2bpic.net/free-photo/waiter-with-tray_1154-3.jpg" },
-          testimonial: "Hervorragende Qualität und Zuverlässigkeit in der OP-Wäsche.",
+        { id: "5", name: "Markus Bauer", handle: "Bauunternehmen XY", testimonial: "Unsere Berufskleidung ist immer perfekt gereinigt.", imageSrc: "http://img.b2bpic.net/free-photo/successful-chiropractor-posing-medical-office-showing-thumbs-up_1098-18684.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/laundress-reading_1098-13298.jpg",
-        },
-        {
-          id: "2",
-          name: "Sabine Schmidt",
-          handle: "Hotel Auerbach",
-          testimonial: "Perfekt gepflegte Bettwäsche für unsere Gäste.",
-          imageSrc: "http://img.b2bpic.net/free-photo/conversation-friendly-girls_1098-14531.jpg",
-        },
-        {
-          id: "3",
-          name: "Thomas Weber",
-          handle: "Pflegeheim Sonne",
-          testimonial: "Sehr verlässlicher Partner in der Bewohnerwäsche.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg",
-        },
-        {
-          id: "4",
-          name: "Lisa Fischer",
-          handle: "FoodCorp AG",
-          testimonial: "Hygiene steht bei uns an erster Stelle, danke für den Service!",
-          imageSrc: "http://img.b2bpic.net/free-photo/waiter-with-tray_1154-3.jpg",
-        },
-        {
-          id: "5",
-          name: "Markus Bauer",
-          handle: "Bauunternehmen XY",
-          testimonial: "Unsere Berufskleidung ist immer perfekt gereinigt.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-chiropractor-posing-medical-office-showing-thumbs-up_1098-18684.jpg",
-        },
       ]}
       title="Stimmen unserer Kunden"
       description="Vertrauen durch Qualität – Was unsere Partner sagen."
@@ -220,15 +127,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "cell-wave" }}
-        variant: "cell-wave",
-      }}
       text="Bereit für saubere Lösungen? Kontaktieren Sie uns für ein unverbindliches Angebot!"
       buttons={[
-        {
+        { text: "Kontaktformular öffnen", href: "#" },
-          text: "Kontaktformular öffnen",
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -236,17 +138,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Textilpflege GmbH Auerbach"
-      leftLink={{
+      leftLink={{ text: "Impressum", href: "#" }}
-        text: "Impressum",
+      rightLink={{ text: "Zertifikate", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Zertifikate",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}