(null)
+ const containerRef = useRef(null)
+
+ const videoId = "VGlzJgzTvWg"
+
+ const postCommand = (func: string, args: any[] = []) => {
+ if (iframeRef.current?.contentWindow) {
+ iframeRef.current.contentWindow.postMessage(
+ JSON.stringify({ event: "command", func, args }),
+ "https://www.youtube-nocookie.com"
+ )
+ }
+ }
+
+ useEffect(() => {
+ const observer = new IntersectionObserver(
+ (entries) => {
+ entries.forEach((entry) => {
+ if (hasLoadedOnce) {
+ if (entry.isIntersecting) {
+ postCommand("playVideo")
+ setIsPlaying(true)
+ } else {
+ postCommand("pauseVideo")
+ setIsPlaying(false)
+ }
+ }
+ })
+ },
+ { threshold: 0.6 }
+ )
+
+ if (containerRef.current) observer.observe(containerRef.current)
+ return () => observer.disconnect()
+ }, [hasLoadedOnce])
+
+ useEffect(() => {
+ if (hasLoadedOnce) {
+ postCommand(isMuted ? "mute" : "unMute")
+ }
+ }, [isMuted, hasLoadedOnce])
+
+ const togglePlay = () => {
+ if (!hasLoadedOnce) {
+ setHasLoadedOnce(true)
+ setIsPlaying(true)
+ } else {
+ const nextState = !isPlaying
+ setIsPlaying(nextState)
+ postCommand(nextState ? "playVideo" : "pauseVideo")
+ }
+ }
+
+ const toggleMute = (e: React.MouseEvent) => {
+ e.stopPropagation()
+ setIsMuted(!isMuted)
+ }
+
+ return (
+
+
+ The DeerHack Experience
+
+
+
+
+
+
+
+
+ {hasLoadedOnce ? (
+
+ ) : (
+
+ )}
+
+
+
+
+
+
+
+
+
+
Moments of Deerhack
+
2025
+
+
+
+
+
+ { isMuted ? : }
+
+
+
+
+
+
+
+
+
+
+
+
Mala Deep Upadhaya
+
Mentor
+
+
+
+
+ “Mentoring at DeerHack was an incredibly fulfilling experience. The participants brought great energy, creativity, and a genuine eagerness to learn, ,while the volunteers ensured everything ran smoothly with their constant dedication. The welcoming and collaborative environment made it easy to connect, share ideas, and build together , it’s truly an inspiring community to be part of.”
+
+
+
+
+
+
+
+
+
+
+
Nischal Tamang
+
Participant
+
+
+
+ “One of the best hackathons and the event management was very good and truly exceeded all expectations.”
+
+
+
+
+
+
+
+
+
Samip Lamsal
+
Participant
+
+
+
+ “ DeerHack was my third national hackathon and by far the best organized and managed one I've attended. ”
+
+
+
+
+
+
window.scrollTo({ top: 0, behavior: "smooth" })}
+ className="bg-[rgb(102,51,204,0.78)] p-6 md:p-6 rounded-[25px] flex justify-center items-center hover:bg-purple-600 transition-all cursor-pointer group border border-white/5"
+ >
+
+ Want to create your own experience?
+ Join Now!
+
+
+
+
+
+
+ )
+}
+
+
+/* OLD CODE - FOR BACKUP IN EMERGENCY */
+
+
+
+/*
+"use client"
import { cabinetExtraBold } from "../utils/fonts"
import leaf_right_deerhack_2025 from "@/app/assets/images/leaf_right_deerhack_2025.svg";
import Image from "next/image"
@@ -64,7 +278,7 @@ export default function ExperiencePage() {
- {/* Dots indicator */}
+
{[0, 1, 2].map((index) => (
)
-}
+}
+
+*/
\ No newline at end of file
diff --git a/frontend/src/app/MainPage.tsx b/frontend/src/app/MainPage.tsx
index dc035e7..3257d3c 100644
--- a/frontend/src/app/MainPage.tsx
+++ b/frontend/src/app/MainPage.tsx
@@ -27,7 +27,7 @@ export default function Home() {
{/*
*/}
-
+ {/*
*/}
diff --git a/frontend/src/app/assets/icons/BlockChainNew.tsx b/frontend/src/app/assets/icons/BlockChainNew.tsx
index f1d60a8..0bb9264 100644
--- a/frontend/src/app/assets/icons/BlockChainNew.tsx
+++ b/frontend/src/app/assets/icons/BlockChainNew.tsx
@@ -16,7 +16,7 @@ const BlockchainNew = ({
);
diff --git a/frontend/src/app/assets/icons/DeerHackLogoMob.svg b/frontend/src/app/assets/icons/DeerHackLogoMob.svg
new file mode 100644
index 0000000..fa70090
--- /dev/null
+++ b/frontend/src/app/assets/icons/DeerHackLogoMob.svg
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/icons/Deerhack26.tsx b/frontend/src/app/assets/icons/Deerhack26.tsx
index c2787a7..7796c99 100644
--- a/frontend/src/app/assets/icons/Deerhack26.tsx
+++ b/frontend/src/app/assets/icons/Deerhack26.tsx
@@ -10,7 +10,7 @@ export default function DeerHack26Logo({
return (
-
+
diff --git a/frontend/src/app/assets/icons/DeerhackIconMobile.tsx b/frontend/src/app/assets/icons/DeerhackIconMobile.tsx
new file mode 100644
index 0000000..43b0443
--- /dev/null
+++ b/frontend/src/app/assets/icons/DeerhackIconMobile.tsx
@@ -0,0 +1,318 @@
+export default function DeerhackIconPhone({
+ height = 40,
+ width = 40,
+ className = ""
+}:{
+ height?:number;
+ width?:number;
+ className?:string;
+}) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/src/app/assets/icons/DeerhackLogoModified.svg b/frontend/src/app/assets/icons/DeerhackLogoModified.svg
new file mode 100644
index 0000000..e130b79
--- /dev/null
+++ b/frontend/src/app/assets/icons/DeerhackLogoModified.svg
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/icons/code-of-conduct.svg b/frontend/src/app/assets/icons/code-of-conduct.svg
new file mode 100644
index 0000000..a404c85
--- /dev/null
+++ b/frontend/src/app/assets/icons/code-of-conduct.svg
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/icons/facebook.svg b/frontend/src/app/assets/icons/facebook.svg
new file mode 100644
index 0000000..edd2cfe
--- /dev/null
+++ b/frontend/src/app/assets/icons/facebook.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/frontend/src/app/assets/icons/hamburger.svg b/frontend/src/app/assets/icons/hamburger.svg
new file mode 100644
index 0000000..e08dc34
--- /dev/null
+++ b/frontend/src/app/assets/icons/hamburger.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/frontend/src/app/assets/icons/homeIcon.svg b/frontend/src/app/assets/icons/homeIcon.svg
new file mode 100644
index 0000000..6c67354
--- /dev/null
+++ b/frontend/src/app/assets/icons/homeIcon.svg
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/icons/instagram.svg b/frontend/src/app/assets/icons/instagram.svg
new file mode 100644
index 0000000..2165c0b
--- /dev/null
+++ b/frontend/src/app/assets/icons/instagram.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/frontend/src/app/assets/icons/judging-criteria.svg b/frontend/src/app/assets/icons/judging-criteria.svg
new file mode 100644
index 0000000..a1c73d6
--- /dev/null
+++ b/frontend/src/app/assets/icons/judging-criteria.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/frontend/src/app/assets/icons/legacy.svg b/frontend/src/app/assets/icons/legacy.svg
new file mode 100644
index 0000000..d880b44
--- /dev/null
+++ b/frontend/src/app/assets/icons/legacy.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/frontend/src/app/assets/icons/linkedin.svg b/frontend/src/app/assets/icons/linkedin.svg
new file mode 100644
index 0000000..2883590
--- /dev/null
+++ b/frontend/src/app/assets/icons/linkedin.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/frontend/src/app/assets/icons/organizers.svg b/frontend/src/app/assets/icons/organizers.svg
new file mode 100644
index 0000000..cb2e696
--- /dev/null
+++ b/frontend/src/app/assets/icons/organizers.svg
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/icons/rounded.svg b/frontend/src/app/assets/icons/rounded.svg
new file mode 100644
index 0000000..36ffc7a
--- /dev/null
+++ b/frontend/src/app/assets/icons/rounded.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/icons/selection-criteria.svg b/frontend/src/app/assets/icons/selection-criteria.svg
new file mode 100644
index 0000000..404ecab
--- /dev/null
+++ b/frontend/src/app/assets/icons/selection-criteria.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/frontend/src/app/assets/images/DeerExpCard1.svg b/frontend/src/app/assets/images/DeerExpCard1.svg
new file mode 100644
index 0000000..e0b7130
--- /dev/null
+++ b/frontend/src/app/assets/images/DeerExpCard1.svg
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/images/DeerExpCard2.svg b/frontend/src/app/assets/images/DeerExpCard2.svg
new file mode 100644
index 0000000..105396c
--- /dev/null
+++ b/frontend/src/app/assets/images/DeerExpCard2.svg
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/images/DeerExpCard3.svg b/frontend/src/app/assets/images/DeerExpCard3.svg
new file mode 100644
index 0000000..40001e7
--- /dev/null
+++ b/frontend/src/app/assets/images/DeerExpCard3.svg
@@ -0,0 +1,380 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/assets/images/DeerExpCardFirst.tsx b/frontend/src/app/assets/images/DeerExpCardFirst.tsx
new file mode 100644
index 0000000..505fc1a
--- /dev/null
+++ b/frontend/src/app/assets/images/DeerExpCardFirst.tsx
@@ -0,0 +1,76 @@
+import React from 'react'
+
+function DeerExpCardFirst() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default DeerExpCardFirst
diff --git a/frontend/src/app/assets/images/DeerExpCardSecond.tsx b/frontend/src/app/assets/images/DeerExpCardSecond.tsx
new file mode 100644
index 0000000..3b5d1e7
--- /dev/null
+++ b/frontend/src/app/assets/images/DeerExpCardSecond.tsx
@@ -0,0 +1,73 @@
+import React from 'react'
+
+function DeerExpCardSecond() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default DeerExpCardSecond
diff --git a/frontend/src/app/assets/images/DeerExpCardThird.tsx b/frontend/src/app/assets/images/DeerExpCardThird.tsx
new file mode 100644
index 0000000..d882beb
--- /dev/null
+++ b/frontend/src/app/assets/images/DeerExpCardThird.tsx
@@ -0,0 +1,389 @@
+import React from 'react'
+
+function DeerExpCardThird() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default DeerExpCardThird
diff --git a/frontend/src/app/assets/images/HeroPageMobile.svg b/frontend/src/app/assets/images/HeroPageMobile.svg
index fa2e06a..73bf760 100644
--- a/frontend/src/app/assets/images/HeroPageMobile.svg
+++ b/frontend/src/app/assets/images/HeroPageMobile.svg
@@ -1,11 +1,11 @@
-
-
+
+
-
+
@@ -14,24 +14,24 @@
-
+
-
+
-
-
+
+
-
+
-
+
-
+
@@ -42,7 +42,7 @@
-
+
@@ -59,19 +59,19 @@
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
+
@@ -80,1432 +80,1432 @@
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
-
-
+
-
-
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
-
-
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-
+
-
+
-
-
-
-
+
+
+
+
-
-
+
+
-
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
-
-
+
+
+
+
-
-
-
-
+
+
+
+
-
-
-
-
-
+
+
+
+
+
-
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
+
-
+
-
+
-
-
+
+
-
+
-
+
-
-
+
+
-
+
-
-
-
+
+
+
-
+
-
+
-
-
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
+
-
+
-
+
-
+
-
+
-
-
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
-
+
+
-
+
-
-
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+