'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;