feat: redesign page heroes, implement organic markers, and streamline contact flow

- Refined hero sections for About, Blog, Websites, and Case Studies for a bespoke industrial entry point.
- Redesigned Marker component using layered SVG paths for an organic, hand-drawn highlighter effect.
- Restored technical precision in ArchitectureVisualizer with refined line thickness.
- Streamlined contact page by removing generic headers and prioritizing the configurator/gateway.
- Updated technical references to reflect self-hosted Gitea infrastructure.
- Cleaned up unused imports and addressed linting warnings across modified pages.

apps/web/app/case-studies/klz-cables/page.tsx

@@ -205,11 +205,11 @@ export default function KLZCablesCaseStudy() {
                         icon: <Cpu className="w-5 h-5 text-slate-400" />,
                       },
                     ].map((item, i) => (
-                      <motion.div
+                      <Reveal
                         key={i}
-                        initial={{ x: -20, opacity: 0 }}
-                        whileInView={{ x: 0, opacity: 1 }}
-                        transition={{ delay: 0.5 + i * 0.1, duration: 0.5 }}
+                        direction="right"
+                        delay={0.5 + i * 0.1}
+                        width="100%"
                         className="flex gap-4 md:gap-6 border-b border-slate-200/50 pb-6 last:border-0 last:pb-0"
                       >
                         <div className="shrink-0 mt-1">{item.icon}</div>
@@ -221,7 +221,7 @@ export default function KLZCablesCaseStudy() {
                             {item.desc}
                           </BodyText>
                         </div>
-                      </motion.div>
+                      </Reveal>
                     ))}
                   </div>
                 </div>