feat: add codecrafters as sponsor

src/Components/Sponsors.tsx

@@ -3,12 +3,13 @@ import logoServerlessGuru from "../assets/sponsors/serverless-guru-logo.svg";
 import logoBeSharp from "../assets/sponsors/logo_besharp.svg";
 import logoAWS from "../assets/sponsors/Amazon_Web_Services_Logo.svg";
 import logoNTTData from "../assets/sponsors/NTT-Data-Logo.svg";
+import logoCodecrafters from "../assets/sponsors/codecrafters-logo.png";
 
 // import { cn } from "@/lib/utils";
 import { Image, InfiniteMovingImage } from "./ui/infinite-moving-cards";
 
 const Sponsors = () => {
-	const sponsors: Image[] = [
+    const sponsors: Image[] = [
         {
             image: logoBeSharp,
             url: "https://www.besharp.it/",
@@ -42,26 +43,39 @@ const Sponsors = () => {
             sponsorType: "Community",
             type: "single",
         },
+        {
+            image: logoCodecrafters,
+            url: "https://codecrafters.io//",
+            sponsorType: "Community",
+            imageClassName: "!h-20",
+            type: "single",
+        },
     ];
-	return (
-		<div className="pt-3 mb-10 text-center bg-transparent lg:mb-0 ">
-			<h5 className="mb-2 text-sm font-semibold text-gray-300">Sponsors</h5>
-			{/* <h2 className="text-2xl font-semibold text-white ">Headline</h2> *2024 edition sponsors/}
+    return (
+        <div className="pt-3 mb-10 text-center bg-transparent lg:mb-0 ">
+            <h5 className="mb-2 text-sm font-semibold text-gray-300">
+                Sponsors
+            </h5>
+            {/* <h2 className="text-2xl font-semibold text-white ">Headline</h2> *2024 edition sponsors/}
 			{/* <div className="flex flex-wrap justify-center ">
 				<SponsorCard logo={logoServerlessDark} />
 				<SponsorCard logo={logoServerlessLight} />
 				<SponsorCard logo={logoBeSharp} imgClassName="w-60" />
 			</div> */}
-			{/* <hr className="my-5 border-t-2 border-gray-300" /> */}
-			{/* <h2 className="text-xl font-semibold text-white">Gold</h2> */}
-			<div className=" rounded-md flex flex-col antialiased dark:bg-grid-white/[0.05] items-center justify-center relative overflow-hidden">
-				<InfiniteMovingImage items={sponsors} direction="right" speed="slow" />
-			</div>
-			{/* <hr className="my-5 border-t-2 border-gray-300" />
+            {/* <hr className="my-5 border-t-2 border-gray-300" /> */}
+            {/* <h2 className="text-xl font-semibold text-white">Gold</h2> */}
+            <div className=" rounded-md flex flex-col antialiased dark:bg-grid-white/[0.05] items-center justify-center relative overflow-hidden">
+                <InfiniteMovingImage
+                    items={sponsors}
+                    direction="right"
+                    speed="slow"
+                />
+            </div>
+            {/* <hr className="my-5 border-t-2 border-gray-300" />
 			<h2 className="text-lg font-semibold text-white">Partner</h2>
 			<h2 className="text-base font-semibold text-white">Community</h2> */}
-		</div>
-	);
+        </div>
+    );
 };
 
 export default Sponsors;