style: modernize About and Websites pages with subtle effects and friendlier CTA wording

apps/web/app/(site)/about/page.tsx

@@ -12,10 +12,13 @@ import {
   MonoLabel,
 } from "@/src/components/Typography";
 import { Button } from "@/src/components/Button";
+import { AbstractCircuit, GradientMesh } from "@/src/components/Effects";
+import { GlitchText } from "@/src/components/GlitchText";
 
 export default function AboutPage() {
   return (
     <div className="flex flex-col bg-white overflow-hidden relative">
+      <AbstractCircuit />
       {/* Hero Section */}
       <section className="relative pt-24 md:pt-40 pb-12 md:pb-24 overflow-hidden border-b border-slate-50">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full relative z-10">
@@ -186,27 +189,36 @@ export default function AboutPage() {
       </Section>
 
       {/* Section 04: CTA */}
-      <Section number="04" title="Kontakt" borderTop>
-        <div className="py-12 md:py-24">
+      <Section
+        number="04"
+        title="Kontakt"
+        borderTop
+        effects={<GradientMesh variant="metallic" className="opacity-60" />}
+      >
+        <div className="py-12 md:py-24 relative z-10">
           <div className="space-y-16 md:space-y-24">
             <Reveal>
               <H3 className="text-5xl md:text-8xl lg:text-9xl leading-none tracking-tighter">
                 Bereit, das Thema <br />
-                <span className="text-slate-400">abzuhaken?</span>
+                <span className="text-slate-400">
+                  <GlitchText delay={0.5} duration={1}>
+                    abzuhaken?
+                  </GlitchText>
+                </span>
               </H3>
             </Reveal>
 
             <Reveal delay={0.2}>
               <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-12">
                 <LeadText className="text-xl md:text-3xl text-slate-500 max-w-xl">
-                  Lassen Sie uns das Thema Website ein für alle Mal sinnvoll
-                  lösen.
+                  Schreiben Sie mir einfach – wir finden die beste Lösung für
+                  Ihre Website.
                 </LeadText>
                 <Button
                   href="/contact"
                   className="w-full md:w-auto px-12 py-6 text-xl"
                 >
-                  Kostenlos anfragen
+                  Sagen Sie Hallo
                 </Button>
               </div>
             </Reveal>