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/hackathon/layout.tsx b/app/hackathon/layout.tsx
new file mode 100644
index 00000000..a15489ac
--- /dev/null
+++ b/app/hackathon/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/hackathon/page.tsx b/app/hackathon/page.tsx
new file mode 100644
index 00000000..246f9c34
--- /dev/null
+++ b/app/hackathon/page.tsx
@@ -0,0 +1,362 @@
+"use client"
+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}>
+    {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 Resource {
+  name: string;
+  url: string;
+}
+
+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?: Resource[];
+}
+
+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">
+              <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}>
+                    <Link 
+                      href={resource.url} 
+                      className="text-blue-600 hover:underline"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      {resource.name}
+                    </Link>
+                  </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);
+
+  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 
+        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>
+          <Badge className={`mb-2 ${badgeColors[track.difficulty]}`}>
+            {track.difficulty}
+          </Badge>
+        </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 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" />,
+      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: [
+        { 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' }
+      ]
+    },
+    {
+      id: 'interop',
+      title: 'Interoperability',
+      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" />,
+      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: [
+        { 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 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" />,
+      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.'
+      ],
+      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' }
+      ]
+    },
+    {
+      id: 'innovation',
+      title: 'Open Innovation',
+      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" />,
+      technologies: {
+        'Avalanche Stack': { description: 'Free use of all Avalanche technologies' }
+      },
+      challengeDetails: ["Any innovative solution using Avalanche's capabilities to address problems in various industries."]
+    },
+  ];
+
+  return (
+    <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">
+            <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="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">
+              <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>
+
+      <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) => (
+              <TrackCard key={track.id} track={track} />
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div className="py-8 sm:py-8">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+          <PartnerTracks />
+        </div>
+      </div>
+
+      <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>
+              <div className="p-6">
+                <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-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://docs.avax.network" className="flex items-center text-blue-600 dark:text-blue-400 hover:underline">
+                      Avalanche Docs
+                    </Link>
+                  </li>
+                  <li>
+                    <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://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>
+        </div>
+      </div>
+    </main>
+  );
+}
\ No newline at end of file
diff --git a/app/hackathon/partners.tsx b/app/hackathon/partners.tsx
new file mode 100644
index 00000000..b5cbd3e3
--- /dev/null
+++ b/app/hackathon/partners.tsx
@@ -0,0 +1,212 @@
+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[];
+  resources?: { name: string; url: string }[]; // New field for resources
+}
+
+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>
+          )}
+
+          {/* 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>
+  );
+};
+
+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.'
+      ],
+      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: '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: '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. "
+        }
+      ],
+      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_' }
+      ]
+    }
+  ];
+
+  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
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',
+    },
   ],
 };
 
diff --git a/content/course/interchain-token-transfer/index.mdx b/content/course/interchain-token-transfer/index.mdx
index 35a2ec58..dd407036 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
 
 ### Avalanche Starter Kit
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