Sposoring link

Author: floehden

src/components/home/SponsorsSection.tsx

@@ -24,26 +24,25 @@ export function SponsorsSection() {
         {/* Single Sponsor - Centered */}
         <AnimatedSection delay={100}>
           <div className="max-w-md mx-auto">
-            <div className="group p-10 rounded-2xl border border-border/50 bg-card hover:border-foreground/30 transition-all duration-500 text-center card-shine hover-lift">
-              {/* Logo Container */}
-              <div className="w-28 h-28 mx-auto mb-6 rounded-xl bg-secondary/50 flex items-center justify-center grayscale group-hover:grayscale-0 transition-all duration-500 group-hover:shadow-[0_0_40px_hsl(var(--glow)/0.3)]">
-                <a href={sponsor.url} target="_blank" rel="noopener noreferrer">
-                  <img
-                    src={sponsor.logo}
-                    alt={sponsor.name}
-                    className="w-16 h-16 object-contain"
-                  />
-                </a>
+            <a href={sponsor.url} target="_blank" rel="noopener noreferrer">
+              <div className="group p-10 rounded-2xl border border-border/50 bg-card hover:border-foreground/30 transition-all duration-500 text-center card-shine hover-lift">
+                {/* Logo Container */}
+                <div className="w-28 h-28 mx-auto mb-6 rounded-xl bg-secondary/50 flex items-center justify-center grayscale group-hover:grayscale-0 transition-all duration-500 group-hover:shadow-[0_0_40px_hsl(var(--glow)/0.3)]">
+                  
+                    <img  src={sponsor.logo} alt={sponsor.name}
+                      className="w-16 h-16 object-contain"/>
+                  
+                </div>
+                
+                {/* Sponsor Name */}
+                <h3 className="text-2xl font-semibold mb-3">{sponsor.name}</h3>
+                
+                {/* Description */}
+                <p className="text-muted-foreground leading-relaxed">
+                  {sponsor.description}
+                </p>
               </div>
-              
-              {/* Sponsor Name */}
-              <h3 className="text-2xl font-semibold mb-3">{sponsor.name}</h3>
-              
-              {/* Description */}
-              <p className="text-muted-foreground leading-relaxed">
-                {sponsor.description}
-              </p>
-            </div>
+            </a>
           </div>
         </AnimatedSection>
 
@@ -53,7 +52,7 @@ export function SponsorsSection() {
             Interested in sponsoring NetAuto?
           </p>
           <a
-            href="mailto:netautorheinmain@gmail.com"
+            href="mailto:netautorheinmain@gmail.com" target="_blank"
             className="inline-flex items-center gap-2 text-accent hover:text-foreground transition-colors underline underline-offset-4 hover-scale">
             Get in touch →
           </a>