Migrate from old project

components/Home/About/About.tsx

@@ -0,0 +1,58 @@
+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;