import Image from "next/image";
import React from "react";

const About = () => {

    return (
        <div
            className="pt-24 pb-16 transition-theme"
            style={{
                backgroundColor: "var(--secondary-bg)", // Using CSS variable
                color: "var(--primary-text)", // Ensuring text color follows theme
                transition: "background-color 0.5s ease, color 0.5s ease", // Smooth transition
            }}>
            <h1
                className="mt-6 text-2xl md:text-3xl capitalize font-bold text-center"
                data-aos="fade-up"
                style={{color: "var(--primary-text)"}}>
                Über Uns
            </h1>
            <div className="w-[95%] sm:w-[80%] mx-auto items-center grid grid-cols-1 lg:grid-cols-2 gap-6 mt-10">
                <div className="flex flex-col items-center" data-aos="fade-up" data-aos-anchor-placement="top-center">
                    <Image
                        src="/images/About_Picture.png"
                        alt="image"
                        width={400}
                        height={400}
                        className="object-contain"
                    />
                </div>
                <div className="p-0">
                    <p
                        className="mt-4 text-sm font-medium leading-[2rem]"
                        data-aos="fade-up"
                        data-aos-delay="200"
                        style={{color: "var(--secondary-text)"}}
                    >
                        Wir sind Rhein Software Development – ein Team, das sich auf maßgeschneiderte Softwarelösungen
                        und zuverlässige digitale Services spezialisiert hat. Unser Fokus liegt darauf, Software zu
                        entwickeln, die nicht nur funktioniert, sondern langfristig überzeugt.
                    </p>
                    <p
                        className="mt-4 text-sm font-medium leading-[2rem]"
                        data-aos="fade-up"
                        data-aos-delay="200"
                        style={{color: "var(--secondary-text)"}}
                    >
                        Von der ersten Idee bis zur fertigen Anwendung begleiten wir Unternehmen, Startups und
                        individuelle Projekte mit einer klaren Strategie und einem hohen Anspruch an Qualität. Wir
                        glauben daran, dass gute Software nicht kompliziert sein muss – sondern effizient, intuitiv und
                        zukunftssicher.
                    </p>
                </div>
            </div>
        </div>
    );
};

export default About;