Switch to version 2: remove src/app/impressum/page.tsx

Merge version_3 into main

src/app/impressum/page.tsx

@@ -1,65 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import LegalSection from '@/components/legal/LegalSection';
-
-export default function ImpressumPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="mediumLarge"
-      sizing="largeSmallSizeMediumTitles"
-      background="aurora"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
-    >
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarStyleCentered
-            navItems={[
-              { name: "Startseite", id: "/" },
-              { name: "Über uns", id: "/about" },
-              { name: "Service", id: "/services" },
-              { name: "Kontakt", id: "/contact" },
-              { name: "Impressum", id: "/impressum" }
-            ]}
-            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJxMXRMqmWOWYlQx7Jjc9l9FrA/uploaded-1778014373399-ktc98mgl.jpg"
-            brandName="Austro-Tel Handyshop"
-          />
-        </div>
-
-        <div id="legal" data-section="legal">
-          <LegalSection
-            layout="page"
-            title="Impressum"
-            sections={[
-              {
-                heading: "Angaben gemäß § 5 TMG",                content: { type: "paragraph", text: "Austro-Tel Handyshop, Hauptstraße 1, 2514 Traiskirchen." }
-              },
-              {
-                heading: "Kontakt",                content: { type: "list", items: ["Telefon: 0123 456789", "E-Mail: info@austro-tel.at"] }
-              }
-            ]}
-          />
-        </div>
-
-        <div id="footer" data-section="footer">
-          <FooterSimple
-            columns={[
-              { title: "Rechtliches", items: [{ label: "Impressum", href: "/impressum" }, { label: "Datenschutz", href: "#" }] }
-            ]}
-            bottomLeftText="© 2024 Austro-Tel Handyshop"
-            bottomRightText="Alle Rechte vorbehalten."
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}

src/app/page.tsx

@@ -3,11 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Award, Star, Wrench } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -24,75 +29,258 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-            <NavbarStyleCentered
-            navItems={[
-              { name: "Startseite", id: "hero" },
-              { name: "Über uns", id: "about" },
-              { name: "Service", id: "services" },
-              { name: "Kontakt", id: "contact" },
-            ]}
-            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJxMXRMqmWOWYlQx7Jjc9l9FrA/uploaded-1778014373399-ktc98mgl.jpg"
-            brandName="Austro-Tel Handyshop"
-          />
-        </div>
+  <div id="nav" data-section="nav">
+      <NavbarStyleCentered
+      navItems={[
+        {
+          name: "Startseite",          id: "hero"},
+        {
+          name: "Über uns",          id: "about"},
+        {
+          name: "Service",          id: "services"},
+        {
+          name: "Kontakt",          id: "contact"},
+      ]}
+      brandName="Austro-Tel Handyshop"
+    />
+  </div>
 
-        <div id="hero" data-section="hero">
-            <HeroSplitDoubleCarousel
-            background={{ variant: "plain" }}
-            title="Schnelle Handyreparatur in Traiskirchen"
-            description="Dein Experte für Displaytausch, Software-Probleme und Zubehör. Faire Preise, kompetente Beratung und professionelle Hilfe für dein Smartphone."
-            leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-disassemble-phone-home-with-his-personal-portable-tool-kit-table-space-your-text-right-side_346278-1185.jpg" }]}
-            rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-hair-dryer_23-2149220596.jpg" }]}
-            buttons={[{ text: "Jetzt reparieren lassen", href: "#contact" }]}
-          />
-        </div>
+  <div id="hero" data-section="hero">
+      <HeroSplitDoubleCarousel
+      background={{
+        variant: "plain"}}
+      title="Schnelle Handyreparatur in Traiskirchen"
+      description="Dein Experte für Displaytausch, Software-Probleme und Zubehör. Faire Preise, kompetente Beratung und professionelle Hilfe für dein Smartphone."
+      leftCarouselItems={[
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-disassemble-phone-home-with-his-personal-portable-tool-kit-table-space-your-text-right-side_346278-1185.jpg",          imageAlt: "Experten Reparatur"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-screw-collection_23-2148557983.jpg",          imageAlt: "Handy Zubehör"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-using-mobile-phone-workshop_23-2147922356.jpg",          imageAlt: "Smartphone Hilfe"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/man-uses-vacuum-plug-remove-screen-from-broken-phone-his-toolkit-with-special-tools-near_346278-1191.jpg",          imageAlt: "Schneller Service"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/professional-unscrewing-case-metallic-slim-laptop-his-electric-service-lab-clean-repair-it_346278-1794.jpg",          imageAlt: "Technik Experte"},
+      ]}
+      rightCarouselItems={[
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-hair-dryer_23-2149220596.jpg",          imageAlt: "Expertise"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/professional-repairman-repairing-broken-smart-phone-showing-blank-screen-with-copy-space-advertisment_176532-10169.jpg",          imageAlt: "Qualität"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-looking-green-screen-pc-optimizing-efficiency_482257-119534.jpg",          imageAlt: "Traiskirchen Service"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-technician-hand-fixing-screw-computer-slot_23-2147923482.jpg",          imageAlt: "Zuverlässigkeit"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg",          imageAlt: "Schnelle Hilfe"},
+      ]}
+      buttons={[
+        {
+          text: "Jetzt reparieren lassen",          href: "#contact"},
+      ]}
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/male-worker-operating-automated-production-line-machine-woodworking-factory_637285-12001.jpg",          alt: "Kunde 1"},
+        {
+          src: "http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg",          alt: "Kunde 2"},
+        {
+          src: "http://img.b2bpic.net/free-photo/man-gray-t-shirt-closing-up-computer-he-repaired-his-tools-front-him-table_346278-1222.jpg",          alt: "Kunde 3"},
+        {
+          src: "http://img.b2bpic.net/free-photo/cheerful-woman-technician-lab_23-2147778875.jpg",          alt: "Kunde 4"},
+        {
+          src: "http://img.b2bpic.net/free-photo/man-removing-screws-open-up-phone_23-2148254143.jpg",          alt: "Kunde 5"},
+      ]}
+      avatarText="Über 259 zufriedene Kunden"
+      marqueeItems={[
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/man-is-prepares-smartphone-restoration-fixing-electronic-device-service-works_346278-1790.jpg",          alt: "Marke 1"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/animated-screwdriver-holding-screw_23-2149911042.jpg",          alt: "Marke 2"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/electronic-technician-holds-two-identical-smartphones-comparison-one-hand-broken-another-new_613910-20299.jpg",          alt: "Marke 3"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/master-cleans-mobile-phone-after-successful-restoration-with-white-cloth-near-his-professional-instruments-tool-bag-wooden-table_346278-1791.jpg",          alt: "Marke 4"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/radiotrician-with-blue-protective-gloves-holding-smart-phone-with-blank-screen-trying-find-cause-malfunction_176532-10170.jpg",          alt: "Marke 5"},
+      ]}
+    />
+  </div>
 
-        <div id="about" data-section="about">
-            <SplitAbout
-            textboxLayout="split"
-            useInvertedBackground={false}
-            title="Ihr lokaler Partner für Mobilfunk"
-            description="Austro-Tel Handyshop steht für Qualität, Transparenz und Fachwissen."
-            bulletPoints={[
-              { title: "4,8 Sterne Zufriedenheit", description: "Basierend auf über 259 Bewertungen." },
-              { title: "Fachkundige Beratung", description: "Kompetenz für alle Marken." }
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop-hold-new-smartphone-hand_627829-4967.jpg"
-          />
-        </div>
+  <div id="about" data-section="about">
+      <SplitAbout
+      textboxLayout="split"
+      useInvertedBackground={false}
+      title="Ihr lokaler Partner für Mobilfunk"
+      description="Austro-Tel Handyshop steht für Qualität, Transparenz und Fachwissen. Seit Jahren sind wir Ihre erste Anlaufstelle für Reparaturen und Zubehör in Traiskirchen."
+      bulletPoints={[
+        {
+          title: "4,8 Sterne Zufriedenheit",          description: "Basierend auf über 259 Bewertungen."},
+        {
+          title: "Fachkundige Beratung",          description: "Kompetenz für alle Marken und Modelle."},
+        {
+          title: "Schnelle Reparatur",          description: "Wir wissen, wie wichtig Ihr Handy für Sie ist."},
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop-hold-new-smartphone-hand_627829-4967.jpg"
+      mediaAnimation="slide-up"
+    />
+  </div>
 
-        <div id="services" data-section="services">
-            <FeatureCardSixteen
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={true}
-            negativeCard={{ items: ["Entsperrung", "Datenrettung"] }}
-            positiveCard={{ items: ["Displaytausch", "Akkuaustausch"] }}
-            title="Unsere Dienstleistungen"
-            description="Von Display-Schäden bis zu komplexen technischen Problemen."
-          />
-        </div>
+  <div id="services" data-section="services">
+      <FeatureCardSixteen
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      negativeCard={{
+        items: [
+          "Entsperrung",          "Datenrettung",          "Software-Optimierung",          "Ladekabel Beratung"],
+      }}
+      positiveCard={{
+        items: [
+          "Displaytausch",          "Akkuaustausch",          "Zubehörverkauf",          "Technische Hilfe"],
+      }}
+      title="Unsere Dienstleistungen"
+      description="Von einfachen Display-Schäden bis zu komplexen technischen Problemen."
+    />
+  </div>
 
-        <div id="contact" data-section="contact">
-            <ContactSplitForm
-            useInvertedBackground={false}
-            title="Kontaktieren Sie uns"
-            description="Besuchen Sie uns in Traiskirchen oder schreiben Sie uns."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Ihr Name" },
-              { name: "email", type: "email", placeholder: "Ihre E-Mail" }
-            ]}
-          />
-        </div>
+  <div id="products" data-section="products">
+      <ProductCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="four-items-2x2-equal-grid"
+      useInvertedBackground={false}
+      products={[
+        {
+          id: "1",          name: "Ladekabel USB-C",          price: "14,99 €",          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg"},
+        {
+          id: "2",          name: "Schutzhüllen",          price: "19,99 €",          imageSrc: "http://img.b2bpic.net/free-photo/bit-screw-driver-with-small-screw-magnetised-it-fixing-electronic-device-concept_346278-1778.jpg"},
+        {
+          id: "3",          name: "Panzerglas",          price: "9,99 €",          imageSrc: "http://img.b2bpic.net/free-photo/close-view-master-uses-pincher-tool-remove-sim-card-slot-from-smart-phone-while-disassembling-it_346278-1186.jpg"},
+        {
+          id: "4",          name: "KFZ Halterungen",          price: "24,99 €",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-making-photo-her-beautiful-beads-bracelets-via-smartphone_613910-17290.jpg"},
+        {
+          id: "5",          name: "Powerbanks",          price: "34,99 €",          imageSrc: "http://img.b2bpic.net/free-photo/master-uses-small-suction-cup-remove-battery-cells-from-broken-laptop-repair-clean-it-his-laboratory-with-special-tools-table-around_346278-1803.jpg"},
+        {
+          id: "6",          name: "Kopfhörer",          price: "49,99 €",          imageSrc: "http://img.b2bpic.net/free-photo/yellow-surface-with-blank-notebook-tools-father-s-day_23-2147684760.jpg"},
+      ]}
+      title="Unser Zubehörsortiment"
+      description="Hochwertiges Zubehör für alle gängigen Smartphone-Modelle."
+    />
+  </div>
 
-        <div id="footer" data-section="footer">
-            <FooterSimple
-            columns={[{ title: "Rechtliches", items: [{ label: "Impressum", href: "#legal" }, { label: "Datenschutz", href: "#" }] }]}
-            bottomLeftText="© 2024 Austro-Tel Handyshop"
-            bottomRightText="Alle Rechte vorbehalten."
-          />
-        </div>
+  <div id="metrics" data-section="metrics">
+      <MetricCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="bento-grid"
+      useInvertedBackground={true}
+      metrics={[
+        {
+          id: "m1",          value: "259+",          title: "Google-Bewertungen",          description: "Kundenzufriedenheit auf höchstem Niveau",          icon: Star,
+        },
+        {
+          id: "m2",          value: "4,8",          title: "Sterne-Bewertung",          description: "Ausgezeichnet durch unsere Kunden",          icon: Award,
+        },
+        {
+          id: "m3",          value: "1000+",          title: "Reparaturen",          description: "Pro Jahr erfolgreich durchgeführt",          icon: Wrench,
+        },
+      ]}
+      title="Austro-Tel in Zahlen"
+      description="Erfolge, die wir täglich für unsere Kunden erzielen."
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardFifteen
+      useInvertedBackground={false}
+      testimonial="Super freundlich und sehr kompetent! Mein Display wurde innerhalb einer Stunde repariert. Die Preise sind absolut fair."
+      rating={5}
+      author="Markus S."
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/close-up-young-technician-wearing-protection-glasses-gloves-while-checking-damaged-microprocessor-chip-computer_662251-142.jpg",          alt: "Markus S."},
+        {
+          src: "http://img.b2bpic.net/free-photo/blue-screwdriver-isolated-white-scene_181624-48129.jpg",          alt: "Sabine M."},
+        {
+          src: "http://img.b2bpic.net/free-photo/top-view-circuit-board-repair_23-2148419137.jpg",          alt: "Thomas L."},
+        {
+          src: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880966.jpg",          alt: "Julia K."},
+        {
+          src: "http://img.b2bpic.net/free-photo/side-view-master-uses-pincher-tool-remove-sim-card-slot-from-smart-phone-while-disassembling-it_346278-1187.jpg",          alt: "Andreas P."},
+      ]}
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
+    />
+  </div>
+
+  <div id="faq" data-section="faq">
+      <FaqSplitText
+      useInvertedBackground={true}
+      faqs={[
+        {
+          id: "f1",          title: "Wie lange dauert eine Reparatur?",          content: "Meistens ist Ihr Gerät innerhalb weniger Stunden fertig."},
+        {
+          id: "f2",          title: "Reparieren Sie alle Modelle?",          content: "Ja, wir decken alle gängigen Smartphone-Marken ab."},
+        {
+          id: "f3",          title: "Bieten Sie Garantie?",          content: "Wir geben selbstverständlich Garantie auf unsere Reparaturleistung."},
+      ]}
+      sideTitle="Häufige Fragen"
+      faqsAnimation="slide-up"
+    />
+  </div>
+
+  <div id="contact" data-section="contact">
+      <ContactSplitForm
+      useInvertedBackground={false}
+      title="Kontaktieren Sie uns"
+      description="Besuchen Sie uns in der Otto Glöckel-Straße 1, 2514 Traiskirchen, schreiben Sie uns an support.austrotel@hotmail.com oder rufen Sie uns direkt an unter 02252 521031."
+      inputs={[
+        {
+          name: "name",          type: "text",          placeholder: "Ihr Name"},
+        {
+          name: "email",          type: "email",          placeholder: "Ihre E-Mail"},
+        {
+          name: "phone",          type: "tel",          placeholder: "Ihre Telefonnummer"},
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/master-holds-new-screen-replacement-disassembled-smartphone-his-laboratory-tool-kit-with-instruments-laptop-front-him-white-table-space-your-text-right_346278-1201.jpg"
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterSimple
+      columns={[
+        {
+          title: "Austro-Tel Handyshop",          items: [
+            {
+              label: "Otto Glöckel-Straße 1",              href: "#"},
+            {
+              label: "2514 Traiskirchen",              href: "#"},
+          ],
+        },
+        {
+          title: "Kontakt",          items: [
+            {
+              label: "02252 521031",              href: "tel:02252521031"},
+            {
+              label: "support.austrotel@hotmail.com",              href: "mailto:support.austrotel@hotmail.com"},
+            {
+              label: "E-Mail senden",              href: "#contact"},
+          ],
+        },
+        {
+          title: "Rechtliches",          items: [
+            {
+              label: "Impressum",              href: "#"},
+            {
+              label: "Datenschutz",              href: "#"},
+          ],
+        },
+      ]}
+      bottomLeftText="© 2024 Austro-Tel Handyshop"
+      bottomRightText="Alle Preise inkl. MwSt."
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );