design

src/components/Footer.tsx

@@ -1,5 +1,8 @@
+import Image from 'next/image';
 import * as React from 'react';
 
+import LogoBlack from '../assets/logo/Logo Black Transparent.svg';
+
 export const Footer: React.FC = () => {
   const currentYear = new Date().getFullYear();
 
@@ -9,14 +12,12 @@ export const Footer: React.FC = () => {
         <div className="grid grid-cols-1 md:grid-cols-2 gap-12 items-end">
           <div className="space-y-8">
             <div className="flex items-center gap-3">
-              <div className="w-8 h-8 bg-slate-900 rounded-lg flex items-center justify-center">
-                <span className="text-white text-sm font-bold">M</span>
-              </div>
-              <span className="text-xl font-bold text-slate-900 tracking-tighter">Marc Mintel</span>
+              <Image
+                src={LogoBlack}
+                alt="Marc Mintel"
+                height={72}
+              />
             </div>
-            <p className="text-2xl text-slate-400 font-serif italic leading-tight max-w-xs">
-              Digitale Systeme ohne Overhead.
-            </p>
           </div>
           
           <div className="flex flex-col md:items-end gap-4 text-sm font-mono text-slate-300 uppercase tracking-widest">

src/components/Header.tsx

@@ -1,17 +1,15 @@
 'use client';
 
-import { AnimatePresence, motion } from 'framer-motion';
 import Image from 'next/image';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import * as React from 'react';
 
 import IconWhite from '../assets/logo/Icon White Transparent.svg';
-import LogoBlack from '../assets/logo/Logo Black Transparent.svg';
 
 export const Header: React.FC = () => {
   const pathname = usePathname();
-  const [isScrolled, setIsScrolled] = React.useState(false);
+  const [, setIsScrolled] = React.useState(false);
 
   React.useEffect(() => {
     const handleScroll = () => {
@@ -37,24 +35,6 @@ export const Header: React.FC = () => {
                 className="w-8 h-8"
               />
             </div>
-            <AnimatePresence mode="wait">
-              {!isScrolled && (
-                <motion.div
-                  initial={{ opacity: 0, x: -10, width: 0 }}
-                  animate={{ opacity: 1, x: 0, width: 'auto' }}
-                  exit={{ opacity: 0, x: -10, width: 0 }}
-                  transition={{ duration: 0.3, ease: "easeOut" }}
-                  className="overflow-hidden flex items-center"
-                >
-                  <Image
-                    src={LogoBlack}
-                    alt="Marc Mintel"
-                    height={54}
-                    priority
-                  />
-                </motion.div>
-              )}
-            </AnimatePresence>
           </div>
         </Link>