logo größer

src/components/Header.tsx

@@ -11,16 +11,16 @@ export default function Header() {
     return (
         <>
             <header className="fixed inset-x-0 top-0 z-50 border-b border-white/10 bg-[color:var(--bg-dark)]/95 backdrop-blur-md">
-                <div className="mx-auto flex h-20 max-w-7xl items-center justify-between px-6 lg:px-8">
+                <div className="mx-auto flex h-[138px] max-w-7xl items-center justify-between px-6 lg:px-8">
                     <Link href="/" className="flex items-center gap-3 group">
-                        <div className="relative h-24 w-24 transition-transform group-hover:scale-105 self-end -mb-4">
+                        <div className="relative h-[130px] w-[130px] transition-transform group-hover:scale-105">
                             <Image
                                 src="/images/logo.png"
                                 alt="Budd Electric Logo"
-                                width={96}
-                                height={96}
+                                width={130}
+                                height={130}
                                 priority
-                                className="object-contain invert hue-rotate-180 saturate-[1000%] contrast-[1.5] brightness-90"
+                                className="object-contain invert hue-rotate-180 saturate-[1000%] contrast-[1.5] brightness-90 p-[0.8rem]"
                             />
                         </div>
                         <div className="flex flex-col self-center">

src/components/HeroCarousel.tsx

@@ -5,7 +5,7 @@ import Image from "next/image";
 import { Star } from "lucide-react";
 
 const heroImages = [
-  "/images/commercial.png",
+  "/images/gallery-3.png",
   "/images/residential.png",
   "/images/generator.png",
   "/images/gallery-1.png",
@@ -30,9 +30,8 @@ export default function HeroCarousel() {
         {heroImages.map((image, index) => (
           <div
             key={index}
-            className={`absolute inset-0 transition-opacity duration-1000 ${
-              index === currentIndex ? "opacity-100" : "opacity-0"
-            }`}
+            className={`absolute inset-0 transition-opacity duration-1000 ${index === currentIndex ? "opacity-100" : "opacity-0"
+              }`}
           >
             <Image
               src={image}
@@ -40,9 +39,8 @@ export default function HeroCarousel() {
               fill
               sizes="50vw"
               priority={index === 0}
-              className={`object-cover ${
-                index === currentIndex ? "animate-ken-burns" : ""
-              }`}
+              className={`object-cover ${index === currentIndex ? "animate-ken-burns" : ""
+                }`}
             />
           </div>
         ))}