61 lines
2.3 KiB
TypeScript
61 lines
2.3 KiB
TypeScript
'use client';
|
||
|
||
import React from "react";
|
||
import {motion} from "framer-motion";
|
||
import {useThemeColors} from "@/utils/useThemeColors";
|
||
|
||
const Consulting = () => {
|
||
const colors = useThemeColors();
|
||
|
||
return (
|
||
<div
|
||
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>
|
||
<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}}
|
||
>
|
||
🧠 Technische Beratung
|
||
</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 unterstützen dich dabei, technische Entscheidungen fundiert zu treffen – von der Auswahl
|
||
geeigneter Technologien bis hin zur Planung skalierbarer Architekturen. Gemeinsam finden wir den
|
||
effizientesten Weg von der Idee bis zur Umsetzung – praxisnah, zielgerichtet und verständlich.
|
||
</motion.p>
|
||
|
||
<motion.h3
|
||
className="mt-8 text-lg font-semibold"
|
||
initial={{opacity: 0}}
|
||
whileInView={{opacity: 1}}
|
||
transition={{duration: 0.4, delay: 0.2}}
|
||
>
|
||
🔍 Themenbereiche
|
||
</motion.h3>
|
||
|
||
<ul
|
||
className="list-disc list-inside text-sm mt-4 space-y-1"
|
||
style={{color: colors.secondaryText}}
|
||
>
|
||
<li>Software-Architektur & Microservices</li>
|
||
<li>Technologie- und Framework-Auswahl</li>
|
||
<li>Prototyping & Machbarkeitsanalysen</li>
|
||
<li>Projektplanung und agile Methodik</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default Consulting;
|