Some adjusts

components/hero.tsx

@@ -50,10 +50,10 @@ export function Hero() {
           {/* LEFT */}
           <div className="flex flex-col items-center lg:items-start justify-center w-full lg:max-w-2xl text-center lg:text-left pt-6 lg:pt-0">
             <h1
-              className="text-[2.5rem] leading-[0.9] md:text-5xl lg:text-[3.5rem] xl:text-[5rem] lg:leading-[0.85] font-black text-white italic uppercase tracking-wider font-display mb-3 lg:mb-8"
+              className="text-[3rem] leading-[0.9] md:text-7xl lg:text-[3.5rem] xl:text-[5rem] lg:leading-[0.85] font-black text-white italic uppercase tracking-wider font-display mb-3 lg:mb-8"
               style={{
                 textShadow:
-                  "0 4px 20px rgba(0,0,0,.7), 0 8px 40px rgba(0,0,0,.5)",
+                  "0 2px 15px rgba(0,0,0,.2), 0 4px 15px rgba(0,0,0,.5)",
               }}
             >
               A <span>MAIOR</span>

components/sponsors.tsx

@@ -1,20 +1,50 @@
 "use client";
 
+import Image from "next/image";
+
+type SponsorLogo = {
+  name: string;
+  src?: string;
+  placeholder?: string;
+  href?: string;
+};
+
+type SponsorTier = {
+  name: string;
+  color: string;
+  borderColor: string;
+  logos: SponsorLogo[];
+};
+
 export function Sponsors() {
-  const tiers = [
+  const tiers: SponsorTier[] = [
     {
       name: "Diamante",
       color: "text-green-deep",
       borderColor: "border-green-deep/20",
-      logos: [{ name: "UNAMA", placeholder: "UNAMA" }],
+      logos: [
+        {
+          name: "Fly.io",
+          src: "/assets/sponsors/flyio.png",
+          href: "https://fly.io",
+        },
+      ],
     },
     {
       name: "Ouro",
       color: "text-orange",
       borderColor: "border-orange/20",
       logos: [
-        { name: "Sponsor 1", placeholder: "Sua marca aqui" },
-        { name: "Sponsor 2", placeholder: "Sua marca aqui" },
+        {
+          name: "Inteceleri",
+          src: "/assets/sponsors/inteceleri.png",
+          href: "https://inteceleri.com.br",
+        },
+        {
+          name: "NIC.br",
+          src: "/assets/sponsors/nicbr.svg",
+          href: "https://nic.br",
+        },
       ],
     },
     {
@@ -68,14 +98,27 @@ export function Sponsors() {
               </h3>
               <div className={`flex flex-wrap justify-center gap-6`}>
                 {tier.logos.map((logo, j) => (
-                  <div
+                  <a
                     key={j}
-                    className={`flex items-center justify-center border-2 ${tier.borderColor} rounded-2xl px-12 py-8 bg-cream-card min-w-[200px]`}
+                    href={logo.href}
+                    target={logo.href ? "_blank" : undefined}
+                    rel={logo.href ? "noopener noreferrer" : undefined}
+                    className={`flex items-center justify-center border-2 ${tier.borderColor} rounded-2xl px-12 py-8 bg-cream-card min-w-50`}
                   >
-                    <span className="text-sm text-gray-400 font-medium">
-                      {logo.placeholder}
-                    </span>
-                  </div>
+                    {logo.src ? (
+                      <Image
+                        src={logo.src}
+                        alt={logo.name}
+                        width={220}
+                        height={80}
+                        className="h-14 w-auto object-contain"
+                      />
+                    ) : (
+                      <span className="text-sm text-gray-400 font-medium">
+                        {logo.placeholder}
+                      </span>
+                    )}
+                  </a>
                 ))}
               </div>
             </div>