From f0fafc47ee03bd2b8424d29fd68f60d8b6e67d54 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 11 Jun 2026 11:15:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 268 +++++++++++------------------------------------
 1 file changed, 60 insertions(+), 208 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 196e2be..8547e3e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,56 +34,37 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "About Us",
-          id: "#about",
-        },
+          name: "About Us",          id: "#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Products",
-          id: "#products",
-        },
+          name: "Products",          id: "#products"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/technology-logo-collection-gradient-style_52683-14096.jpg"
       logoAlt="Büsser Informatik Logo"
       brandName="Büsser Informatik"
       button={{
-        text: "Get a Quote",
-        href: "#contact",
-      }}
+        text: "Get a Quote",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       logoText="Büsser Informatik GmbH"
       description="Your trusted partner for comprehensive IT services, from expert consulting and sales to seamless installation and reliable support."
       buttons={[
         {
-          text: "Explore Services",
-          href: "#services",
-        },
+          text: "Explore Services",          href: "#services"},
         {
-          text: "Get in Touch",
-          href: "#contact",
-        },
+          text: "Get in Touch",          href: "#contact"},
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/federal-anti-terrorism-command-center-with-big-screen-radar-surveillance_482257-90030.jpg"
@@ -100,17 +81,11 @@ export default function LandingPage() {
       description="Büsser Informatik GmbH offers comprehensive IT solutions tailored to your needs. With years of experience, we provide expert advice, high-quality hardware and software, and dedicated support for individuals and businesses."
       metrics={[
         {
-          value: "25+",
-          title: "Years Experience",
-        },
+          value: "25+",          title: "Years Experience"},
         {
-          value: "99%",
-          title: "Client Satisfaction",
-        },
+          value: "99%",          title: "Client Satisfaction"},
         {
-          value: "24/7",
-          title: "Dedicated Support",
-        },
+          value: "24/7",          title: "Dedicated Support"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/diverse-group-professionals-review-files-performance-metrics-using-projections-budgeting_482257-136482.jpg"
       imageAlt="IT team collaborating in a modern office"
@@ -126,35 +101,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "consulting",
-          title: "Expert Consulting",
-          descriptions: [
-            "Tailored advice for your IT infrastructure and digital strategy.",
-            "Optimize your systems for peak performance and security.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/administrator-assistant-gather-data-from-monthly-reports-reviewing-performance-metrics_482257-133739.jpg",
-          imageAlt: "Professional IT consultant explaining data to a client",
-        },
+          id: "consulting",          title: "Expert Consulting",          descriptions: [
+            "Tailored advice for your IT infrastructure and digital strategy.",            "Optimize your systems for peak performance and security."],
+          imageSrc: "http://img.b2bpic.net/free-photo/administrator-assistant-gather-data-from-monthly-reports-reviewing-performance-metrics_482257-133739.jpg",          imageAlt: "Professional IT consultant explaining data to a client"},
         {
-          id: "sales",
-          title: "Hardware & Software Sales",
-          descriptions: [
-            "Access to leading brands and the latest technology.",
-            "Curated products that meet your specific requirements.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-mobile-phone_1301-6645.jpg",
-          imageAlt: "Person installing software on a laptop",
-        },
+          id: "sales",          title: "Hardware & Software Sales",          descriptions: [
+            "Access to leading brands and the latest technology.",            "Curated products that meet your specific requirements."],
+          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-mobile-phone_1301-6645.jpg",          imageAlt: "Person installing software on a laptop"},
         {
-          id: "support",
-          title: "Installation & Support",
-          descriptions: [
-            "Seamless setup of new systems and network components.",
-            "Reliable, prompt support to keep your operations running smoothly.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150881005.jpg",
-          imageAlt: "IT technician helping a user with a computer problem",
-        },
+          id: "support",          title: "Installation & Support",          descriptions: [
+            "Seamless setup of new systems and network components.",            "Reliable, prompt support to keep your operations running smoothly."],
+          imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150881005.jpg",          imageAlt: "IT technician helping a user with a computer problem"},
       ]}
       title="Our Comprehensive IT Services"
       description="From initial consultation to ongoing maintenance, we cover all your IT needs with professionalism and efficiency."
@@ -170,53 +127,17 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "product-1",
-          name: "High-Performance Business Laptop",
-          price: "CHF 1'499",
-          variant: "Intel i7, 16GB RAM, 512GB SSD",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-464.jpg",
-          imageAlt: "Sleek business laptop",
-        },
+          id: "product-1",          name: "High-Performance Business Laptop",          price: "CHF 1'499",          variant: "Intel i7, 16GB RAM, 512GB SSD",          imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-464.jpg",          imageAlt: "Sleek business laptop"},
         {
-          id: "product-2",
-          name: "Enterprise Cloud Server",
-          price: "CHF 3'800",
-          variant: "Scalable, Secure, Reliable",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-network-switch-with-optical-fiber-cables_23-2148242677.jpg",
-          imageAlt: "Enterprise cloud server",
-        },
+          id: "product-2",          name: "Enterprise Cloud Server",          price: "CHF 3'800",          variant: "Scalable, Secure, Reliable",          imageSrc: "http://img.b2bpic.net/free-photo/black-network-switch-with-optical-fiber-cables_23-2148242677.jpg",          imageAlt: "Enterprise cloud server"},
         {
-          id: "product-3",
-          name: "Managed Wi-Fi Router",
-          price: "CHF 349",
-          variant: "Dual-Band, High-Speed",
-          imageSrc: "http://img.b2bpic.net/free-photo/irritated-african-american-man-struggling-reach-internet-provider_482257-119309.jpg",
-          imageAlt: "High-performance wireless router",
-        },
+          id: "product-3",          name: "Managed Wi-Fi Router",          price: "CHF 349",          variant: "Dual-Band, High-Speed",          imageSrc: "http://img.b2bpic.net/free-photo/irritated-african-american-man-struggling-reach-internet-provider_482257-119309.jpg",          imageAlt: "High-performance wireless router"},
         {
-          id: "product-4",
-          name: "Advanced Cybersecurity Suite",
-          price: "CHF 199/year",
-          variant: "Endpoint Protection, Threat Detection",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-safety-concept-with-chain-padlock-keyboard-wooden-cubes-white-background-flat-lay_176474-7658.jpg",
-          imageAlt: "Cybersecurity software icon",
-        },
+          id: "product-4",          name: "Advanced Cybersecurity Suite",          price: "CHF 199/year",          variant: "Endpoint Protection, Threat Detection",          imageSrc: "http://img.b2bpic.net/free-photo/cyber-safety-concept-with-chain-padlock-keyboard-wooden-cubes-white-background-flat-lay_176474-7658.jpg",          imageAlt: "Cybersecurity software icon"},
         {
-          id: "product-5",
-          name: "Automated Data Backup Solution",
-          price: "CHF 99/month",
-          variant: "Cloud & Local Storage",
-          imageSrc: "http://img.b2bpic.net/free-photo/storage-cloud_1048-1655.jpg",
-          imageAlt: "Data backup icon with cloud",
-        },
+          id: "product-5",          name: "Automated Data Backup Solution",          price: "CHF 99/month",          variant: "Cloud & Local Storage",          imageSrc: "http://img.b2bpic.net/free-photo/storage-cloud_1048-1655.jpg",          imageAlt: "Data backup icon with cloud"},
         {
-          id: "product-6",
-          name: "Hybrid Cloud Integration",
-          price: "Custom Quote",
-          variant: "Seamless Migration & Management",
-          imageSrc: "http://img.b2bpic.net/free-photo/cloud-upload-icon-line-connection-circuit-board_1379-890.jpg",
-          imageAlt: "Hybrid cloud services illustration",
-        },
+          id: "product-6",          name: "Hybrid Cloud Integration",          price: "Custom Quote",          variant: "Seamless Migration & Management",          imageSrc: "http://img.b2bpic.net/free-photo/cloud-upload-icon-line-connection-circuit-board_1379-890.jpg",          imageAlt: "Hybrid cloud services illustration"},
       ]}
       title="Products We Provide & Support"
       description="We offer a curated selection of hardware and software solutions to empower your business with the best technology."
@@ -230,31 +151,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "metric-1",
-          value: "1000+",
-          title: "Projects Completed",
-          items: [
-            "Successful migrations",
-            "System upgrades",
-          ],
+          id: "metric-1",          value: "1000+",          title: "Projects Completed",          items: [
+            "Successful migrations",            "System upgrades"],
         },
         {
-          id: "metric-2",
-          value: "250+",
-          title: "Happy Clients",
-          items: [
-            "Small businesses",
-            "Private individuals",
-          ],
+          id: "metric-2",          value: "250+",          title: "Happy Clients",          items: [
+            "Small businesses",            "Private individuals"],
         },
         {
-          id: "metric-3",
-          value: "98%",
-          title: "Uptime Guarantee",
-          items: [
-            "Reliable systems",
-            "Proactive monitoring",
-          ],
+          id: "metric-3",          value: "98%",          title: "Uptime Guarantee",          items: [
+            "Reliable systems",            "Proactive monitoring"],
         },
       ]}
       title="Our Impact & Reliability"
@@ -271,45 +177,20 @@ export default function LandingPage() {
       carouselMode="buttons"
       testimonials={[
         {
-          id: "1",
-          name: "Anna Keller",
-          role: "CEO",
-          company: "K-Tech Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
-        },
+          id: "1",          name: "Anna Keller",          role: "CEO",          company: "K-Tech Solutions",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg"},
         {
-          id: "2",
-          name: "Markus Schmidt",
-          role: "CTO",
-          company: "DataFlow AG",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg",
-        },
+          id: "2",          name: "Markus Schmidt",          role: "CTO",          company: "DataFlow AG",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg"},
         {
-          id: "3",
-          name: "Lena Meier",
-          role: "Marketing Director",
-          company: "Creative Minds",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",
-        },
+          id: "3",          name: "Lena Meier",          role: "Marketing Director",          company: "Creative Minds",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg"},
         {
-          id: "4",
-          name: "Dominik Fuchs",
-          role: "Product Manager",
-          company: "Innovate GmbH",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-        },
+          id: "4",          name: "Dominik Fuchs",          role: "Product Manager",          company: "Innovate GmbH",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
         {
-          id: "5",
-          name: "Sandra Müller",
-          role: "Small Business Owner",
-          company: "Local Bakery",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
-        },
+          id: "5",          name: "Sandra Müller",          role: "Small Business Owner",          company: "Local Bakery",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg"},
       ]}
       title="What Our Clients Say"
       description="Hear directly from satisfied customers about how Büsser Informatik has empowered their businesses."
@@ -321,14 +202,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "GlobalTech Solutions",
-        "Innovate Data Corp",
-        "Synergy Systems",
-        "CloudWorks Services",
-        "CyberGuard Solutions",
-        "Quantum Analytics",
-        "GreenTech Innovations",
-      ]}
+        "GlobalTech Solutions",        "Innovate Data Corp",        "Synergy Systems",        "CloudWorks Services",        "CyberGuard Solutions",        "Quantum Analytics",        "GreenTech Innovations"]}
       title="Trusted by Leading Businesses"
       description="Our partnerships demonstrate our commitment to excellence and reliability across various industries."
       speed={50}
@@ -341,33 +215,18 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "What IT services does Büsser Informatik offer?",
-          content: "We offer a full range of IT services including consulting, hardware and software sales, installation, network setup, cybersecurity solutions, and ongoing technical support for both private and business clients.",
-        },
+          id: "q1",          title: "Welche IT-Dienstleistungen bietet Büsser Informatik an?",          content: "Wir bieten eine umfassende Palette von IT-Dienstleistungen an, einschliesslich Beratung, Hard- und Softwareverkauf, Installation, Netzwerk-Setup, Cybersecurity-Lösungen und fortlaufenden technischen Support für Privat- und Geschäftskunden."},
         {
-          id: "q2",
-          title: "Do you provide on-site support?",
-          content: "Yes, our technicians provide efficient on-site support for installation, troubleshooting, and maintenance, ensuring minimal disruption to your operations.",
-        },
+          id: "q2",          title: "Bieten Sie Vor-Ort-Support an?",          content: "Ja, unsere Techniker bieten effizienten Vor-Ort-Support für Installation, Fehlerbehebung und Wartung, um minimale Betriebsunterbrechungen zu gewährleisten."},
         {
-          id: "q3",
-          title: "Can you help with data recovery and backup solutions?",
-          content: "Absolutely. We specialize in robust data backup solutions, including cloud and local storage, and can assist with data recovery to safeguard your valuable information.",
-        },
+          id: "q3",          title: "Können Sie bei Datenwiederherstellung und Backup-Lösungen helfen?",          content: "Absolut. Wir sind spezialisiert auf robuste Datenbackup-Lösungen, einschliesslich Cloud- und lokaler Speicherung, und können bei der Datenwiederherstellung helfen, um Ihre wertvollen Informationen zu schützen."},
         {
-          id: "q4",
-          title: "What kind of cybersecurity solutions do you offer?",
-          content: "Our cybersecurity services include endpoint protection, firewall configuration, threat detection, data encryption, and employee training to protect your systems from evolving digital threats.",
-        },
+          id: "q4",          title: "Welche Art von Cybersecurity-Lösungen bieten Sie an?",          content: "Unsere Cybersecurity-Dienstleistungen umfassen Endpunktschutz, Firewall-Konfiguration, Bedrohungserkennung, Datenverschlüsselung und Mitarbeiterschulungen, um Ihre Systeme vor sich entwickelnden digitalen Bedrohungen zu schützen."},
         {
-          id: "q5",
-          title: "How do I request a consultation or support?",
-          content: "You can easily reach us via phone at 052 338 11 11, email at info@buesser.ch, or by filling out the contact form on our website. We're here to help!",
-        },
+          id: "q5",          title: "Wie beantrage ich eine Beratung oder Support?",          content: "Sie erreichen uns einfach telefonisch unter 052 338 11 11, per E-Mail an info@buesser.ch oder über das Kontaktformular auf unserer Website. Wir sind für Sie da!"},
       ]}
-      title="Frequently Asked Questions"
-      description="Find quick answers to common questions about our IT services, products, and support."
+      title="Häufig gestellte Fragen"
+      description="Finden Sie schnelle Antworten auf häufige Fragen zu unseren IT-Dienstleistungen, Produkten und Support."
       faqsAnimation="slide-up"
     />
   </div>
@@ -376,22 +235,17 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get in Touch"
+        variant: "sparkles-gradient"}}
+      tag="Kontaktieren Sie uns"
       tagIcon={Zap}
       tagAnimation="slide-up"
-      title="Ready to Elevate Your IT Infrastructure?"
-      description="Contact Büsser Informatik GmbH today for a personalized consultation and discover how our expert IT solutions can benefit your business."
+      title="Bereit, Ihre IT-Infrastruktur zu optimieren?"
+      description="Kontaktieren Sie Büsser Informatik GmbH noch heute für eine persönliche Beratung und entdecken Sie, wie unsere Experten-IT-Lösungen Ihrem Unternehmen zugutekommen können."
       buttons={[
         {
-          text: "Call Us: 052 338 11 11",
-          href: "tel:+41523381111",
-        },
+          text: "Rufen Sie uns an: 052 338 11 11",          href: "tel:+41523381111"},
         {
-          text: "Email Us",
-          href: "mailto:info@buesser.ch",
-        },
+          text: "Senden Sie uns eine E-Mail",          href: "mailto:info@buesser.ch"},
       ]}
       buttonAnimation="opacity"
     />
@@ -402,13 +256,11 @@ export default function LandingPage() {
       logoSrc="http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151496791.jpg"
       logoAlt="Büsser Informatik Logo"
       logoText="Büsser Informatik GmbH"
-      copyrightText="© 2024 Büsser Informatik GmbH. All rights reserved."
+      copyrightText="© 2024 Büsser Informatik GmbH. Alle Rechte vorbehalten."
       socialLinks={[
         {
           icon: Linkedin,
-          href: "https://www.linkedin.com/company/büsser-informatik-gmbh",
-          ariaLabel: "LinkedIn",
-        },
+          href: "https://www.linkedin.com/company/büsser-informatik-gmbh",          ariaLabel: "LinkedIn"},
       ]}
     />
   </div>