From 23d5be992aa384aeef78eab83cf0256e492e9d6c Mon Sep 17 00:00:00 2001
From: Diya Therese Shibu <diyathereseshibu@gmail.com>
Date: Mon, 18 Nov 2024 14:27:46 +0530
Subject: [PATCH] devfolio and partners

---
 src/components/BlobAnimation.jsx     | 35 ++++++++++++++++++++--------
 src/components/Partners/partners.jsx | 20 +++++++++-------
 2 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/src/components/BlobAnimation.jsx b/src/components/BlobAnimation.jsx
index 47b6419..faaa0b5 100644
--- a/src/components/BlobAnimation.jsx
+++ b/src/components/BlobAnimation.jsx
@@ -1,5 +1,5 @@
 import Spline from "@splinetool/react-spline";
-import React, {useEffect, useRef} from "react";
+import { useEffect, useRef } from "react";
 import astro from "@/assets/Landing/astro.svg";
 import astro2 from "@/assets/Landing/astro2.svg";
 import astro3 from "@/assets/Landing/astro3.svg";
@@ -8,10 +8,24 @@ import topleft from "@/assets/Landing/topleft.svg";
 import constel from "@/assets/Landing/constellation.svg";
 import arrow from "@/assets/Landing/arrow.svg";
 import Image from "next/image";
-import applyImage from "../assets/Gallery/apply.png";
+import dynamic from "next/dynamic";
+
+
+
 const BlobAnimation = () => {
   const canvasRef = useRef(null);
+  useEffect(() => {
+    
+    const script = document.createElement('script');
+    script.src = 'https://apply.devfolio.co/v2/sdk.js';
+    script.async = true;
+    script.defer = true;
+    document.body.appendChild(script);
 
+    return () => {
+      document.body.removeChild(script);
+    };
+  }, []);
   // useEffect(() => {
   //   var canvas = canvasRef.current;
   //   var ctx = canvas.getContext("2d");
@@ -328,17 +342,18 @@ const BlobAnimation = () => {
                 <Image src={arrow} className="scale-75"></Image>
               </span>
             </div> */}
-            <a 
-              href="https://devfolio.co/"
-              className="mt-1"
-              target="_blank" 
-              rel="noopener noreferrer"
-            >
-              <Image src={applyImage} alt="Apply with Devfolio" className="cursor-pointer" /> {/* Just the image as a button */}
-            </a>
+            <div
+              className="apply-button"
+              data-hackathon-slug="hackfortomorrow2024"
+              data-button-theme="dark-inverted"
+              style={{ height: '44px', width: '312px' }}
+            ></div>
+
+
           </div>
         </div>
       </div>
+      
     </>
   );
 };
diff --git a/src/components/Partners/partners.jsx b/src/components/Partners/partners.jsx
index 001167d..da2f2c9 100644
--- a/src/components/Partners/partners.jsx
+++ b/src/components/Partners/partners.jsx
@@ -47,8 +47,8 @@ const Partners = () => {
               src={KeyValue} 
               alt="KEYVALUE LOGO" 
               className="partner-logo" 
-              /*width={380}
-              height={150}*/
+              width={240}
+              height={70}
             />
             <p className="partner-label font-syne-medium">Platinum Partner</p>
           </div>
@@ -56,10 +56,11 @@ const Partners = () => {
 
         {/* Second Row Partners */}
         <div className="partners-row" ref={(el) => (rowRefs.current[1] = el)}>
+          
           <div className="partner wide-partner">
             <Image 
-              src={Devfolio} 
-              alt="DEVFOLIO LOGO" 
+              src={Polygon} 
+              alt="POLYGON LOGO" 
               className="partner-logo" 
               width={240}
               height={70}
@@ -68,24 +69,25 @@ const Partners = () => {
           </div>
           <div className="partner wide-partner">
             <Image 
-              src={EthIndia} 
-              alt="ETHINDIA LOGO" 
+              src={Devfolio} 
+              alt="DEVFOLIO LOGO" 
               className="partner-logo" 
               width={240}
               height={70}
             />
-            <p className="partner-label font-syne-medium">Gold Partner</p>
+            <p className="partner-label font-syne-medium">Platinum Partner</p>
           </div>
           <div className="partner wide-partner">
             <Image 
-              src={Polygon} 
-              alt="POLYGON LOGO" 
+              src={EthIndia} 
+              alt="ETHINDIA LOGO" 
               className="partner-logo" 
               width={240}
               height={70}
             />
             <p className="partner-label font-syne-medium">Gold Partner</p>
           </div>
+          
         </div>
       </div>
     </section>