Merge branch 'homepage-refactoring-pt4' into 'dev'

Homepage refactoring pt4

See merge request rheinsw/website!31

components/Services/Section/overview/BugFixing.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import React from "react";
-import Image from "next/image";
 import {motion} from "framer-motion";
 import {useThemeColors} from "@/utils/useThemeColors";
 
@@ -10,7 +9,7 @@ const BugFixing = () => {
 
     return (
         <div
-            className="w-[95%] sm:w-[80%] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-6 mt-8 mb-16"
+            className="w-[95%] mx-auto grid grid-cols-1 gap-6 mt-8 mb-16 text-left"
             style={{color: colors.primaryText}}
         >
             <div>
@@ -22,6 +21,7 @@ const BugFixing = () => {
                 >
                     🐞 Fehlerbehebung & Optimierung
                 </motion.h2>
+
                 <motion.p
                     className="text-sm font-medium leading-7"
                     style={{color: colors.secondaryText}}
@@ -41,28 +41,17 @@ const BugFixing = () => {
                 >
                     🔎 Fokusbereiche
                 </motion.h3>
-                <ul className="list-disc list-inside text-sm mt-4 space-y-1" style={{color: colors.secondaryText}}>
+
+                <ul
+                    className="list-disc list-inside text-sm mt-4 space-y-1"
+                    style={{color: colors.secondaryText}}
+                >
                     <li>Debugging & Troubleshooting</li>
                     <li>Performance-Analyse</li>
                     <li>Refactoring von Legacy-Code</li>
                     <li>Stabilitäts- und Sicherheitsupdates</li>
                 </ul>
             </div>
-            <div className="justify-self-center">
-                <motion.div
-                    initial={{opacity: 0, y: 20}}
-                    whileInView={{opacity: 1, y: 0}}
-                    transition={{duration: 0.5, delay: 0.3}}
-                >
-                    <Image
-                        src="/images/bug_fixing.jpg"
-                        alt="Bug fixing illustration"
-                        width={300}
-                        height={300}
-                        className="object-contain"
-                    />
-                </motion.div>
-            </div>
         </div>
     );
 };

components/Services/Section/overview/Consulting.tsx

@@ -9,7 +9,7 @@ const Consulting = () => {
 
     return (
         <div
-            className="w-[95%] sm:w-[80%] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-6 mt-8 mb-16 text-left"
+            className="w-[95%] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-6 mt-8 mb-16 text-left"
             style={{color: colors.primaryText}}
         >
             <div>

components/Services/Section/overview/Development.tsx

@@ -101,7 +101,7 @@ const Development = () => {
 
     return (
         <div
-            className="w-[95%] sm:w-[80%] mx-auto grid grid-cols-1 gap-6 mt-8 mb-16 text-left"
+            className="w-[95%] mx-auto grid grid-cols-1 gap-6 mt-8 mb-16 text-left"
             style={{color: colors.primaryText}}
         >
             <div>

components/Services/Section/overview/ManagedServices.tsx

@@ -9,7 +9,7 @@ const ManagedServices = () => {
 
     return (
         <div
-            className="w-[95%] sm:w-[80%] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-6 mt-8 mb-16 text-left"
+            className="w-[95%] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-6 mt-8 mb-16 text-left"
             style={{color: colors.primaryText}}
         >
             <div>