import { cn } from "@/lib/utils";

interface About19Props {
  className?: string;
}

const About19 = ({ className }: About19Props) => {
  return (
    <section className={cn("py-32", className)}>
      <div className="container">
        <div className="grid grid-cols-1 gap-15 lg:grid-cols-7 lg:gap-1">
          <div className="col-span-4 h-120">
            <img
              src="/about.jpg"
              alt=""
              className="h-full w-full object-cover rounded-xl shadow-md"
            />
          </div>

          <div className="col-span-3 ml-auto max-w-4xl space-y-15 lg:pl-15">
            <h1 className="text-2xl font-medium tracking-tight">
              Hallo, ich bin Matthias.
            </h1>
            <p className="text-base text-foreground/40 lg:text-lg">
              Ich bin in der Region aufgewachsen, war durch die Bundeswehr viele Jahre weg — und bin jetzt zurück. Und ich plane zu bleiben.
            </p>
            <p className="text-base text-foreground/40 lg:text-lg">
              Seit über 15 Jahren beschäftige ich mich mit Webentwicklung und Software. Einen Großteil davon intern für die Bundeswehr — Projekte die ich Ihnen leider nicht zeigen kann. Was ich Ihnen zeigen kann: Wie ich arbeite. Zuverlässig, präzise und ohne unnötigen Schnickschnack.
            </p>
            <p className="text-base text-foreground/40 lg:text-lg">
              Neben Websites für regionale Unternehmen entwickle ich eigene Software und Apps. Das bedeutet: Wenn Ihre Anforderungen irgendwann über eine einfache Website hinausgehen, bin ich noch immer der richtige Ansprechpartner.
            </p>
            <p className="text-base text-foreground/40 lg:text-lg">
              Mein Ziel ist es, Unternehmen aus der Region — Handwerker, Friseure, Ärzte — mit dem auszustatten, was Großstadtagenturen ihren Kunden für viel mehr Geld verkaufen. Eine Website die funktioniert, gefunden wird und Ihnen keine Kopfschmerzen macht.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
};

export { About19 };