59 lines
2.6 KiB
TypeScript
59 lines
2.6 KiB
TypeScript
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;
|