Merge pull request #26 from Diyashibu/main

devfolio and partners
Excel2024Web · Nov 18, 2024 · 8a2caca · 8a2caca
2 parents 5e0d095 + a6c2f36
commit 8a2caca
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 19 deletions.
diff --git 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
@@ -47,19 +47,20 @@ 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>
         </div>
 
         {/* 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>