From 10b9d47bcfe8823e5ec0257588f8a8085c922cb1 Mon Sep 17 00:00:00 2001
From: Martin Eckardt <martin.eckardt@avalabs.org>
Date: Mon, 30 Sep 2024 22:40:02 +0200
Subject: [PATCH 1/9] Add Bounties

---
 app/(home)/page.tsx                           | 23 -------
 app/bounties/layout.tsx                       | 15 +++++
 app/bounties/page.tsx                         | 61 +++++++++++++++++++
 .../interchain-token-transfer/index.mdx       |  2 +
 .../01-custom-blockchains.mdx                 | 10 +--
 5 files changed, 83 insertions(+), 28 deletions(-)
 create mode 100644 app/bounties/layout.tsx
 create mode 100644 app/bounties/page.tsx

diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx
index a535b71c..b16ca8c4 100644
--- a/app/(home)/page.tsx
+++ b/app/(home)/page.tsx
@@ -1,29 +1,6 @@
-import { AcademicCapIcon, ChatBubbleLeftRightIcon, CloudArrowUpIcon, GiftIcon, LockClosedIcon, ServerIcon } from '@heroicons/react/20/solid'
-
 import COURSES from '@/content/courses';
 import Link from 'next/link';
 
-
-const features = [
-  {
-    name: 'Earn an Avalanche Academy Certificate.',
-    description: 'Showcase your Avalanche Academy accomplishments on your CV and platforms like LinkedIn, X, and more.',
-    icon: AcademicCapIcon,
-  },
-  {
-    name: 'Join the Avalanche Community.',
-    description:
-      'Get connected with other Avalanche builders and like-minded individuals passionate about Avalanche.',
-    icon: ChatBubbleLeftRightIcon,
-  },
-  {
-    name: 'Get Rewards.',
-    description: 'Top performing students can earn benefits, such as exclusive Avalanche Merchandise, complimentary event tickets, and additional privileges.',
-    icon: GiftIcon,
-  },
-]
-
-
 export default function HomePage(): React.ReactElement {
   return (
     <>
diff --git a/app/bounties/layout.tsx b/app/bounties/layout.tsx
new file mode 100644
index 00000000..a15489ac
--- /dev/null
+++ b/app/bounties/layout.tsx
@@ -0,0 +1,15 @@
+import { Layout } from 'fumadocs-ui/layout';
+import type { ReactNode } from 'react';
+import { Footer } from '@/components/footer';
+import { baseOptions } from '@/app/layout.config';
+
+export default function HomeLayout({
+  children,
+}: {
+  children: ReactNode;
+}): React.ReactElement {
+  return <Layout {...baseOptions}>
+    {children}
+    <Footer />
+    </Layout>;
+}
diff --git a/app/bounties/page.tsx b/app/bounties/page.tsx
new file mode 100644
index 00000000..e1680c66
--- /dev/null
+++ b/app/bounties/page.tsx
@@ -0,0 +1,61 @@
+import COURSES from '@/content/courses';
+import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
+import Link from 'next/link';
+
+
+export default function HomePage(): React.ReactElement {
+  return (
+    <>
+      <main className="container relative">
+      <div className="py-12 sm:py-24">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto w-full lg:mx-0">
+          <h2 className="text-center text-5xl font-bold tracking-tight sm:text-10xl">Welcome to the Avalanche Hackathon!
+          </h2>
+          <p className="mt-12 text-center text-lg leading-8 text-muted-foreground">
+           At Avalanche, we believe in the power of technology to transform industries and solve real-world problems. This hackathon aims to harness the potential of Avalanche’s robust technology stack to address pressing issues and create scalable, practical solutions. Participants will have the freedom to explore a variety of tracks, mixing and matching technology and business use cases to develop groundbreaking applications.
+          </p>
+          <Accordions type='single' className='mt-8 max-w-3xl mx-auto'>
+                <Accordion title="Avalanche Network: A Network of Layer 1 Blockchains">
+                    <p>The Avalanche Network is a network of multiple independent L1 blockchains.</p>
+                    <p>Each blockchain in the Avalanche Network can define its own custom virtual machine (VM), allowing developers to build specialized blockchains optimized for specific use cases. The EVM is a popular choice and can be configured or customized to fit the needs. Alternatively, L1 blockchains can also use a custom Virtual Machine built with HyperSDK</p>
+                </Accordion>
+                <Accordion title="Interoperability: Interchain Messaging & Interchain Token Transfer">
+                  <p>At the core of the Avalanche Network is the ability to run multiple blockchains that communicate. Each chain's VM is optimized for specialized use cases, thereby boosting the network's overall performance. Utilizing <Link className='underline' target='_blank' href='/course/interchain-messaging'>Avalanche Interchain Messaging (ICM</Link> is an incredible easy way to build cross-L1 dApps, since developers can build on top an extensive and audited development framework.</p>
+                  <p><Link className='underline' target='_blank' href='/course/interchain-token-transfer'>Avalanche Interchain Token Transfer (ICTT)</Link> allows you to transfer ERC-20 and native tokens seamlessly between different Avalanche L1s.</p>
+                </Accordion>
+                <Accordion title="Avalanche9000 (Etna Upgrade)">
+                  The Etna upgrade will be the largest network upgrade of Avalanche to date. This upgrade will make the Avalanche Layer 1 blockchains (L1s) more independent, lower the ecomic barrier to launch them and make them more fault tolerant. Instead of using a subset of Primary Network Validators, L1s can now use a distinct set of validators. Learn more <Link className='underline' target='_blank' href='/course/avalanche-fundamentals/03-multi-chain-architecture-intro/02-subnet'>here</Link>.
+                </Accordion>
+            </Accordions>
+        </div>
+        <div className="mx-auto mt-2 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 border-gray-200 pt-7 sm:mt-12 sm:pt-0 lg:mx-0 lg:max-w-none lg:grid-cols-2">
+          <div className='flex max-w-xl flex-col'>
+            <h3 className="mt-3 text-2xl font-semibold leading-6 group-hover:text-gray-600">
+              Track 1: Build a Product
+            </h3>
+            <p className="mt-5 text-md leading-6 text-muted-foreground">
+            This track is designed for builders who want to develop clear, impactful use cases leveraging the full potential of Avalanche’s technology stack. It focuses on creating practical applications that address real-world problems, demonstrating the versatility and power of Avalanche.
+            </p>
+            <p className="mt-5 text-md leading-6 text-muted-foreground">
+            This track design ensures that the resulting projects are not only technically robust but also applicable to real-world use cases with the potential for significant impact across various industries.
+            </p>
+          </div>
+          <div className='flex max-w-xl flex-col'>
+          <h3 className="mt-3 text-2xl font-semibold leading-6 group-hover:text-gray-600">
+          Track 2: Build Infrastructure
+            </h3>
+            <p className="mt-5 text-md leading-6 text-muted-foreground">
+            This track is dedicated to participants who want to focus purely on the technical aspects of blockchain development. It aims to push the boundaries of Avalanche's technology stack, fostering innovation in areas like performance optimization, advanced cryptography, and network scalability without the need to integrate business use cases.
+            </p>            
+          </div>
+
+
+        </div>
+        
+      </div>
+    </div>
+      </main>
+    </>
+  );
+}
\ No newline at end of file
diff --git a/content/course/interchain-token-transfer/index.mdx b/content/course/interchain-token-transfer/index.mdx
index f52ff03c..bb0875a6 100644
--- a/content/course/interchain-token-transfer/index.mdx
+++ b/content/course/interchain-token-transfer/index.mdx
@@ -14,6 +14,8 @@ A significant innovation in blockchain is the development of multi-chain systems
 
 Cross-chain communication is a crucial building block of multi-chain systems. Utilizing Avalanche Interchain Messaging and Interchain Token Transfer is an incredibly easy way to build cross-Avalanche L1 dApps, since developers can build on top of an extensive, audited development framework. 
 
+Transfering tokens between multiple chains is a common use case in multi-chain systems. This course will help you understand how to transfer assets between multiple Avalanche blockchains using the Avalanche Interchain Token Transfer protocol.
+
 ## Course Content
 
 ### Interoperability 
diff --git a/content/course/multi-chain-architecture/02-custom-blockchains/01-custom-blockchains.mdx b/content/course/multi-chain-architecture/02-custom-blockchains/01-custom-blockchains.mdx
index 2b48c4ce..916b14c5 100644
--- a/content/course/multi-chain-architecture/02-custom-blockchains/01-custom-blockchains.mdx
+++ b/content/course/multi-chain-architecture/02-custom-blockchains/01-custom-blockchains.mdx
@@ -6,19 +6,19 @@ authors: [usmaneth]
 icon: Book
 ---
 
-An Avalanche Custom Blockchain is a sovereign network that defines its own rules for membership and token economics. It's validated by a dynamic subset of Avalanche validators working together to achieve consensus on the blockchain's state.
+An Avalanche L1 is a sovereign network that defines its own rules for membership and token economics. It's validated by a dynamic subset of Avalanche validators working together to achieve consensus on the blockchain's state.
 
 ## Key Concepts
 
 - Custom Blockchain: A unique blockchain within the Avalanche ecosystem.
-- Validator Subset: A group of validators responsible for a specific blockchain or set of blockchains.
-- Custom Blockchain Network: A subset of validators united to validate one or more blockchains.
+- Validator Set: A group of validators responsible for a specific blockchain or set of blockchains.
+- Custom Blockchain Network: A set of validators united to validate one or more blockchains.
 
 ## Relationship Between Blockchains and Avalanche L1s
 
-- Each blockchain is validated by exactly one custom network.
+- Each blockchain is validated by exactly one Custom Network.
 - A Custom Network can validate multiple blockchains.
-- A validator may participate in multiple custom networks.
+- A validator may participate in multiple Custom Networks.
 
 ## The Primary Network
 

From 2080484f3aea51e41444c1d8a1e6e6ff3a814f1e Mon Sep 17 00:00:00 2001
From: Ashutosh Tripathi <ashucoder9@gmail.com>
Date: Tue, 15 Oct 2024 17:40:58 +0530
Subject: [PATCH 2/9] changes

---
 app/bounties/page.tsx                  |  61 -----
 app/{bounties => hackathon}/layout.tsx |   0
 app/hackathon/page.tsx                 | 358 +++++++++++++++++++++++++
 next-env.d.ts                          |   2 +-
 4 files changed, 359 insertions(+), 62 deletions(-)
 delete mode 100644 app/bounties/page.tsx
 rename app/{bounties => hackathon}/layout.tsx (100%)
 create mode 100644 app/hackathon/page.tsx

diff --git a/app/bounties/page.tsx b/app/bounties/page.tsx
deleted file mode 100644
index e1680c66..00000000
--- a/app/bounties/page.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import COURSES from '@/content/courses';
-import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
-import Link from 'next/link';
-
-
-export default function HomePage(): React.ReactElement {
-  return (
-    <>
-      <main className="container relative">
-      <div className="py-12 sm:py-24">
-      <div className="mx-auto max-w-7xl px-6 lg:px-8">
-        <div className="mx-auto w-full lg:mx-0">
-          <h2 className="text-center text-5xl font-bold tracking-tight sm:text-10xl">Welcome to the Avalanche Hackathon!
-          </h2>
-          <p className="mt-12 text-center text-lg leading-8 text-muted-foreground">
-           At Avalanche, we believe in the power of technology to transform industries and solve real-world problems. This hackathon aims to harness the potential of Avalanche’s robust technology stack to address pressing issues and create scalable, practical solutions. Participants will have the freedom to explore a variety of tracks, mixing and matching technology and business use cases to develop groundbreaking applications.
-          </p>
-          <Accordions type='single' className='mt-8 max-w-3xl mx-auto'>
-                <Accordion title="Avalanche Network: A Network of Layer 1 Blockchains">
-                    <p>The Avalanche Network is a network of multiple independent L1 blockchains.</p>
-                    <p>Each blockchain in the Avalanche Network can define its own custom virtual machine (VM), allowing developers to build specialized blockchains optimized for specific use cases. The EVM is a popular choice and can be configured or customized to fit the needs. Alternatively, L1 blockchains can also use a custom Virtual Machine built with HyperSDK</p>
-                </Accordion>
-                <Accordion title="Interoperability: Interchain Messaging & Interchain Token Transfer">
-                  <p>At the core of the Avalanche Network is the ability to run multiple blockchains that communicate. Each chain's VM is optimized for specialized use cases, thereby boosting the network's overall performance. Utilizing <Link className='underline' target='_blank' href='/course/interchain-messaging'>Avalanche Interchain Messaging (ICM</Link> is an incredible easy way to build cross-L1 dApps, since developers can build on top an extensive and audited development framework.</p>
-                  <p><Link className='underline' target='_blank' href='/course/interchain-token-transfer'>Avalanche Interchain Token Transfer (ICTT)</Link> allows you to transfer ERC-20 and native tokens seamlessly between different Avalanche L1s.</p>
-                </Accordion>
-                <Accordion title="Avalanche9000 (Etna Upgrade)">
-                  The Etna upgrade will be the largest network upgrade of Avalanche to date. This upgrade will make the Avalanche Layer 1 blockchains (L1s) more independent, lower the ecomic barrier to launch them and make them more fault tolerant. Instead of using a subset of Primary Network Validators, L1s can now use a distinct set of validators. Learn more <Link className='underline' target='_blank' href='/course/avalanche-fundamentals/03-multi-chain-architecture-intro/02-subnet'>here</Link>.
-                </Accordion>
-            </Accordions>
-        </div>
-        <div className="mx-auto mt-2 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 border-gray-200 pt-7 sm:mt-12 sm:pt-0 lg:mx-0 lg:max-w-none lg:grid-cols-2">
-          <div className='flex max-w-xl flex-col'>
-            <h3 className="mt-3 text-2xl font-semibold leading-6 group-hover:text-gray-600">
-              Track 1: Build a Product
-            </h3>
-            <p className="mt-5 text-md leading-6 text-muted-foreground">
-            This track is designed for builders who want to develop clear, impactful use cases leveraging the full potential of Avalanche’s technology stack. It focuses on creating practical applications that address real-world problems, demonstrating the versatility and power of Avalanche.
-            </p>
-            <p className="mt-5 text-md leading-6 text-muted-foreground">
-            This track design ensures that the resulting projects are not only technically robust but also applicable to real-world use cases with the potential for significant impact across various industries.
-            </p>
-          </div>
-          <div className='flex max-w-xl flex-col'>
-          <h3 className="mt-3 text-2xl font-semibold leading-6 group-hover:text-gray-600">
-          Track 2: Build Infrastructure
-            </h3>
-            <p className="mt-5 text-md leading-6 text-muted-foreground">
-            This track is dedicated to participants who want to focus purely on the technical aspects of blockchain development. It aims to push the boundaries of Avalanche's technology stack, fostering innovation in areas like performance optimization, advanced cryptography, and network scalability without the need to integrate business use cases.
-            </p>            
-          </div>
-
-
-        </div>
-        
-      </div>
-    </div>
-      </main>
-    </>
-  );
-}
\ No newline at end of file
diff --git a/app/bounties/layout.tsx b/app/hackathon/layout.tsx
similarity index 100%
rename from app/bounties/layout.tsx
rename to app/hackathon/layout.tsx
diff --git a/app/hackathon/page.tsx b/app/hackathon/page.tsx
new file mode 100644
index 00000000..31fedf35
--- /dev/null
+++ b/app/hackathon/page.tsx
@@ -0,0 +1,358 @@
+"use client"
+import React, { useState, ReactNode } from "react";
+import Link from 'next/link';
+import { ArrowUpRight, Code, Link as Zap, Link2, Lightbulb, X, Book, Users, ExternalLink } from 'lucide-react';
+
+const Card = ({ children, className = "", onClick = () => {} }: { children: ReactNode; className?: string; onClick?: () => void }) => (
+  <div className={`bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden ${className}`} onClick={onClick}>
+    {children}
+  </div>
+);
+
+const Badge = ({ children, className = "" }: { children: React.ReactNode; className?: string }) => (
+  <span className={`inline-block px-2 py-1 text-sm font-semibold rounded-full ${className}`}>
+    {children}
+  </span>
+);
+
+interface Track {
+  id: string;
+  title: string;
+  description: string;
+  difficulty: 'Beginner' | 'Intermediate' | 'Advanced' | 'Open';
+  color: string;
+  icon: React.ReactNode;
+  challengeDetails?: string[];
+  technologies?: { [key: string]: string | { description: string; skills?: string } };
+  examples?: string[];
+  resources?: string[];
+}
+
+interface PartnerTrack {
+  id: string;
+  name: string;
+  prize: string;
+  description: string;
+  tracks: {
+    name: string;
+    bounty: string;
+    description: string;
+    examples?: string[];
+  }[];
+  eligibilityRequirements?: string[];
+}
+
+
+const Modal: React.FC<{ isOpen: boolean; onClose: () => void; track: Track }> = ({ isOpen, onClose, track }) => {
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex justify-center items-center p-4">
+      <div className="bg-white dark:bg-gray-800 rounded-lg max-w-3xl w-full max-h-[90vh] overflow-y-auto">
+        <div className="sticky top-0 bg-white dark:bg-gray-800 z-10 flex justify-between items-center p-6 border-b dark:border-gray-700">
+          <div className="flex items-center">
+            {track.icon}
+            <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-200 ml-3">{track.title}</h2>
+          </div>
+          <button onClick={onClose} className="text-gray-500 hover:text-gray-700">
+            <X size={24} />
+          </button>
+        </div>
+        <div className="p-6">
+          <p className="text-gray-600 dark:text-gray-400 mb-6 text-lg">{track.description}</p>
+          
+          {track.challengeDetails && track.challengeDetails.length > 0 && (
+            <Section title="Challenge Details">
+              <ul className="list-disc pl-5 space-y-2">
+                {track.challengeDetails.map((detail, index) => (
+                  <li key={index} className="text-gray-600 dark:text-gray-400">{detail}</li>
+                ))}
+              </ul>
+            </Section>
+          )}
+          
+          {track.technologies && Object.keys(track.technologies).length > 0 && (
+            <Section title="Technologies">
+              {Object.entries(track.technologies).map(([name, details], index) => (
+                <div key={index} className="mb-4">
+                  <h4 className="font-semibold text-gray-800 dark:text-gray-200">{name}</h4>
+                  <p className="text-gray-600 dark:text-gray-400">
+                    {typeof details === 'string' ? details : details.description}
+                  </p>
+                  {typeof details !== 'string' && details.skills && (
+                    <p className="text-sm text-gray-500 mt-1">Skills required: {details.skills}</p>
+                  )}
+                </div>
+              ))}
+            </Section>
+          )}
+          
+          {track.examples && track.examples.length > 0 && (
+            <Section title="Examples | Focus Areas">
+              <ul className="list-disc pl-5 space-y-2">
+                {track.examples.map((example, index) => (
+                  <li key={index} className="text-gray-600 dark:text-gray-400">{example}</li>
+                ))}
+              </ul>
+            </Section>
+          )}
+          
+          {track.resources && track.resources.length > 0 && (
+            <Section title="Recommended Resources">
+              <ul className="list-disc pl-5 space-y-2">
+                {track.resources.map((resource, index) => (
+                  <li key={index}>
+                    <a href="#" className="text-blue-600 hover:underline">{resource}</a>
+                  </li>
+                ))}
+              </ul>
+            </Section>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const Section: React.FC<{ title: string; children: React.ReactNode }> = ({ title, children }) => (
+  <div className="mb-6">
+    <h3 className="text-xl font-semibold mb-3 text-gray-800 dark:text-gray-200 border-b pb-2 dark:border-gray-700">{title}</h3>
+    {children}
+  </div>
+);
+
+const TrackCard: React.FC<{ track: Track }> = ({ track }) => {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  return (
+    <>
+      <div 
+        className={`group bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden h-full flex flex-col relative cursor-pointer transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-102 border-l-4 ${track.color}`}
+        onClick={() => setIsModalOpen(true)}
+      >
+        <div className="absolute top-3 right-3 text-gray-400 transition-all duration-300 ease-in-out group-hover:text-blue-600">
+          <ArrowUpRight size={28} className="transform transition-transform duration-300 ease-in-out group-hover:translate-x-1 group-hover:-translate-y-1"/>
+        </div>
+        <div className="p-6 flex-grow">
+          <div className="flex items-center mb-4">
+            <div className={`p-2 rounded-full ${track.color} bg-opacity-20 mr-3`}>
+              {track.icon}
+            </div>
+            <h3 className="text-2xl font-bold text-gray-800 dark:text-gray-200">{track.title}</h3>
+          </div>
+          <p className="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">{track.description}</p>
+          <div className={`inline-block px-3 py-1 rounded-full text-sm font-semibold ${track.color} bg-opacity-20`}>
+            {track.difficulty}
+          </div>
+        </div>
+      </div>
+
+      <Modal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)} track={track} />
+    </>
+  );
+};
+
+export default function HackathonPage() {
+  const tracks: Track[] = [
+    {
+      id: 'build',
+      title: 'Build a Product',
+      description: "This track is designed for builders who want to develop clear, impactful use cases leveraging the full potential of Avalanche's technology stack. It focuses on creating practical applications that address real-world problems, demonstrating the versatility and power of Avalanche.",
+      difficulty: 'Intermediate',
+      color: 'border-blue-500 text-blue-700',
+      icon: <Zap size={24} className="text-blue-500" />,
+      challengeDetails: [
+        'Create practical applications that address real-world problems',
+        'Demonstrate the versatility and power of Avalanche',
+        'Focus on real-world use cases with significant impact potential'
+      ],
+      technologies: {
+        'ICTT and Teleporter': { description: 'Cross-chain communication protocols for data and token transfers across different Avalanche L1s', skills: 'Solidity experience' },
+        'Glacier & Webhooks': { description: 'Create dashboards, enhance data visualization and bring insightful content to your users by reading on-chain indexed data', skills: 'API usage' },
+        'Avalanche L1s': { description: 'Deploy your own Layer 1 blockchain to meet diverse technical requirements and reach scalability', skills: 'Interact with CLI, or using AvaCloud (no code)' },
+        'Custom VMs': { description: 'Innovate with custom virtual machines and EVM-precompiles to enable new types of computations and functionalities on the blockchain', skills: 'Golang, Solidity' },
+        'HyperSDK': { description: 'Create your own Hyper-Performant Virtual Machine', skills: 'Golang, Solidity' }
+      },
+      examples: [
+        'Real World Assets (RWA)',
+        'SocialFi',
+        'DeFi',
+        'Institutional Use Cases',
+        'Supply Chain Management',
+        'Gaming'
+      ],
+      resources: ['BuilderKit', 'Faucet']
+    },
+    {
+      id: 'interop',
+      title: 'Interoperability',
+      description: "This track is designed for developers who want to create seamless, scalable solutions focused on interoperability between different blockchains. Leveraging Avalanche's Interchain Messaging Protocol (ICM) and other cross-chain tools, this track encourages builders to develop solutions that facilitate data and asset transfers across multiple chains efficiently.",
+      difficulty: 'Advanced',
+      color: 'border-green-500 text-green-700',
+      icon: <Link2 size={24} className="text-green-500" />,
+      examples: [
+        'Enable C-chain deployed services in L1s with ICM',
+        'ICM support for the HyperSDK',
+        'Chain abstraction asset transfers, modify the EVM in a way to improve Multichain User Experience',
+        'USDC to L1 via an On-Ramp on the C-Chain and ICTT'
+      ],
+      resources: ['ICM Course', 'ICTT Course', 'AWM Relayer Repo']
+    },
+    {
+      id: 'advanced',
+      title: 'Advanced Technical Development',
+      description: "This track is dedicated to participants who want to focus purely on the technical aspects of blockchain development. It aims to push the boundaries of Avalanche's technology stack, fostering innovation in areas like performance optimization, advanced cryptography, and network scalability without the need to integrate business use cases.",
+      difficulty: 'Advanced',
+      color: 'border-purple-500 text-purple-700',
+      icon: <Code size={24} className="text-purple-500" />,
+      challengeDetails: [
+        'Performance Optimization: Improve the speed and efficiency of blockchain operations, focusing on reducing latency and increasing throughput',
+        'Scalability Solutions: Create innovative solutions to scale the Avalanche network, addressing challenges related to consensus, data storage, and node management',
+        'Developer Tools: Build advanced tools and frameworks to support developers in building, testing, and deploying blockchain applications more efficiently'
+      ],
+      examples: [
+        'Validator manager dashboard (ACP-77): PoA, PoS, dPoS',
+        'Build a DA solution with HyperSDK',
+        'Gas Sponsorship',
+        'Cryptographic enablements such as ZK proofs, etc.'
+      ]
+    },
+    {
+      id: 'innovation',
+      title: 'Open Innovation',
+      description: 'Space for innovative projects that do not strictly fit into other tracks but use Avalanche technologies to solve real and scalable problems.',
+      difficulty: 'Open',
+      color: 'border-yellow-500 text-yellow-700',
+      icon: <Lightbulb size={24} className="text-yellow-500" />,
+      technologies: {
+        'Avalanche Stack': { description: 'Free use of all Avalanche technologies' }
+      },
+      challengeDetails: ["Any innovative solution using Avalanche's capabilities to address problems in various industries."]
+    },
+  ];
+
+  const partners = [
+    {
+      id: 'chainlink',
+      name: 'Chainlink',
+      prize: '$20,000 in Prizes',
+      description: 'Two tracks focused on Chainlink enabled Avalanche L1s and On-chain Finance on Avalanche.',
+      details: [
+        'Track 1: Chainlink enabled Avalanche L1s - $10,000',
+        'Track 2: On-chain Finance on Avalanche - $10,000',
+        'Eligibility: Must use Chainlink to make a state change on blockchain',
+        'Code must be publicly viewable in a repository',
+      ],
+    },
+    {
+      id: 'gogopool',
+      name: 'GoGoPool',
+      prize: '1,000 GGP in Prizes',
+      description: 'Decentralized L1 purpose-built for AI agents using the Avalanche E devnet.',
+      details: [
+        '1st place: 500 GGP tokens',
+        '2nd place: 300 GGP tokens',
+        '3rd place: 200 GGP tokens',
+        'Focus: Explore potential of decentralized L1 blockchain for AI agents',
+        'Judging Criteria: Technical innovation, practicality, and overall cool factor',
+      ],
+    },
+  ];
+
+
+  return (
+    <div>
+      <main className="container relative">
+        <div className="py-12 sm:py-24">
+          <div className="mx-auto max-w-7xl px-6 lg:px-8">
+            <div className="mx-auto w-full lg:mx-0">
+              <h2 className="text-center text-5xl font-bold tracking-tight sm:text-10xl">Summit LATAM Hackathon</h2>
+              <p className="mt-12 text-center text-lg leading-8 text-muted-foreground">
+                  At Avalanche, we believe in the power of technology to transform industries and solve real-world problems.
+                  This hackathon aims to harness the potential of Avalanche's robust technology stack to address pressing issues and create scalable, practical solutions. 
+              </p>
+            </div>
+            <Link href="/course/blockchain-fundamentals" className="block max-w-xl p-4 mx-auto mt-8 text-sm rounded-lg bg-muted border border-b " role="alert">
+              <span className="font-medium">Ready to create a Submission for the Hackathon? </span><span className='underline'>Click here to share your project</span>
+            </Link>
+          </div>
+        </div>
+
+        <section className="mb-12">
+          <h2 className="text-3xl font-bold mb-6 text-gray-800 dark:text-gray-200">Hackathon Tracks</h2>
+          <div className="grid gap-6 md:grid-cols-2">
+            {tracks.map((track) => (
+              <TrackCard key={track.id} track={track} />
+            ))}
+          </div>
+        </section>
+
+        <section className="mb-12">
+          <h2 className="text-3xl font-semibold mb-6 text-gray-800 dark:text-gray-200">Partner Tracks</h2>
+          <div className="grid gap-6 md:grid-cols-2">
+            {partners.map((partner) => (
+              <Card key={partner.id} className="p-6">
+                <h3 className="text-2xl font-semibold mb-3 text-gray-800 dark:text-gray-200">{partner.name}</h3>
+                <Badge className="mb-4 bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-100">{partner.prize}</Badge>
+                <p className="mb-4 text-gray-600 dark:text-gray-400">{partner.description}</p>
+                <div className="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
+                  <h4 className="font-semibold mb-2 text-lg text-gray-800 dark:text-gray-200">Challenge Details:</h4>
+                  <ul className="list-disc pl-5 space-y-1 text-gray-600 dark:text-gray-400">
+                    {partner.details.map((detail, index) => (
+                      <li key={index}>{detail}</li>
+                    ))}
+                  </ul>
+                </div>
+              </Card>
+            ))}
+          </div>
+        </section>
+
+        <section className="mb-12">
+          <h2 className="text-3xl font-semibold mb-6 text-gray-800 dark:text-gray-200">Resources and Support</h2>
+          <div className="grid gap-6 md:grid-cols-3">
+            <Card>
+              <div className="p-6">
+                <Users className="h-12 w-12 text-blue-500 mb-4" />
+                <h3 className="text-xl font-semibold mb-3 text-gray-800 dark:text-gray-200">Technical Mentorship</h3>
+                <p className="text-gray-600 dark:text-gray-400">The DevRel team at Ava Labs will be available to guide teams on various technologies throughout the hackathon.</p>
+              </div>
+            </Card>
+            <Card>
+              <div className="p-6">
+                <Book className="h-12 w-12 text-green-500 mb-4" />
+                <h3 className="text-xl font-semibold mb-3 text-gray-800 dark:text-gray-200">Workshops</h3>
+                <p className="text-gray-600 dark:text-gray-400">Attend hands-on workshops on Avalanche technologies, cross-chain communication, blockchain customization, and data visualization.</p>
+              </div>
+            </Card>
+            <Card>
+              <div className="p-6">
+                <h3 className="text-xl font-semibold mb-3 text-gray-800 dark:text-gray-200">Developer Resources</h3>
+                <ul className="space-y-3 text-gray-600 dark:text-gray-400">
+                  <li>
+                    <Link href="https://academy.avax.network" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
+                      <ExternalLink className="mr-2 h-4 w-4" />
+                      Avalanche Academy
+                    </Link>
+                  </li>
+                  <li>
+                    <Link href="https://faucet.avax.network" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
+                      <ExternalLink className="mr-2 h-4 w-4" />
+                      Avalanche Faucet
+                    </Link>
+                  </li>
+                  <li>
+                    <Link href="https://bento.me/avalanche-developers" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
+                      <ExternalLink className="mr-2 h-4 w-4" />
+                      Avalanche Developers
+                    </Link>
+                  </li>
+                </ul>
+              </div>
+            </Card>
+          </div>
+        </section>
+      </main>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/next-env.d.ts b/next-env.d.ts
index 4f11a03d..40c3d680 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

From d36c73d8ea8a2e6c40bec5ff082877c161bf2fa2 Mon Sep 17 00:00:00 2001
From: Ashutosh Tripathi <ashucoder9@gmail.com>
Date: Tue, 15 Oct 2024 18:46:54 +0530
Subject: [PATCH 3/9] update

---
 app/hackathon/page.tsx     | 163 +++++++++++++------------------
 app/hackathon/partners.tsx | 191 +++++++++++++++++++++++++++++++++++++
 2 files changed, 259 insertions(+), 95 deletions(-)
 create mode 100644 app/hackathon/partners.tsx

diff --git a/app/hackathon/page.tsx b/app/hackathon/page.tsx
index 31fedf35..9a8d78db 100644
--- a/app/hackathon/page.tsx
+++ b/app/hackathon/page.tsx
@@ -1,7 +1,8 @@
 "use client"
 import React, { useState, ReactNode } from "react";
 import Link from 'next/link';
-import { ArrowUpRight, Code, Link as Zap, Link2, Lightbulb, X, Book, Users, ExternalLink } from 'lucide-react';
+import { ArrowUpRight, Code, Link as Zap, Link2, Lightbulb, X, Book, Users, SquareTerminal } from 'lucide-react';
+import PartnerTracks from './partners';
 
 const Card = ({ children, className = "", onClick = () => {} }: { children: ReactNode; className?: string; onClick?: () => void }) => (
   <div className={`bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden ${className}`} onClick={onClick}>
@@ -9,11 +10,10 @@ const Card = ({ children, className = "", onClick = () => {} }: { children: Reac
   </div>
 );
 
-const Badge = ({ children, className = "" }: { children: React.ReactNode; className?: string }) => (
-  <span className={`inline-block px-2 py-1 text-sm font-semibold rounded-full ${className}`}>
-    {children}
-  </span>
-);
+interface Resource {
+  name: string;
+  url: string;
+}
 
 interface Track {
   id: string;
@@ -25,24 +25,9 @@ interface Track {
   challengeDetails?: string[];
   technologies?: { [key: string]: string | { description: string; skills?: string } };
   examples?: string[];
-  resources?: string[];
-}
-
-interface PartnerTrack {
-  id: string;
-  name: string;
-  prize: string;
-  description: string;
-  tracks: {
-    name: string;
-    bounty: string;
-    description: string;
-    examples?: string[];
-  }[];
-  eligibilityRequirements?: string[];
+  resources?: Resource[];
 }
 
-
 const Modal: React.FC<{ isOpen: boolean; onClose: () => void; track: Track }> = ({ isOpen, onClose, track }) => {
   if (!isOpen) return null;
 
@@ -88,7 +73,7 @@ const Modal: React.FC<{ isOpen: boolean; onClose: () => void; track: Track }> =
           )}
           
           {track.examples && track.examples.length > 0 && (
-            <Section title="Examples | Focus Areas">
+            <Section title="Examples">
               <ul className="list-disc pl-5 space-y-2">
                 {track.examples.map((example, index) => (
                   <li key={index} className="text-gray-600 dark:text-gray-400">{example}</li>
@@ -102,7 +87,14 @@ const Modal: React.FC<{ isOpen: boolean; onClose: () => void; track: Track }> =
               <ul className="list-disc pl-5 space-y-2">
                 {track.resources.map((resource, index) => (
                   <li key={index}>
-                    <a href="#" className="text-blue-600 hover:underline">{resource}</a>
+                    <Link 
+                      href={resource.url} 
+                      className="text-blue-600 hover:underline"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      {resource.name}
+                    </Link>
                   </li>
                 ))}
               </ul>
@@ -141,7 +133,7 @@ const TrackCard: React.FC<{ track: Track }> = ({ track }) => {
             <h3 className="text-2xl font-bold text-gray-800 dark:text-gray-200">{track.title}</h3>
           </div>
           <p className="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">{track.description}</p>
-          <div className={`inline-block px-3 py-1 rounded-full text-sm font-semibold ${track.color} bg-opacity-20`}>
+          <div className={`inline-block py-1 rounded-full text-sm font-semibold ${track.color} bg-opacity-20`}>
             {track.difficulty}
           </div>
         </div>
@@ -157,7 +149,7 @@ export default function HackathonPage() {
     {
       id: 'build',
       title: 'Build a Product',
-      description: "This track is designed for builders who want to develop clear, impactful use cases leveraging the full potential of Avalanche's technology stack. It focuses on creating practical applications that address real-world problems, demonstrating the versatility and power of Avalanche.",
+      description: "This track challenges builders to develop impactful use cases that leverage Avalanche's full tech stack. Participants will create practical applications addressing real-world problems with Avalanche technology.",
       difficulty: 'Intermediate',
       color: 'border-blue-500 text-blue-700',
       icon: <Zap size={24} className="text-blue-500" />,
@@ -181,12 +173,15 @@ export default function HackathonPage() {
         'Supply Chain Management',
         'Gaming'
       ],
-      resources: ['BuilderKit', 'Faucet']
+      resources: [
+        { name: 'Avalanche Starter Kit', url: 'https://github.com/ava-labs/avalanche-starter-kit' },
+        { name: 'Faucet', url: 'https://core.app/tools/testnet-faucet/?subnet=c&token=c' }
+      ]
     },
     {
       id: 'interop',
       title: 'Interoperability',
-      description: "This track is designed for developers who want to create seamless, scalable solutions focused on interoperability between different blockchains. Leveraging Avalanche's Interchain Messaging Protocol (ICM) and other cross-chain tools, this track encourages builders to develop solutions that facilitate data and asset transfers across multiple chains efficiently.",
+      description: "Developers will design seamless, scalable solutions for cross-chain interoperability. Using Avalanche's Interchain Messaging Protocol (ICM) and tools, builders will enable efficient multi-chain data transfers.",
       difficulty: 'Advanced',
       color: 'border-green-500 text-green-700',
       icon: <Link2 size={24} className="text-green-500" />,
@@ -196,12 +191,16 @@ export default function HackathonPage() {
         'Chain abstraction asset transfers, modify the EVM in a way to improve Multichain User Experience',
         'USDC to L1 via an On-Ramp on the C-Chain and ICTT'
       ],
-      resources: ['ICM Course', 'ICTT Course', 'AWM Relayer Repo']
+      resources: [
+        { name: 'ICM Course', url: 'https://academy.avax.network/course/interchain-messaging' },
+        { name: 'ICTT Course', url: 'https://academy.avax.network/course/interchain-token-transfer' },
+        { name: 'AWM Relayer Repo', url: 'https://github.com/ava-labs/awm-relayer' }
+      ]
     },
     {
       id: 'advanced',
       title: 'Advanced Technical Development',
-      description: "This track is dedicated to participants who want to focus purely on the technical aspects of blockchain development. It aims to push the boundaries of Avalanche's technology stack, fostering innovation in areas like performance optimization, advanced cryptography, and network scalability without the need to integrate business use cases.",
+      description: "This track invites participants to push Avalanche's technical boundaries. Focusing on performance, cryptography, and scalability, developers will explore cutting-edge blockchain solutions without business constraints.",
       difficulty: 'Advanced',
       color: 'border-purple-500 text-purple-700',
       icon: <Code size={24} className="text-purple-500" />,
@@ -220,7 +219,7 @@ export default function HackathonPage() {
     {
       id: 'innovation',
       title: 'Open Innovation',
-      description: 'Space for innovative projects that do not strictly fit into other tracks but use Avalanche technologies to solve real and scalable problems.',
+      description: "This track invites participants to push Avalanche's technical boundaries. Focusing on performance, cryptography, and scalability, developers will explore cutting-edge blockchain solutions without business constraints.",
       difficulty: 'Open',
       color: 'border-yellow-500 text-yellow-700',
       icon: <Lightbulb size={24} className="text-yellow-500" />,
@@ -231,35 +230,6 @@ export default function HackathonPage() {
     },
   ];
 
-  const partners = [
-    {
-      id: 'chainlink',
-      name: 'Chainlink',
-      prize: '$20,000 in Prizes',
-      description: 'Two tracks focused on Chainlink enabled Avalanche L1s and On-chain Finance on Avalanche.',
-      details: [
-        'Track 1: Chainlink enabled Avalanche L1s - $10,000',
-        'Track 2: On-chain Finance on Avalanche - $10,000',
-        'Eligibility: Must use Chainlink to make a state change on blockchain',
-        'Code must be publicly viewable in a repository',
-      ],
-    },
-    {
-      id: 'gogopool',
-      name: 'GoGoPool',
-      prize: '1,000 GGP in Prizes',
-      description: 'Decentralized L1 purpose-built for AI agents using the Avalanche E devnet.',
-      details: [
-        '1st place: 500 GGP tokens',
-        '2nd place: 300 GGP tokens',
-        '3rd place: 200 GGP tokens',
-        'Focus: Explore potential of decentralized L1 blockchain for AI agents',
-        'Judging Criteria: Technical innovation, practicality, and overall cool factor',
-      ],
-    },
-  ];
-
-
   return (
     <div>
       <main className="container relative">
@@ -278,80 +248,83 @@ export default function HackathonPage() {
           </div>
         </div>
 
-        <section className="mb-12">
+        <div className="mb-12">
+          <Card className="bg-gradient-to-r from-yellow-100 to-yellow-200 dark:from-yellow-800 dark:to-yellow-900">
+            <div className="p-8 text-center">
+              <h3 className="text-3xl font-bold mb-4 flex justify-center items-center gap-2 text-yellow-600 dark:text-yellow-300">
+                <span>🏆</span> Prizes
+              </h3>
+              <div className="text-5xl font-extrabold text-gray-800 dark:text-gray-100 mb-4">
+                $50,000 Prize Pool
+              </div>
+              <p className="text-xl text-gray-700 dark:text-gray-300 mb-6">
+                Distributed across all tracks based on project impact and innovation.
+              </p>
+              <div className="mb-6">
+                <p className="text-lg text-gray-600 dark:text-gray-400">
+                  Top participants may earn a spot in the <strong>Codebase Incubator Program</strong>, gaining access to exclusive resources and mentorship.
+                </p>
+              </div>
+              <Link href="https://codebase.avax.network/" className="inline-block px-6 py-3 bg-yellow-500 text-white rounded-full shadow hover:bg-yellow-600 transition">
+                Learn More About Codebase Incubator →
+              </Link>
+            </div>
+          </Card>
+        </div>
+
+        <div className="mb-12">
           <h2 className="text-3xl font-bold mb-6 text-gray-800 dark:text-gray-200">Hackathon Tracks</h2>
           <div className="grid gap-6 md:grid-cols-2">
             {tracks.map((track) => (
               <TrackCard key={track.id} track={track} />
             ))}
           </div>
-        </section>
+        </div>
 
-        <section className="mb-12">
-          <h2 className="text-3xl font-semibold mb-6 text-gray-800 dark:text-gray-200">Partner Tracks</h2>
-          <div className="grid gap-6 md:grid-cols-2">
-            {partners.map((partner) => (
-              <Card key={partner.id} className="p-6">
-                <h3 className="text-2xl font-semibold mb-3 text-gray-800 dark:text-gray-200">{partner.name}</h3>
-                <Badge className="mb-4 bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-100">{partner.prize}</Badge>
-                <p className="mb-4 text-gray-600 dark:text-gray-400">{partner.description}</p>
-                <div className="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
-                  <h4 className="font-semibold mb-2 text-lg text-gray-800 dark:text-gray-200">Challenge Details:</h4>
-                  <ul className="list-disc pl-5 space-y-1 text-gray-600 dark:text-gray-400">
-                    {partner.details.map((detail, index) => (
-                      <li key={index}>{detail}</li>
-                    ))}
-                  </ul>
-                </div>
-              </Card>
-            ))}
-          </div>
-        </section>
+        <PartnerTracks />
 
-        <section className="mb-12">
+        <div className="mb-12">
           <h2 className="text-3xl font-semibold mb-6 text-gray-800 dark:text-gray-200">Resources and Support</h2>
           <div className="grid gap-6 md:grid-cols-3">
             <Card>
               <div className="p-6">
-                <Users className="h-12 w-12 text-blue-500 mb-4" />
+                <Users className="h-6 w-6 text-blue-500 mb-4" />
                 <h3 className="text-xl font-semibold mb-3 text-gray-800 dark:text-gray-200">Technical Mentorship</h3>
                 <p className="text-gray-600 dark:text-gray-400">The DevRel team at Ava Labs will be available to guide teams on various technologies throughout the hackathon.</p>
               </div>
             </Card>
             <Card>
               <div className="p-6">
-                <Book className="h-12 w-12 text-green-500 mb-4" />
+                <Book className="h-6 w-6 text-green-500 mb-4" />
                 <h3 className="text-xl font-semibold mb-3 text-gray-800 dark:text-gray-200">Workshops</h3>
                 <p className="text-gray-600 dark:text-gray-400">Attend hands-on workshops on Avalanche technologies, cross-chain communication, blockchain customization, and data visualization.</p>
               </div>
             </Card>
             <Card>
               <div className="p-6">
+                <SquareTerminal className="h-6 w-6 text-green-500 mb-4" />
                 <h3 className="text-xl font-semibold mb-3 text-gray-800 dark:text-gray-200">Developer Resources</h3>
                 <ul className="space-y-3 text-gray-600 dark:text-gray-400">
                   <li>
-                    <Link href="https://academy.avax.network" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
-                      <ExternalLink className="mr-2 h-4 w-4" />
-                      Avalanche Academy
+                    <Link href="https://docs.avax.network" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
+                      Avalanche Docs
                     </Link>
                   </li>
                   <li>
-                    <Link href="https://faucet.avax.network" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
-                      <ExternalLink className="mr-2 h-4 w-4" />
-                      Avalanche Faucet
+                    <Link href="https://academy.avax.network" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
+                      Avalanche Academy
                     </Link>
                   </li>
                   <li>
-                    <Link href="https://bento.me/avalanche-developers" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
-                      <ExternalLink className="mr-2 h-4 w-4" />
-                      Avalanche Developers
+                    <Link href="https://core.app/tools/testnet-faucet/?subnet=c&token=c" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
+                      Avalanche Faucet
                     </Link>
                   </li>
                 </ul>
               </div>
             </Card>
           </div>
-        </section>
+        </div>
       </main>
     </div>
   );
diff --git a/app/hackathon/partners.tsx b/app/hackathon/partners.tsx
new file mode 100644
index 00000000..d6d7c98c
--- /dev/null
+++ b/app/hackathon/partners.tsx
@@ -0,0 +1,191 @@
+import React, { useState } from 'react';
+import { ArrowUpRight, X } from 'lucide-react';
+
+interface PartnerTrack {
+  id: string;
+  name: string;
+  prize: string;
+  description: string;
+  tracks: {
+    name: string;
+    bounty: string;
+    description: string;
+    examples?: string[];
+  }[];
+  eligibilityRequirements?: string[];
+}
+
+const Badge = ({ children, className = "" }: { children: React.ReactNode; className?: string }) => (
+  <span className={`inline-block px-2 py-1 text-sm font-semibold rounded-full ${className}`}>
+    {children}
+  </span>
+);
+
+const Section: React.FC<{ title: string; children: React.ReactNode }> = ({ title, children }) => (
+  <div className="mb-6">
+    <h3 className="text-xl font-semibold mb-3 text-gray-800 dark:text-gray-200 border-b pb-2 dark:border-gray-700">{title}</h3>
+    {children}
+  </div>
+);
+
+const renderDescription = (text: string) => {
+  return text.split('\n').map((line, index) => (
+    <React.Fragment key={index}>
+      {line}
+      {index < text.split('\n').length - 1 && <br />}
+    </React.Fragment>
+  ));
+};
+
+const Modal: React.FC<{ isOpen: boolean; onClose: () => void; track: PartnerTrack }> = ({ isOpen, onClose, track }) => {
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex justify-center items-center p-4">
+      <div className="bg-white dark:bg-gray-800 rounded-lg max-w-3xl w-full max-h-[90vh] overflow-y-auto">
+        <div className="sticky top-0 bg-white dark:bg-gray-800 z-10 flex justify-between items-center p-6 border-b dark:border-gray-700">
+          <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-200">{track.name}</h2>
+          <button onClick={onClose} className="text-gray-500 hover:text-gray-700">
+            <X size={24} />
+          </button>
+        </div>
+        <div className="p-6">
+          <p className="text-gray-600 dark:text-gray-400 mb-6 text-lg whitespace-pre-line">
+            {renderDescription(track.description)}
+          </p>
+          
+          <Section title="Prize">
+            <p className="text-blue-600 font-semibold">{track.prize}</p>
+          </Section>
+          
+          {track.tracks.map((subTrack, index) => (
+            <Section key={index} title={subTrack.name}>
+              <p className="text-blue-600 font-semibold mb-2">Bounty: {subTrack.bounty}</p>
+              <p className="text-gray-600 dark:text-gray-400 mb-4 whitespace-pre-line">
+                {renderDescription(subTrack.description)}
+              </p>
+              {subTrack.examples && subTrack.examples.length > 0 && (
+                <div>
+                  <h4 className="font-semibold text-gray-700 dark:text-gray-300 mb-2">Examples:</h4>
+                  <ul className="list-disc pl-5 space-y-1">
+                    {subTrack.examples.map((example, idx) => (
+                      <li key={idx} className="text-gray-600 dark:text-gray-400 whitespace-pre-line">
+                        {renderDescription(example)}
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              )}
+            </Section>
+          ))}
+          
+          {track.eligibilityRequirements && track.eligibilityRequirements.length > 0 && (
+            <Section title="Eligibility Requirements">
+              <ul className="list-disc pl-5 space-y-1">
+                {track.eligibilityRequirements.map((req, index) => (
+                  <li key={index} className="text-gray-600 dark:text-gray-400 whitespace-pre-line">
+                    {renderDescription(req)}
+                  </li>
+                ))}
+              </ul>
+            </Section>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const PartnerTrackCard: React.FC<{ track: PartnerTrack }> = ({ track }) => {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  return (
+    <>
+      <div 
+        className="group bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden h-full flex flex-col relative cursor-pointer transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-102"
+        onClick={() => setIsModalOpen(true)}
+      >
+        <div className="absolute top-3 right-3 text-gray-400 transition-all duration-300 ease-in-out group-hover:text-blue-600">
+          <ArrowUpRight 
+            size={28}
+            className="transform transition-transform duration-300 ease-in-out group-hover:translate-x-1 group-hover:-translate-y-1"
+          />
+        </div>
+        <div className="p-6 flex-grow">
+          <h3 className="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-4">{track.name}</h3>
+          <Badge className="mb-4 bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-100">{track.prize}</Badge>
+          <p className="text-gray-600 dark:text-gray-400 mb-4 line-clamp-3">{track.description}</p>
+        </div>
+      </div>
+
+      <Modal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)} track={track} />
+    </>
+  );
+};
+
+const PartnerTracks: React.FC = () => {
+  const partnerTracks: PartnerTrack[] = [
+    {
+      id: 'chainlink',
+      name: 'Chainlink',
+      prize: '$20,000 in Prizes',
+      description: "Two tracks focused on Chainlink enabled Avalanche L1s and On-chain Finance on Avalanche. Leverage Chainlink's powerful oracle network to build innovative solutions on Avalanche.",
+      tracks: [
+        {
+          name: '1: Chainlink-enabled Avalanche L1s',
+          bounty: '$10,000 ($2,000 to the 5 best projects)',
+          description: "Build a decentralized application on an Avalanche L1 that makes use of a Chainlink service on Fuji, which is then brought onto the L1 using Avalanche Teleporter. Explore the possibilities of cross-chain communication and data transfer using Chainlink's advanced protocols.",
+          examples: [
+            'Deploy a game on an Avalanche L1 that stores its native assets as NFTs on Ethereum Sepolia for maximum censorship resistance. Use Chainlink CCIP to facilitate communications between Ethereum and Avalanche Fuji. Implement Teleporter for communication between Fuji and Avalanche L1.',
+            'Develop a DeFi protocol that combines liquidity across multiple blockchain ecosystems into an Avalanche L1. Utilize Chainlink CCIP for secure cross-chain data and asset transfers. Implement Teleporter for efficient communication between chains.',
+            'Create a SocialFi app on an Avalanche L1 that integrates with Web2 social platforms. Use Chainlink Functions on Fuji to connect to platforms like TikTok and Instagram. Fetch and analyze social metrics and analytic data to provide valuable insights to users.'
+          ]
+        },
+        {
+          name: '2: Onchain Finance on Avalanche',
+          bounty: '$10,000 ($2,000 to the 5 best projects)',
+          description: "Build innovative financial products and services that leverage the strengths of both Avalanche and Chainlink.\n\n 1. Tokenization or RWA protocol: Develop a protocol that brings real-world assets on-chain to the Avalanche ecosystem. Utilize Chainlink products like Functions and CCIP for secure and efficient data transfer and asset representation.\n\n2. Advanced financial instruments: Create cutting-edge perpetuals, options, or prediction markets on Avalanche. Combine Chainlink's high-speed Data Streams with Avalanche's rapid 1-second finality for ultra-responsive financial products."
+        }
+      ],
+      eligibilityRequirements: [
+        'Chainlink integration: Projects must use Chainlink in some form to make a state change on a blockchain. Simply reading from Chainlink data feeds is not sufficient.',
+        'Code visibility: All project code must be publicly viewable in a repository for judging purposes.',
+        'Documentation: Clearly document how Chainlink is used in your project description.',
+        'Verifiable implementation: Ensure that judges can easily locate and verify the Chainlink integration in your code. Merely stating an intention to use Chainlink is not valid.'
+      ]
+    },
+    {
+      id: 'gogopool',
+      name: 'GoGoPool',
+      prize: '1,000 GGP in Prizes',
+      description: "Explore the frontier of AI and blockchain integration with GoGoPool's challenge. Build a decentralized L1 blockchain purpose-built for AI agents using the Avalanche Etna Devnet.",
+      tracks: [
+        {
+          name: 'Decentralized L1 for AI Agents',
+          bounty: '1,000 GGP [1st place: 500 GGP, 2nd place: 300 GGP, 3rd place: 200 GGP]',
+          description: 'This track invites participants to push the boundaries of AI and blockchain integration.\n\n1. Develop a decentralized L1 blockchain tailored for AI agent interactions.\n2. Showcase swarms of autonomous AI agents transacting with each other on-chain.\n3. Utilize the Avalanche Etna Devnet to demonstrate real-time, efficient transactions.\n4. Create a system where multiple AI agents can communicate, negotiate, and transact autonomously.\n\nYour challenge is to bring the concept of AI-driven blockchain interactions to life, demonstrating the potential of this groundbreaking integration.'
+        }
+      ],
+      eligibilityRequirements: [
+        "Technical innovation: Push the boundaries of what's possible with AI and blockchain",
+        "Practicality: Demonstrate real-world applicability and potential impact",
+        "Cool factor: Showcase creative and exciting implementations of AI swarms interacting on-chain",
+        "Utilization of Avalanche Etna Devnet: Effectively leverage the provided infrastructure",
+        "Documentation: Clearly explain your project's architecture, AI agent design, and blockchain integration"
+      ]
+    }
+  ];
+
+  return (
+    <div className="mb-12">
+      <h2 className="text-3xl font-bold mb-6 text-gray-800 dark:text-gray-200">Partner Tracks</h2>
+      <div className="grid gap-6 md:grid-cols-2">
+        {partnerTracks.map((track) => (
+          <PartnerTrackCard key={track.id} track={track} />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default PartnerTracks;
\ No newline at end of file

From 4fec8bc8c26f5916d5c0d774a4721a439d7ae454 Mon Sep 17 00:00:00 2001
From: Ashutosh Tripathi <ashucoder9@gmail.com>
Date: Tue, 15 Oct 2024 18:52:56 +0530
Subject: [PATCH 4/9] minor changes

---
 app/hackathon/page.tsx | 2 +-
 app/layout.config.tsx  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/hackathon/page.tsx b/app/hackathon/page.tsx
index 9a8d78db..f66dc5dc 100644
--- a/app/hackathon/page.tsx
+++ b/app/hackathon/page.tsx
@@ -242,7 +242,7 @@ export default function HackathonPage() {
                   This hackathon aims to harness the potential of Avalanche's robust technology stack to address pressing issues and create scalable, practical solutions. 
               </p>
             </div>
-            <Link href="/course/blockchain-fundamentals" className="block max-w-xl p-4 mx-auto mt-8 text-sm rounded-lg bg-muted border border-b " role="alert">
+            <Link href="https://avax.typeform.com/to/mUSRGxjh" className="block max-w-xl p-4 mx-auto mt-8 text-sm rounded-lg bg-muted border border-b ">
               <span className="font-medium">Ready to create a Submission for the Hackathon? </span><span className='underline'>Click here to share your project</span>
             </Link>
           </div>
diff --git a/app/layout.config.tsx b/app/layout.config.tsx
index 594da185..6577b336 100644
--- a/app/layout.config.tsx
+++ b/app/layout.config.tsx
@@ -27,6 +27,10 @@ export const baseOptions: BaseLayoutProps = {
       text: 'Contribute',
       url: '/contribute',
     },
+    {
+      text: 'Hackathons',
+      url: '/hackathon',
+    },
   ],
 };
 

From 5af442b01fc1c2e841e31ebbd5a8b2bf514c8ac8 Mon Sep 17 00:00:00 2001
From: Ashutosh Tripathi <ashucoder9@gmail.com>
Date: Tue, 15 Oct 2024 19:23:50 +0530
Subject: [PATCH 5/9] change button

---
 app/hackathon/page.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/hackathon/page.tsx b/app/hackathon/page.tsx
index f66dc5dc..92d24919 100644
--- a/app/hackathon/page.tsx
+++ b/app/hackathon/page.tsx
@@ -3,6 +3,7 @@ import React, { useState, ReactNode } from "react";
 import Link from 'next/link';
 import { ArrowUpRight, Code, Link as Zap, Link2, Lightbulb, X, Book, Users, SquareTerminal } from 'lucide-react';
 import PartnerTracks from './partners';
+import { buttonVariants } from '@/components/ui/button';
 
 const Card = ({ children, className = "", onClick = () => {} }: { children: ReactNode; className?: string; onClick?: () => void }) => (
   <div className={`bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden ${className}`} onClick={onClick}>
@@ -233,7 +234,7 @@ export default function HackathonPage() {
   return (
     <div>
       <main className="container relative">
-        <div className="py-12 sm:py-24">
+        <div className="py-12 sm:py-12">
           <div className="mx-auto max-w-7xl px-6 lg:px-8">
             <div className="mx-auto w-full lg:mx-0">
               <h2 className="text-center text-5xl font-bold tracking-tight sm:text-10xl">Summit LATAM Hackathon</h2>
@@ -242,9 +243,11 @@ export default function HackathonPage() {
                   This hackathon aims to harness the potential of Avalanche's robust technology stack to address pressing issues and create scalable, practical solutions. 
               </p>
             </div>
-            <Link href="https://avax.typeform.com/to/mUSRGxjh" className="block max-w-xl p-4 mx-auto mt-8 text-sm rounded-lg bg-muted border border-b ">
-              <span className="font-medium">Ready to create a Submission for the Hackathon? </span><span className='underline'>Click here to share your project</span>
-            </Link>
+            <div className="flex items-center max-w-xl p-4 mx-auto mt-4 text-sm rounded-lg group" style={{ justifyContent: "center" }}>
+              <Link href="https://avax.typeform.com/to/mUSRGxjh" className={buttonVariants({ size: 'lg', variant: 'default' })}>
+                Click Here to Submit your Project <ArrowUpRight size={20} style={{ color: "inherit" }}/>
+              </Link>
+            </div>
           </div>
         </div>
 

From 13360e1dc18fdbf6f3fd6167ecd7a1faa48ed8cf Mon Sep 17 00:00:00 2001
From: Ashutosh Tripathi <ashucoder9@gmail.com>
Date: Wed, 16 Oct 2024 15:34:08 +0530
Subject: [PATCH 6/9] add thirdweb bounty

---
 app/hackathon/page.tsx     | 17 ++++++++++++--
 app/hackathon/partners.tsx | 47 +++++++++++++++++++++++++++-----------
 2 files changed, 49 insertions(+), 15 deletions(-)

diff --git a/app/hackathon/page.tsx b/app/hackathon/page.tsx
index 92d24919..7fadb8e5 100644
--- a/app/hackathon/page.tsx
+++ b/app/hackathon/page.tsx
@@ -11,6 +11,12 @@ const Card = ({ children, className = "", onClick = () => {} }: { children: Reac
   </div>
 );
 
+const Badge = ({ children, className = "" }: { children: React.ReactNode; className?: string }) => (
+  <span className={`inline-block px-2 py-1 text-sm font-semibold rounded-full ${className}`}>
+    {children}
+  </span>
+);
+
 interface Resource {
   name: string;
   url: string;
@@ -117,6 +123,13 @@ const Section: React.FC<{ title: string; children: React.ReactNode }> = ({ title
 const TrackCard: React.FC<{ track: Track }> = ({ track }) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
+  const badgeColors = {
+    'Beginner': 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900 dark:text-emerald-100',
+    'Intermediate': 'bg-amber-100 text-amber-800 dark:bg-amber-900 dark:text-amber-100',
+    'Advanced': 'bg-rose-100 text-rose-800 dark:bg-rose-900 dark:text-rose-100',
+    'Open': 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-100'
+  };
+
   return (
     <>
       <div 
@@ -134,9 +147,9 @@ const TrackCard: React.FC<{ track: Track }> = ({ track }) => {
             <h3 className="text-2xl font-bold text-gray-800 dark:text-gray-200">{track.title}</h3>
           </div>
           <p className="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">{track.description}</p>
-          <div className={`inline-block py-1 rounded-full text-sm font-semibold ${track.color} bg-opacity-20`}>
+          <Badge className={`mb-2 ${badgeColors[track.difficulty]}`}>
             {track.difficulty}
-          </div>
+          </Badge>
         </div>
       </div>
 
diff --git a/app/hackathon/partners.tsx b/app/hackathon/partners.tsx
index d6d7c98c..b5cbd3e3 100644
--- a/app/hackathon/partners.tsx
+++ b/app/hackathon/partners.tsx
@@ -13,6 +13,7 @@ interface PartnerTrack {
     examples?: string[];
   }[];
   eligibilityRequirements?: string[];
+  resources?: { name: string; url: string }[]; // New field for resources
 }
 
 const Badge = ({ children, className = "" }: { children: React.ReactNode; className?: string }) => (
@@ -90,6 +91,21 @@ const Modal: React.FC<{ isOpen: boolean; onClose: () => void; track: PartnerTrac
               </ul>
             </Section>
           )}
+
+          {/* New section for resources */}
+          {track.resources && track.resources.length > 0 && (
+            <Section title="Resources">
+              <ul className="list-disc pl-5 space-y-1">
+                {track.resources.map((resource, index) => (
+                  <li key={index} className="text-gray-600 dark:text-gray-400">
+                    <a href={resource.url} target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">
+                      {resource.name}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            </Section>
+          )}
         </div>
       </div>
     </div>
@@ -152,26 +168,31 @@ const PartnerTracks: React.FC = () => {
         'Code visibility: All project code must be publicly viewable in a repository for judging purposes.',
         'Documentation: Clearly document how Chainlink is used in your project description.',
         'Verifiable implementation: Ensure that judges can easily locate and verify the Chainlink integration in your code. Merely stating an intention to use Chainlink is not valid.'
+      ],
+      resources: [
+        { name: 'Chainlink Documentation', url: 'https://docs.chain.link/' },
+        { name: 'Chainlink CCIP', url: 'https://chain.link/cross-chain' },
+        { name: 'Chainlink Functions', url: 'https://chain.link/functions' }
       ]
     },
     {
-      id: 'gogopool',
-      name: 'GoGoPool',
-      prize: '1,000 GGP in Prizes',
-      description: "Explore the frontier of AI and blockchain integration with GoGoPool's challenge. Build a decentralized L1 blockchain purpose-built for AI agents using the Avalanche Etna Devnet.",
+      id: 'thirdweb',
+      name: 'ThirdWeb',
+      prize: 'Credits worth $600 for Developers',
+      description: "Leverage ThirdWeb toolings to create Web3 solutions that make blockchain technology accessible and practical for everyone. Receive credits worth $600 for different ThirdWeb services.",
       tracks: [
         {
-          name: 'Decentralized L1 for AI Agents',
-          bounty: '1,000 GGP [1st place: 500 GGP, 2nd place: 300 GGP, 3rd place: 200 GGP]',
-          description: 'This track invites participants to push the boundaries of AI and blockchain integration.\n\n1. Develop a decentralized L1 blockchain tailored for AI agent interactions.\n2. Showcase swarms of autonomous AI agents transacting with each other on-chain.\n3. Utilize the Avalanche Etna Devnet to demonstrate real-time, efficient transactions.\n4. Create a system where multiple AI agents can communicate, negotiate, and transact autonomously.\n\nYour challenge is to bring the concept of AI-driven blockchain interactions to life, demonstrating the potential of this groundbreaking integration.'
+          name: 'Web3 Solutions for Everyone',
+          bounty: '3 months Growth ($300) and Engine ($300) credit coupons',
+          description: "This track invites developers to build innovative Web3 applications or games utilizing ThirdWeb's cutting-edge tools. Participants will explore wallet integration and backend infrastructure to create seamless blockchain experiences that are accessible to all.\n\n1. Build an app or game with In-App Wallets for easy user onboarding.\n2. Implement Smart Wallets (Account Abstraction) to enhance user experience and security.\n3. Utilize ThirdWeb Engine to ensure scalable backend infrastructure for your application.\n\nBuild apps to onboard the next generation of users with seamless wallets experiences using In-App and Smart Wallets and scalable backends with Engine. "
         }
       ],
-      eligibilityRequirements: [
-        "Technical innovation: Push the boundaries of what's possible with AI and blockchain",
-        "Practicality: Demonstrate real-world applicability and potential impact",
-        "Cool factor: Showcase creative and exciting implementations of AI swarms interacting on-chain",
-        "Utilization of Avalanche Etna Devnet: Effectively leverage the provided infrastructure",
-        "Documentation: Clearly explain your project's architecture, AI agent design, and blockchain integration"
+      resources: [
+        { name: 'ThirdWeb Portal', url: 'https://portal.thirdweb.com/' },
+        { name: 'In-App Wallet', url: 'https://portal.thirdweb.com/connect/in-app-wallet/overview' },
+        { name: 'Account Abstraction', url: 'https://portal.thirdweb.com/connect/account-abstraction/overview' },
+        { name: 'Engine', url: 'https://portal.thirdweb.com/engine' },
+        { name: 'YouTube Videos', url: 'https://www.youtube.com/@thirdweb_' }
       ]
     }
   ];

From f94497fae7e2d22df19cb9494b14b6ae2f7a3805 Mon Sep 17 00:00:00 2001
From: Ashutosh Tripathi <ashucoder9@gmail.com>
Date: Wed, 16 Oct 2024 15:42:51 +0530
Subject: [PATCH 7/9] design changes

---
 app/hackathon/page.tsx | 52 ++++++++++++++++++++++++------------------
 1 file changed, 30 insertions(+), 22 deletions(-)

diff --git a/app/hackathon/page.tsx b/app/hackathon/page.tsx
index 7fadb8e5..61d9c034 100644
--- a/app/hackathon/page.tsx
+++ b/app/hackathon/page.tsx
@@ -245,26 +245,26 @@ export default function HackathonPage() {
   ];
 
   return (
-    <div>
-      <main className="container relative">
-        <div className="py-12 sm:py-12">
-          <div className="mx-auto max-w-7xl px-6 lg:px-8">
-            <div className="mx-auto w-full lg:mx-0">
-              <h2 className="text-center text-5xl font-bold tracking-tight sm:text-10xl">Summit LATAM Hackathon</h2>
-              <p className="mt-12 text-center text-lg leading-8 text-muted-foreground">
-                  At Avalanche, we believe in the power of technology to transform industries and solve real-world problems.
-                  This hackathon aims to harness the potential of Avalanche's robust technology stack to address pressing issues and create scalable, practical solutions. 
-              </p>
-            </div>
-            <div className="flex items-center max-w-xl p-4 mx-auto mt-4 text-sm rounded-lg group" style={{ justifyContent: "center" }}>
-              <Link href="https://avax.typeform.com/to/mUSRGxjh" className={buttonVariants({ size: 'lg', variant: 'default' })}>
-                Click Here to Submit your Project <ArrowUpRight size={20} style={{ color: "inherit" }}/>
-              </Link>
-            </div>
+    <main className="container relative">
+      <div className="py-12 sm:py-12">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+          <div className="mx-auto w-full lg:mx-0">
+            <h2 className="text-center text-5xl font-bold tracking-tight sm:text-10xl">Summit LATAM Hackathon</h2>
+            <p className="mt-12 text-center text-lg leading-8 text-muted-foreground">
+              At Avalanche, we believe in the power of technology to transform industries and solve real-world problems.
+              This hackathon aims to harness the potential of Avalanche's robust technology stack to address pressing issues and create scalable, practical solutions. 
+            </p>
+          </div>
+          <div className="flex items-center max-w-xl p-4 mx-auto mt-4 text-sm rounded-lg group" style={{ justifyContent: "center" }}>
+            <Link href="https://avax.typeform.com/to/mUSRGxjh" className={buttonVariants({ size: 'lg', variant: 'default' })}>
+              Click Here to Submit your Project <ArrowUpRight size={20} style={{ color: "inherit" }}/>
+            </Link>
           </div>
         </div>
+      </div>
 
-        <div className="mb-12">
+      <div className="py-6 sm:py-8">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <Card className="bg-gradient-to-r from-yellow-100 to-yellow-200 dark:from-yellow-800 dark:to-yellow-900">
             <div className="p-8 text-center">
               <h3 className="text-3xl font-bold mb-4 flex justify-center items-center gap-2 text-yellow-600 dark:text-yellow-300">
@@ -287,8 +287,10 @@ export default function HackathonPage() {
             </div>
           </Card>
         </div>
+      </div>
 
-        <div className="mb-12">
+      <div className="py-12 sm:py-12">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <h2 className="text-3xl font-bold mb-6 text-gray-800 dark:text-gray-200">Hackathon Tracks</h2>
           <div className="grid gap-6 md:grid-cols-2">
             {tracks.map((track) => (
@@ -296,10 +298,16 @@ export default function HackathonPage() {
             ))}
           </div>
         </div>
+      </div>
 
-        <PartnerTracks />
+      <div className="py-8 sm:py-8">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+          <PartnerTracks />
+        </div>
+      </div>
 
-        <div className="mb-12">
+      <div className="py-4 sm:py-4">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <h2 className="text-3xl font-semibold mb-6 text-gray-800 dark:text-gray-200">Resources and Support</h2>
           <div className="grid gap-6 md:grid-cols-3">
             <Card>
@@ -341,7 +349,7 @@ export default function HackathonPage() {
             </Card>
           </div>
         </div>
-      </main>
-    </div>
+      </div>
+    </main>
   );
 }
\ No newline at end of file

From e8f69af0d5755bf295d7b6eddb4919711694ff38 Mon Sep 17 00:00:00 2001
From: Ashutosh Tripathi <ashucoder9@gmail.com>
Date: Wed, 16 Oct 2024 15:47:43 +0530
Subject: [PATCH 8/9] minor change

---
 app/hackathon/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/hackathon/page.tsx b/app/hackathon/page.tsx
index 61d9c034..5cfbb48c 100644
--- a/app/hackathon/page.tsx
+++ b/app/hackathon/page.tsx
@@ -263,7 +263,7 @@ export default function HackathonPage() {
         </div>
       </div>
 
-      <div className="py-6 sm:py-8">
+      <div className="py-6 sm:py-6">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <Card className="bg-gradient-to-r from-yellow-100 to-yellow-200 dark:from-yellow-800 dark:to-yellow-900">
             <div className="p-8 text-center">

From d03d83dd8df2cda6ebc62bb7e1d63718b7bb7e9c Mon Sep 17 00:00:00 2001
From: Ashutosh Tripathi <ashucoder9@gmail.com>
Date: Wed, 16 Oct 2024 16:05:40 +0530
Subject: [PATCH 9/9] add more resources

---
 app/hackathon/page.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/hackathon/page.tsx b/app/hackathon/page.tsx
index 5cfbb48c..246f9c34 100644
--- a/app/hackathon/page.tsx
+++ b/app/hackathon/page.tsx
@@ -189,6 +189,8 @@ export default function HackathonPage() {
       ],
       resources: [
         { name: 'Avalanche Starter Kit', url: 'https://github.com/ava-labs/avalanche-starter-kit' },
+        { name: 'HyperSDK Starter Kit', url: 'https://github.com/ava-labs/hypersdk-starter-kit' },
+        { name: 'BuilderKit', url: 'https://www.npmjs.com/package/@0xstt/builderkit' },
         { name: 'Faucet', url: 'https://core.app/tools/testnet-faucet/?subnet=c&token=c' }
       ]
     },
@@ -228,6 +230,11 @@ export default function HackathonPage() {
         'Build a DA solution with HyperSDK',
         'Gas Sponsorship',
         'Cryptographic enablements such as ZK proofs, etc.'
+      ],
+      resources: [
+        { name: 'HyperSDK Starter Kit', url: 'https://github.com/ava-labs/hypersdk-starter-kit' },
+        { name: 'Validator Manager Contracts', url: 'https://github.com/ava-labs/teleporter/tree/validator-manager/contracts/validator-manager' },
+        { name: 'Faucet', url: 'https://core.app/tools/testnet-faucet/?subnet=c&token=c' }
       ]
     },
     {
@@ -245,7 +252,7 @@ export default function HackathonPage() {
   ];
 
   return (
-    <main className="container relative">
+    <main className="container relative py-6">
       <div className="py-12 sm:py-12">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto w-full lg:mx-0">