60 lines
2.1 KiB
TypeScript
60 lines
2.1 KiB
TypeScript
'use client';
|
|
|
|
import React from "react";
|
|
import {motion} from "framer-motion";
|
|
import {useThemeColors} from "@/utils/useThemeColors";
|
|
|
|
const BugFixing = () => {
|
|
const colors = useThemeColors();
|
|
|
|
return (
|
|
<div
|
|
className="w-[95%] mx-auto grid grid-cols-1 gap-6 mt-8 mb-16 text-left"
|
|
style={{color: colors.primaryText}}
|
|
>
|
|
<div>
|
|
<motion.h2
|
|
className="text-xl sm:text-2xl md:text-3xl font-bold mb-4"
|
|
initial={{opacity: 0, y: 20}}
|
|
whileInView={{opacity: 1, y: 0}}
|
|
transition={{duration: 0.5}}
|
|
>
|
|
🐞 Fehlerbehebung & Optimierung
|
|
</motion.h2>
|
|
|
|
<motion.p
|
|
className="text-sm font-medium leading-7"
|
|
style={{color: colors.secondaryText}}
|
|
initial={{opacity: 0, y: 10}}
|
|
whileInView={{opacity: 1, y: 0}}
|
|
transition={{duration: 0.5, delay: 0.2}}
|
|
>
|
|
Wir analysieren und beheben Fehler in bestehenden Systemen, optimieren die Performance und sorgen
|
|
dafür, dass deine Software stabil und zuverlässig läuft.
|
|
</motion.p>
|
|
|
|
<motion.h3
|
|
className="mt-8 text-lg font-semibold"
|
|
initial={{opacity: 0}}
|
|
whileInView={{opacity: 1}}
|
|
transition={{duration: 0.4, delay: 0.2}}
|
|
>
|
|
🔎 Fokusbereiche
|
|
</motion.h3>
|
|
|
|
<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>
|
|
);
|
|
};
|
|
|
|
export default BugFixing;
|