design

components/Layout.tsx

@@ -6,6 +6,7 @@ import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { motion, AnimatePresence } from 'framer-motion';
 import { Reveal } from './Reveal';
+import { Button } from './Button';
 
 const Layout = ({ children }: { children: React.ReactNode }) => {
   const pathname = usePathname();
@@ -78,12 +79,12 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
                 <span className={`absolute -bottom-1 left-0 w-full h-0.5 bg-accent transition-transform duration-300 origin-left ${isActive(link.href) ? 'scale-x-100' : 'scale-x-0 group-hover:scale-x-100'}`} />
               </Link>
             ))}
-            <Link 
-              href="/kontakt" 
-              className="ml-4 btn-primary !py-2 !px-5 !text-sm"
+            <Button
+              href="/kontakt"
+              className="ml-4 !py-2 !px-5 !text-[10px]"
             >
               Projekt anfragen
-            </Link>
+            </Button>
           </nav>
 
           {/* Mobile Menu Toggle */}
@@ -122,12 +123,12 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
                   {link.label}
                 </Link>
               ))}
-              <Link 
-                href="/kontakt" 
-                className="mt-4 btn-primary w-full py-4 text-center"
+              <Button
+                href="/kontakt"
+                className="mt-4 w-full"
               >
                 Projekt anfragen
-              </Link>
+              </Button>
             </nav>
           </motion.div>
         )}