diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 24c12f0..d02cf92 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -16,6 +16,7 @@
         "axios": "^1.7.2",
         "eslint-config-next": "13.4.19",
         "framer-motion": "^11.2.13",
+        "lucide-react": "^0.511.0",
         "next": "13.4.12",
         "next-emoji-rain": "^1.0.2",
         "postcss": "8.4.29",
@@ -3378,6 +3379,14 @@
         "node": ">=10"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "0.511.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.511.0.tgz",
+      "integrity": "sha512-VK5a2ydJ7xm8GvBeKLS9mu1pVK6ucef9780JVUjw6bAjJL/QXnd4Y0p7SPeOUMC27YhzNCZvm5d/QX0Tp3rc0w==",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index a697947..4a04cd5 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,6 +21,7 @@
     "axios": "^1.7.2",
     "eslint-config-next": "13.4.19",
     "framer-motion": "^11.2.13",
+    "lucide-react": "^0.511.0",
     "next": "13.4.12",
     "next-emoji-rain": "^1.0.2",
     "postcss": "8.4.29",
diff --git a/frontend/public/assets/the_trade_desk_logo.svg b/frontend/public/assets/the_trade_desk_logo.svg
new file mode 100644
index 0000000..25545c1
--- /dev/null
+++ b/frontend/public/assets/the_trade_desk_logo.svg
@@ -0,0 +1,33 @@
+  <svg
+    version="1.2"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 1700 210"
+    width="100%"
+    height="auto"
+    style="display: inline-block;"
+  >
+	<title>TTD_BIG</title>
+	<style>
+		.s0 { fill: #ffffff } 
+	</style>
+	<g>
+		<path class="s0" d="m267.5 161.6c-23.3 0-34.9-13.2-34.9-35.4v-58.6h-21.1v-22.8h21.1v-29.2l27.8-6.9v36.1h29.1v22.8h-29.1v56.1c0 8.8 4 12.7 12.8 12.7 5.8 0 10.4-0.3 18-1.2v23.3c-7.8 2-15.5 3.1-23.8 3.1z"/>
+		<path class="s0" d="m375.5 160.1v-71.2c0-13.2-4.4-21.5-19.1-21.5-16.6 0-23.8 17.7-23.8 31.9v60.7h-27.7v-159.9h27.7v57c6.7-9.8 19.5-15 31.5-15 24.7 0 39.1 17.4 39.1 41.2v76.9h-27.7z"/>
+		<path class="s0" d="m523.6 111.2h-77.2c-0.2 8.8 2.9 17.2 8.4 22.6 4 3.7 9.6 7.1 17.1 7.1 8 0 12.9-1.6 16.9-5.6 2.4-2.4 4.5-5.6 5.6-9.8h26.6c-0.7 6.9-5.3 16-9.8 21.3-9.7 11.6-24.1 16.2-38.8 16.2-15.7 0-27.3-5.6-36.4-14.2-11.5-11.1-17.7-27.3-17.7-46 0-18.8 5.6-34.9 16.6-46.2 8.7-8.8 21.1-14.5 36.9-14.5 17.1 0 32.6 6.8 42.1 21.3 8.4 12.6 10.4 25.7 10 40.1 0 0-0.2 5.2-0.2 7.7zm-34.6-40.4c-3.7-3.9-9.5-6.6-17.5-6.6-8.4 0-15.3 3.6-19.3 8.9-4 5.1-5.7 10.3-6 17.9h50c-0.3-8.6-2.7-15.3-7.2-20.2z"/>
+		<path class="s0" d="m583.4 29.5v130.6h-30v-130.6h-46.6v-28h123.3v28c0 0-46.6 0-46.7 0z"/>
+		<path class="s0" d="m676.1 69.5c-19.5 0-29.8 13.9-29.8 32.6v58h-27.9v-115.2h23.5l2.4 17.3c5.4-13.3 19.2-18.8 32.7-18.8 2.9 0 5.8 0.2 8.6 0.6v26.6c-3-0.7-6.4-1.1-9.5-1.1z"/>
+		<path class="s0" d="m787 161.9c-12 0-18.6-7.6-19.5-16.2-5.3 9.3-18.6 17.2-35.1 17.2-27.5 0-41.6-17.2-41.6-36.1 0-21.9 17-34.6 39-36.1l34-2.4v-7.1c0-10.9-3.9-18.2-19.6-18.2-12.8 0-20.4 5.7-21.1 16.4h-26.8c1.5-26 22.1-37.5 47.9-37.5 19.8 0 36.6 6.2 43.3 23.5 2.9 7.4 3.3 15.5 3.3 23.3v42.8c0 5.3 1.8 7.3 6.5 7.3 1.7 0 3.5-0.5 3.5-0.5v20.4c-4.7 2-7.1 3.2-13.8 3.2zm-23.2-53l-29.3 2.2c-8.4 0.7-16.7 5.8-16.7 15 0 9.3 7.8 14.4 16.5 14.4 17.3 0 29.5-9.3 29.5-26.4v-5.4z"/>
+		<path class="s0" d="m891.1 160.1l-1.7-12.6c-6.9 10.6-19.8 15.3-32.4 15.3-11.6 0-21.1-4-28.2-9.8-13.8-11.3-20.5-28.6-20.5-50.3 0-21.7 6.9-40.1 20.7-51.5 7.1-5.7 16.4-9.3 28.2-9.3 14.7 0 25.3 4.9 30.2 10.8v-52.6h27.7v159.9h-24zm-28.6-94.8c-8.6 0-14.6 4-18.6 9.1-5.8 7.5-7.3 17.9-7.3 27.9 0 10 1.5 20.6 7.3 28.1 4 5.1 10 9.1 18.6 9.1 21.8 0 26.3-20.6 26.3-37.2 0-16.5-4.5-37-26.3-37z"/>
+		<path class="s0" d="m1033.6 111.2h-77.2c-0.3 8.8 2.9 17.2 8.4 22.6 3.9 3.7 9.5 7.1 17 7.1 8 0 12.9-1.6 16.9-5.6 2.5-2.4 4.4-5.6 5.6-9.8h26.6c-0.7 6.9-5.4 16-9.8 21.3-9.8 11.6-24.2 16.2-38.8 16.2-15.8 0-27.3-5.5-36.4-14.2-11.6-11.1-17.8-27.3-17.8-46 0-18.8 5.6-34.9 16.7-46.2 8.6-8.8 21.1-14.5 36.9-14.5 17.1 0 32.6 6.8 42.2 21.3 8.4 12.6 10.4 25.7 10 40.1 0 0-0.3 5.2-0.3 7.7zm-34.7-40.4c-3.7-4-9.5-6.7-17.5-6.7-8.4 0-15.3 3.6-19.2 8.9-4 5.1-5.8 10.4-6 17.9h49.9c-0.2-8.6-2.7-15.2-7.2-20.1z"/>
+		<path class="s0" d="m1153.1 143.2c-10.4 10.9-26.3 16.8-44.2 16.8h-61.3v-157h61.3c17.9 0 33.7 5.9 44.2 16.8 16.2 16.6 18.4 39.9 18.4 61.6 0 21.7-2.2 45.2-18.4 61.8zm-22-105.7c-5.3-5.3-13-8.8-22.1-8.8h-32.7v105.7h32.7c9.1 0 16.8-3.5 22.1-8.9 11.1-11.1 11.3-29.7 11.3-44 0-14.4-0.2-32.9-11.3-44z"/>
+		<path class="s0" d="m1285.9 111.2h-77.2c-0.2 8.8 2.9 17.2 8.4 22.6 4 3.7 9.5 7.1 17.1 7.1 7.9 0 12.8-1.6 16.9-5.6 2.4-2.4 4.4-5.6 5.6-9.8h26.6c-0.7 6.9-5.4 16-9.8 21.3-9.8 11.6-24.2 16.2-38.9 16.2-15.7 0-27.3-5.6-36.3-14.2-11.6-11.1-17.8-27.3-17.8-46 0-18.8 5.6-34.9 16.7-46.2 8.6-8.8 21.1-14.5 36.8-14.5 17.2 0 32.7 6.8 42.2 21.3 8.4 12.6 10.4 25.7 10 40.1 0 0-0.2 5.2-0.3 7.7zm-34.6-40.4c-3.7-3.9-9.5-6.6-17.5-6.6-8.4 0-15.3 3.6-19.3 8.9-4 5.1-5.9 10.3-6 17.9h49.9c-0.2-8.6-2.7-15.3-7-20.2z"/>
+		<path class="s0" d="m1404.2 0.1v159.9h27.8v-30.3l18.4-19.9 32.4 50.3h32.2l-45.7-70.7 41.3-44.5h-34.8l-43.8 46.8v-91.6h-27.7z"/>
+		<path class="s0" d="m1360.4 91.8c-11.3-1.7-14.2-1.9-24.6-3.3-6.2-0.9-13.3-3.4-13.3-11.5 0-6.1 4-10.3 8.9-12.3 4.2-1.7 8-1.7 12-1.7 5.7 0 11.7 2 15 5.3 2.7 2.9 4.7 6.4 4.7 10.9h26.4c0-8.4-3.9-17.1-10.2-23.8-8.4-9.1-22.4-13.5-36.2-13.5-13.7 0-26.6 4.2-35.1 11.5-6.8 6.1-11.7 14.2-11.7 26 0 14.6 10.6 27.5 26.4 30.8 10.2 2.2 21.7 2.9 32 4.4 7.1 1.1 11.5 5.6 11.5 12.2 0 12.7-14.2 14.7-23.5 14.7-8 0-13.1-1.6-17.5-5.1-3-2.4-5.2-6.7-6-11h-26.1c0.8 9.7 5.9 18.3 12.1 24.3 9.6 9 22.6 13.2 37.3 13.2 15.8 0 30.2-3.9 39.5-13.2 5.9-6 10-14.3 10-25.3 0-18.2-13.3-29.7-31.6-32.6z"/>
+		<path class="s0" d="m1536.4 44.5c-8.6 0-14.8-6.6-14.8-15 0-8.4 6.3-15.2 14.8-15.2 8.5 0 14.8 6.7 14.8 15.1 0 8.4-6.2 15.1-14.8 15.1zm0-27.6c-7.3 0-12.1 5.4-12.1 12.5 0 7.1 4.8 12.4 12.1 12.4 7.3 0 12.1-5.2 12.1-12.4 0-7.2-4.8-12.5-12.1-12.5zm3.4 20.1l-2.6-5.7h-3.1v5.7h-2.7v-15.7h5.8c2.9 0 5.5 1.7 5.5 4.9 0 2.1-0.8 3.7-2.8 4.6l2.9 6.2zm-2.7-13.1h-3.1v4.8h3.1c1.6 0 2.7-0.8 2.7-2.5 0-1.6-1.2-2.4-2.7-2.3z"/>
+	</g>
+	<g>
+		<path class="s0" d="m44.6 118v35.2c-26-13.5-43.8-40.6-43.8-71.9 0-11.4 2.4-22.4 6.8-32.2h33.1c-7 8.8-11.2 20.1-11.2 32.2 0 14.3 5.7 27.3 15.1 36.7z"/>
+		<path class="s0" d="m162.9 81.3c0 44.8-36.3 81-81 81-4.9 0-9.7-0.5-14.3-1.3v-29.4c4.5 1.3 9.3 1.9 14.3 1.9 28.9 0 52.4-23.4 52.4-52.3 0-14.3-5.9-27.4-15.3-36.8v-35c26.1 13.4 43.9 40.6 43.9 72z"/>
+		<path fill-rule="evenodd" class="s0" d="m36.5 0.8v28.7h31.1v61.9h28.7v-90.6z"/>
+	</g>
+</svg>
diff --git a/frontend/public/data/sponsorInfos.ts b/frontend/public/data/sponsorInfos.ts
index 79c6fca..a8f136f 100644
--- a/frontend/public/data/sponsorInfos.ts
+++ b/frontend/public/data/sponsorInfos.ts
@@ -1,4 +1,5 @@
 export type sponsorInfo = {
+  name: string;
   href: string;
   svg: string;
   alt: string;
@@ -7,6 +8,15 @@ export type sponsorInfo = {
 
 export const diamondLinks: sponsorInfo[] = [
   {
+    name: 'Atlassian',
+    href: 'https://www.atlassian.com/',
+    svg: '/assets/atlassian_logo.svg',
+    alt: 'Atlassian logo',
+    description:
+      'Atlassian Corporation is an Australian-American software company that develops products for software developers, and project managers among other groups.'
+  },
+  {
+    name: 'Jane Street',
     href: 'https://www.janestreet.com/',
     svg: '/assets/janestreet_logo.svg',
     alt: 'Jane Street logo',
@@ -14,6 +24,7 @@ export const diamondLinks: sponsorInfo[] = [
       'Jane Street is a research-driven trading firm where curious people work together on deep problems.'
   },
   {
+    name: 'Tiktok',
     href: 'https://careers.tiktok.com/',
     svg: '/assets/tiktok_logo.svg',
     alt: 'Tiktok logo',
@@ -23,21 +34,16 @@ export const diamondLinks: sponsorInfo[] = [
 ];
 
 export const goldLinks: sponsorInfo[] = [
-  {
-    href: 'https://www.atlassian.com/',
-    svg: '/assets/atlassian_logo.svg',
-    alt: 'Atlassian logo',
-    description:
-      'Atlassian Corporation is an Australian-American software company that develops products for software developers, and project managers among other groups.'
-  },
-  {
-    href: 'https://www.citadel.com/',
-    svg: '/assets/citadel_logo.svg',
-    alt: 'Citadel logo',
-    description:
-      "We are an alternative investment manager working on behalf of the world's preeminent institutions. Discover our work, teams, careers and more."
-  },
-  {
+  // {
+  //   name: 'Citadel',
+  //   href: 'https://www.citadel.com/',
+  //   svg: '/assets/citadel_logo.svg',
+  //   alt: 'Citadel logo',
+  //   description:
+  //     "We are an alternative investment manager working on behalf of the world's preeminent institutions. Discover our work, teams, careers and more."
+  // },
+  {
+    name: 'IMC',
     href: 'https://www.imc.com/ap/',
     svg: '/assets/imc_logo.svg',
     alt: 'IMC logo',
@@ -45,6 +51,15 @@ export const goldLinks: sponsorInfo[] = [
       'For three decades IMC has provided liquidity to the financial markets globally. Specialised in algorithmic trading and advanced technology, we set the pace for the evolution of market making.'
   },
   {
+    name: 'Zurich',
+    href: 'https://www.zurich.com.au/',
+    svg: '/assets/zurich_logo.svg',
+    alt: 'Zurich logo',
+    description:
+      "Zurich is one of the world's most experienced insurers whose strategy focuses on providing the right general insurance and life insurance solutions for its clients."
+  },
+  {
+    name: 'Neara',
     href: 'https://neara.com/',
     svg: '/assets/neara_logo.svg',
     alt: 'Neara logo',
@@ -52,50 +67,34 @@ export const goldLinks: sponsorInfo[] = [
       'Neara electric utility software is a physics-enabled platform that builds 3D interactive models of critical infrastructure networks and assets.'
   },
   {
+    name: 'TheTradeDesk',
+    href: 'https://www.thetradedesk.com/',
+    svg: '/assets/the_trade_desk_logo.svg',
+    alt: 'TheTradeDesk logo',
+    description:
+      'The Trade Desk is a global advertising technology company that empowers buyers with a platform to purchase digital advertising across various channels.'
+  },
+  {
+    name: 'SafetyCulture',
     href: 'https://safetyculture.com/',
     svg: '/assets/safetyculture_logo.svg',
     alt: 'SafetyCulture logo',
     description:
       'Get to the root cause of workplace trends with total visibility across your organization. Use data from completed inspections, reported incidents, sensors, and asset history to keep workers safe, and prevent things from happening in the first place.'
   },
-  {
-    href: 'https://www.zurich.com.au/',
-    svg: '/assets/zurich_logo.svg',
-    alt: 'Zurich logo',
-    description:
-      "Zurich is one of the world's most experienced insurers whose strategy focuses on providing the right general insurance and life insurance solutions for its clients."
-  }
 ];
 
 export const silverLinks: sponsorInfo[] = [
   {
-    href: 'https://appian.com/',
-    svg: '/assets/appian_logo.svg',
-    alt: 'Appian logo',
-    description:
-      'Appian Corporation is an American cloud computing and enterprise software company headquartered in McLean, Virginia, part of the Dulles Technology Corridor. The company sells a platform as a service for building enterprise software applications.'
-  },
-  {
-    href: 'https://www.flowtraders.com/',
-    svg: '/assets/flowtraders_logo.svg',
-    alt: 'FlowTraders logo',
-    description:
-      'Flow Traders is a proprietary trading firm. A market maker, it provides liquidity in the securities market by using high frequency and quantitative trading strategies.'
-  },
-  {
-    href: 'https://www.jds.net.au/',
-    svg: '/assets/jds_logo.svg',
-    alt: 'jds logo',
-    description: "JDS Australia delivers specialist services in a set of technologies and capabilities that ensure critical IT systems work.",
-  },
-  {
-    href: 'https://www.macquarie.com.au/',
-    svg: '/assets/macquarie_logo.svg',
-    alt: 'Macquarie logo',
+    name: 'Quantium',
+    href: 'https://quantium.com/',
+    svg: '/assets/quantium_logo.svg',
+    alt: 'Quantium logo',
     description:
-      'Macquarie Bank offers transaction accounts, home loans, credit cards, online banking, business banking and more.'
+      "We combine the best of human and artificial intelligence to power possibilities for individuals, organisations and society. Through the application of world leading, advanced analytics solutions, we help our clients solve their most complex problems."
   },
   {
+    name: 'Optiver',
     href: 'https://optiver.com/',
     svg: '/assets/optiver_logo.svg',
     alt: 'Optiver logo',
@@ -103,40 +102,54 @@ export const silverLinks: sponsorInfo[] = [
       'Optiver is a global market maker. As one of the oldest market making firms in the world, Optiver has been improving financial markets since 1986.'
   },
   {
-    href: 'https://quantium.com/',
-    svg: '/assets/quantium_logo.svg',
-    alt: 'Quantium logo',
+    name: 'Macquarie',
+    href: 'https://www.macquarie.com.au/',
+    svg: '/assets/macquarie_logo.svg',
+    alt: 'Macquarie logo',
     description:
-      "We combine the best of human and artificial intelligence to power possibilities for individuals, organisations and society. Through the application of world leading, advanced analytics solutions, we help our clients solve their most complex problems."
+      'Macquarie Bank offers transaction accounts, home loans, credit cards, online banking, business banking and more.'
   },
   {
-    href: 'https://quickli.com.au/',
-    svg: '/assets/quickli_logo.svg',
-    alt: 'Quickli logo',
+    name: 'Sig Susquehanna',
+    href: 'https://sig.com/',
+    svg: '/assets/susquehanna_logo.svg',
+    alt: 'Susquehanna logo',
     description:
-      'Bringing 30+ lender calcs into one, easy-to-use interface delivering accurate results and relevant policy insights for even the most complex scenarios.'
+      'Discover Susquehanna, a global quantitative trading firm built on a rigorous, analytical foundation in financial markets.'
   },
   {
-    href: 'https://www.revolutionise.com.au/',
-    svg: '/assets/revsport_logo.svg',
-    alt: 'revolutioniseSport logo',
+    name: 'Freelancer',
+    href: 'https://www.freelancer.com/',
+    svg: '/assets/freelancer_logo.svg',
+    alt: 'Freelancer logo',
     description:
-      'revolutioniseSPORT is an online management platform for sports of all shapes and sizes.'
+      'Freelancer is a global crowdsourcing marketplace connecting employers and freelancers to collaborate on a wide range of projects.'
   },
   {
-    href: 'https://www.recordpoint.com/',
-    svg: '/assets/recordpoint_logo.svg',
-    alt: 'RecordPoint logo',
-    description: 'Manage all your data and records in one central place – without moving them.'
-  },
-  {
-    href: 'https://sig.com/',
-    svg: '/assets/susquehanna_logo.svg',
-    alt: 'Susquehanna logo',
+    name: 'FlowTraders',
+    href: 'https://www.flowtraders.com/',
+    svg: '/assets/flowtraders_logo.svg',
+    alt: 'FlowTraders logo',
     description:
-      'Discover Susquehanna, a global quantitative trading firm built on a rigorous, analytical foundation in financial markets.'
+      'Flow Traders is a proprietary trading firm. A market maker, it provides liquidity in the securities market by using high frequency and quantitative trading strategies.'
   },
-  {
+  // {
+  //   href: 'https://quickli.com.au/',
+  //   svg: '/assets/quickli_logo.svg',
+  //   alt: 'Quickli logo',
+  //   description:
+  //     'Bringing 30+ lender calcs into one, easy-to-use interface delivering accurate results and relevant policy insights for even the most complex scenarios.'
+  // },
+  // {
+  //   name: 'Finma',
+  //   href: 'https://www.finma.au/',
+  //   svg: '/assets/finma_logo.svg',
+  //   alt: 'Finma logo',
+  //   description:
+  //     'Finma is an Australian fintech company that provides digital solutions for financial planning, helping users better manage their money and achieve long-term financial goals.'
+  // },
+  {
+    name: 'Zip',
     href: 'https://zip.co/au',
     svg: '/assets/zip_logo.svg',
     alt: 'Zip logo',
@@ -144,10 +157,11 @@ export const silverLinks: sponsorInfo[] = [
       "Zip Co Limited is a global 'buy now pay later' financial technology company with operations in Australia, New Zealand and the USA."
   },
   {
-    href: 'https://www.canva.com/en_au/',
-    svg: '/assets/canva_logo.svg',
-    alt: 'Canva logo',
+    name: 'revolutioniseSport',
+    href: 'https://www.revolutionise.com.au/',
+    svg: '/assets/revsport_logo.svg',
+    alt: 'revolutioniseSport logo',
     description:
-      'Canva is a free-to-use online graphic design tool. Use it to create social media posts, presentations, posters, videos, logos and more.'
-  }
+      'revolutioniseSPORT is an online management platform for sports of all shapes and sizes.'
+  },
 ];
diff --git a/frontend/src/components/Sponsors/SponsorModal.tsx b/frontend/src/components/Sponsors/SponsorModal.tsx
index 26d28e1..a28c1b1 100644
--- a/frontend/src/components/Sponsors/SponsorModal.tsx
+++ b/frontend/src/components/Sponsors/SponsorModal.tsx
@@ -1,40 +1,112 @@
-import { sponsorInfo } from '@/../public/data/sponsorInfos';
+import { X } from "lucide-react"
+import { useEffect } from "react"
+import type { sponsorInfo } from "@/../public/data/sponsorInfos"
 
-export default function SponsorModal(props: { sponsorInfo: sponsorInfo | null; setFalse: () => void }) {
-  if (props.sponsorInfo === null) {
-    return (
-      <div>
-        <h1>Error no sponsor selected!</h1>
-      </div>
-    );
+export default function SponsorModal({
+  sponsorInfo,
+  setFalse,
+}: {
+  sponsorInfo: sponsorInfo | null
+  setFalse: () => void
+}) {
+  // Close modal with Escape key
+  useEffect(() => {
+    const handleEscKey = (event: KeyboardEvent) => {
+      if (event.key === "Escape") setFalse()
+    }
+
+    window.addEventListener("keydown", handleEscKey)
+    return () => window.removeEventListener("keydown", handleEscKey)
+  }, [setFalse])
+
+  if (sponsorInfo === null) {
+    return null
   }
+
   return (
     <div
-      className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50"
-      onClick={() => {
-        props.setFalse();
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm animate-in fade-in duration-200"
+      onClick={(e) => {
+        if (e.target === e.currentTarget) setFalse()
       }}
     >
-      <div className="bg-[#4b5e80] relative w-[800px] h-[550px] mb-10 mx-10 rounded-xl flex flex-col items-center justify-center">
-        <a
-          className="w-4/5 m-5 flex flex-col items-center justify-center transform transition-transform duration-300 hover:scale-105"
-          href={props.sponsorInfo.href}
-          target="_blank"
-        >
-          <img
-            className="w-4/5 max-w-[300px] max-h-[200px]"
-            src={`./${props.sponsorInfo.svg}`}
-            alt={props.sponsorInfo.alt}
-          />
-        </a>
-        <h3 className="mx-10 py-10">{props.sponsorInfo.description}</h3>
+      <div
+        className="relative w-full max-w-2xl mx-4 overflow-hidden bg-slate-900 rounded-xl shadow-xl animate-in zoom-in-95 duration-200"
+        onClick={(e) => e.stopPropagation()}
+      >
+        {/* Close button */}
         <button
-          onClick={props.setFalse}
-          className="bg-white border absolute bottom-10 text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[70%] xl:h-12 h-10"
+          onClick={setFalse}
+          className="absolute top-4 right-4 p-1.5 rounded-full bg-slate-900 hover:bg-gray-800 transition-colors"
+          aria-label="Close modal"
         >
-          Close
+          <X className="w-5 h-5 text-gray-600" />
         </button>
+
+        <div className="flex flex-col p-6">
+          {/* Sponsor logo */}
+          <div className="flex justify-center py-8 border-b">
+            <a
+              href={sponsorInfo.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="transition-transform hover:scale-105 focus:scale-105 focus:outline-none"
+              aria-label={`Visit ${sponsorInfo.alt}`}
+            >
+              <div className="relative w-64 h-32">
+                <img src={`./${sponsorInfo.svg}`} alt={sponsorInfo.alt} className="object-contain w-full h-full" />
+              </div>
+            </a>
+          </div>
+
+          {/* Sponsor description */}
+          <div className="py-6">
+            <h2 className="mb-2 text-xl font-semibold text-gray-300">About {sponsorInfo.name}</h2>
+            <p className="text-gray-400 leading-relaxed">{sponsorInfo.description}</p>
+          </div>
+
+          {/* Action buttons */}
+          <div className="flex flex-col sm:flex-row gap-3 mt-4">
+            <a
+              href={sponsorInfo.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex-1 px-4 py-3 text-center font-medium text-white bg-gradient-to-r bg-blue-700 rounded-lg hover:bg-blue-800 shadow-md hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-200 flex items-center justify-center gap-2"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="h-5 w-5"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+                />
+              </svg>
+              Visit Website
+            </a>
+            <button
+              onClick={setFalse}
+              className="flex-1 px-4 py-3 text-center font-medium text-gray-700 gray-200 border border-gray-400 rounded-lg bg-gray-100 hover:bg-gray-200 hover:gray-300 shadow-sm hover:shadow-md transform hover:-translate-y-0.5 transition-all duration-300 flex items-center justify-center gap-2"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="h-5 w-5"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+              >
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+              </svg>
+              Close
+            </button>
+          </div>
+        </div>
       </div>
     </div>
-  );
-} 
+  )
+}
diff --git a/frontend/src/pages/sponsors.tsx b/frontend/src/pages/sponsors.tsx
index 01eb342..f42c7dd 100644
--- a/frontend/src/pages/sponsors.tsx
+++ b/frontend/src/pages/sponsors.tsx
@@ -52,7 +52,7 @@ export default function SponsorsPage() {
               {diamondLinks.map((item, index) => {
                 return (
                   <div key={index} onClick={() => handleSponsorClick(item)}>
-                    <img className={`h-14 ${logostyle}`} src={item.svg} alt={item.alt} />
+                    <img className={`h-16 max-w-xs ${logostyle}`} src={item.svg} alt={item.alt} />
                   </div>
                 );
               })}
@@ -65,7 +65,7 @@ export default function SponsorsPage() {
             {goldLinks.map((item, index) => {
               return (
                 <div key={index} onClick={() => handleSponsorClick(item)}>
-                  <img className={`h-14 ${logostyle}`} src={item.svg} alt={item.alt} />
+                  <img className={`h-14 max-w-xs ${logostyle}`} src={item.svg} alt={item.alt} />
                 </div>
               );
             })}
@@ -77,7 +77,7 @@ export default function SponsorsPage() {
             {silverLinks.map((item, index) => {
               return (
                 <div key={index} onClick={() => handleSponsorClick(item)}>
-                  <img className={`h-14 ${logostyle}`} src={item.svg} alt={item.alt} />
+                  <img className={`h-14 max-w-xs ${logostyle}`} src={item.svg} alt={item.alt} />
                 </div>
               );
             })}