From 24032629d20c62e8ae50e30c5daee64adeaf1f53 Mon Sep 17 00:00:00 2001
From: Samoina <samoina.w@gmail.com>
Date: Fri, 6 Dec 2024 17:32:30 +0300
Subject: [PATCH 1/5] chore:style the Call-to-action in the footer

---
 .../-components/Footer_20241206151725.tsx     |  42 ++++++++
 .../-components/Footer_20241206152227.tsx     |  42 ++++++++
 .../-components/Footer_20241206152241.tsx     |  43 +++++++++
 .../-components/Footer_20241206152322.tsx     |  43 +++++++++
 .../-components/Footer_20241206152324.tsx     |  47 +++++++++
 .../-components/Footer_20241206152333.tsx     |  45 +++++++++
 .../-components/Footer_20241206152600.tsx     |  45 +++++++++
 .../-components/Footer_20241206152715.tsx     |  45 +++++++++
 .../-components/Footer_20241206152719.tsx     |  45 +++++++++
 .../-components/Footer_20241206152730.tsx     |  45 +++++++++
 .../-components/Footer_20241206152736.tsx     |  45 +++++++++
 .../-components/Footer_20241206152740.tsx     |  45 +++++++++
 .../-components/Footer_20241206153032.tsx     |  45 +++++++++
 .../-components/Footer_20241206153053.tsx     |  45 +++++++++
 .../-components/Footer_20241206153107.tsx     |  45 +++++++++
 .../-components/Footer_20241206153109.tsx     |  45 +++++++++
 .../-components/Footer_20241206153153.tsx     |  45 +++++++++
 .../-components/Footer_20241206153159.tsx     |  45 +++++++++
 .../-components/Footer_20241206153213.tsx     |  45 +++++++++
 .../-components/Footer_20241206153251.tsx     |  45 +++++++++
 .../-components/Footer_20241206153301.tsx     |  45 +++++++++
 .../-components/Footer_20241206153421.tsx     |  45 +++++++++
 .../-components/Footer_20241206153454.tsx     |  45 +++++++++
 .../-components/Footer_20241206153600.tsx     |  45 +++++++++
 .../-components/Footer_20241206153603.tsx     |  45 +++++++++
 .../-components/Footer_20241206153604.tsx     |  45 +++++++++
 .../-components/Footer_20241206153635.tsx     |  45 +++++++++
 .../-components/Footer_20241206153743.tsx     |  45 +++++++++
 .../-components/Footer_20241206153805.tsx     |  45 +++++++++
 .../-components/Footer_20241206153852.tsx     |  45 +++++++++
 .../-components/Footer_20241206153859.tsx     |  45 +++++++++
 .../-components/Footer_20241206153907.tsx     |  45 +++++++++
 .../-components/Footer_20241206153914.tsx     |  45 +++++++++
 .../-components/Footer_20241206153917.tsx     |  45 +++++++++
 .../-components/Footer_20241206153923.tsx     |  45 +++++++++
 .../-components/Footer_20241206153928.tsx     |  45 +++++++++
 .../-components/Footer_20241206153931.tsx     |  45 +++++++++
 .../-components/Footer_20241206154000.tsx     |  45 +++++++++
 .../-components/Footer_20241206154012.tsx     |  45 +++++++++
 .../-components/Footer_20241206154023.tsx     |  45 +++++++++
 .../-components/Footer_20241206154029.tsx     |  45 +++++++++
 .../-components/Footer_20241206154038.tsx     |  45 +++++++++
 .../-components/Footer_20241206154041.tsx     |  45 +++++++++
 .../-components/Footer_20241206154045.tsx     |  45 +++++++++
 .../-components/Footer_20241206154103.tsx     |  45 +++++++++
 .../-components/Footer_20241206154119.tsx     |  45 +++++++++
 .../-components/Footer_20241206154121.tsx     |  45 +++++++++
 .../-components/Footer_20241206154124.tsx     |  45 +++++++++
 .../-components/Footer_20241206154127.tsx     |  45 +++++++++
 .../-components/Footer_20241206154136.tsx     |  45 +++++++++
 .../-components/Footer_20241206154142.tsx     |  45 +++++++++
 .../-components/Footer_20241206154150.tsx     |  45 +++++++++
 .../-components/Footer_20241206154158.tsx     |  45 +++++++++
 .../-components/Footer_20241206154208.tsx     |  45 +++++++++
 .../-components/Footer_20241206154232.tsx     |  45 +++++++++
 .../-components/Footer_20241206154251.tsx     |  45 +++++++++
 .../-components/Footer_20241206154306.tsx     |  45 +++++++++
 .../-components/Footer_20241206154308.tsx     |  45 +++++++++
 .../-components/Footer_20241206154344.tsx     |  45 +++++++++
 .../-components/Footer_20241206154520.tsx     |  45 +++++++++
 .../-components/Footer_20241206154603.tsx     |  45 +++++++++
 .../-components/Footer_20241206154621.tsx     |  45 +++++++++
 .../-components/Footer_20241206161630.tsx     |  45 +++++++++
 .../-components/Footer_20241206161718.tsx     |  45 +++++++++
 .../-components/Footer_20241206161724.tsx     |  45 +++++++++
 .../-components/Footer_20241206161726.tsx     |  45 +++++++++
 .../-components/Footer_20241206161743.tsx     |  45 +++++++++
 .../-components/Footer_20241206161746.tsx     |  45 +++++++++
 .../-components/Footer_20241206161908.tsx     |  45 +++++++++
 .../-components/Footer_20241206161941.tsx     |  45 +++++++++
 .../-components/Footer_20241206162004.tsx     |  45 +++++++++
 .../-components/Footer_20241206162032.tsx     |  45 +++++++++
 .../-components/Footer_20241206162134.tsx     |  45 +++++++++
 .../-components/Footer_20241206162135.tsx     |  45 +++++++++
 .../-components/Footer_20241206162330.tsx     |  45 +++++++++
 .../-components/Footer_20241206162801.tsx     |  45 +++++++++
 .../-components/Footer_20241206162807.tsx     |  45 +++++++++
 .../-components/Footer_20241206162944.tsx     |  45 +++++++++
 .../-components/Footer_20241206162953.tsx     |  45 +++++++++
 .../-components/Footer_20241206163042.tsx     |  45 +++++++++
 .../-components/Footer_20241206163102.tsx     |  45 +++++++++
 .../-components/Footer_20241206163151.tsx     |  45 +++++++++
 .../-components/Footer_20241206163157.tsx     |  46 +++++++++
 .../-components/Footer_20241206163201.tsx     |  46 +++++++++
 .../-components/Footer_20241206163222.tsx     |  46 +++++++++
 .../-components/Footer_20241206163228.tsx     |  46 +++++++++
 .../-components/Footer_20241206163258.tsx     |  46 +++++++++
 .../-components/Footer_20241206163300.tsx     |  46 +++++++++
 .../-components/Footer_20241206163340.tsx     |  46 +++++++++
 .../-components/Footer_20241206163524.tsx     |  46 +++++++++
 .../-components/Footer_20241206163546.tsx     |  47 +++++++++
 .../-components/Footer_20241206163548.tsx     |  47 +++++++++
 .../-components/Footer_20241206163602.tsx     |  46 +++++++++
 .../-components/Footer_20241206163624.tsx     |  46 +++++++++
 .../-components/Footer_20241206163631.tsx     |  46 +++++++++
 .../-components/Footer_20241206163653.tsx     |  46 +++++++++
 .../-components/Footer_20241206163708.tsx     |  45 +++++++++
 .../-components/Footer_20241206163719.tsx     |  45 +++++++++
 .../-components/Footer_20241206163740.tsx     |  45 +++++++++
 .../-components/Footer_20241206163757.tsx     |  45 +++++++++
 .../-components/Footer_20241206163804.tsx     |  45 +++++++++
 .../-components/Footer_20241206163821.tsx     |  45 +++++++++
 .../-components/Footer_20241206163830.tsx     |  45 +++++++++
 .../-components/Footer_20241206163850.tsx     |  45 +++++++++
 .../-components/Footer_20241206163927.tsx     |  45 +++++++++
 .../-components/Footer_20241206163940.tsx     |  45 +++++++++
 .../-components/Footer_20241206163941.tsx     |  45 +++++++++
 .../-components/Footer_20241206163944.tsx     |  45 +++++++++
 .../-components/Footer_20241206163957.tsx     |  45 +++++++++
 .../-components/Footer_20241206164135.tsx     |  45 +++++++++
 .../-components/Footer_20241206164227.tsx     |  45 +++++++++
 .../-components/Footer_20241206164313.tsx     |  45 +++++++++
 .../-components/Footer_20241206164358.tsx     |  45 +++++++++
 .../-components/Footer_20241206164421.tsx     |  45 +++++++++
 .../-components/Footer_20241206164625.tsx     |  45 +++++++++
 .../-components/Footer_20241206164709.tsx     |  45 +++++++++
 .../-components/Footer_20241206164827.tsx     |  45 +++++++++
 .../-components/Footer_20241206164908.tsx     |  45 +++++++++
 .../-components/Footer_20241206164910.tsx     |  45 +++++++++
 .../-components/Footer_20241206164939.tsx     |  45 +++++++++
 .../-components/Footer_20241206164942.tsx     |  45 +++++++++
 .../-components/Footer_20241206164944.tsx     |  45 +++++++++
 .../-components/Footer_20241206164957.tsx     |  45 +++++++++
 .../-components/Footer_20241206165005.tsx     |  45 +++++++++
 .../-components/Footer_20241206165008.tsx     |  45 +++++++++
 .../-components/Footer_20241206165019.tsx     |  45 +++++++++
 .../-components/Footer_20241206165105.tsx     |  45 +++++++++
 .../-components/Footer_20241206165115.tsx     |  45 +++++++++
 .../-components/Footer_20241206165119.tsx     |  45 +++++++++
 .../-components/Footer_20241206165134.tsx     |  45 +++++++++
 .../-components/Footer_20241206165143.tsx     |  45 +++++++++
 .../-components/Footer_20241206165229.tsx     |  45 +++++++++
 .../-components/Footer_20241206165243.tsx     |  45 +++++++++
 .../-components/Footer_20241206165253.tsx     |  45 +++++++++
 .../-components/Footer_20241206165305.tsx     |  45 +++++++++
 .../-components/Footer_20241206165317.tsx     |  45 +++++++++
 .../-components/Footer_20241206165339.tsx     |  45 +++++++++
 .../-components/Footer_20241206165345.tsx     |  45 +++++++++
 .../-components/Footer_20241206165359.tsx     |  45 +++++++++
 .../-components/Footer_20241206165408.tsx     |  45 +++++++++
 .../-components/Footer_20241206165548.tsx     |  45 +++++++++
 .../-components/Footer_20241206165553.tsx     |  46 +++++++++
 .../-components/Footer_20241206165605.tsx     |  42 ++++++++
 .../-components/Footer_20241206165849.tsx     |  42 ++++++++
 .../-components/Footer_20241206165926.tsx     |  42 ++++++++
 .../-components/Footer_20241206170044.tsx     |  42 ++++++++
 .../-components/Footer_20241206170048.tsx     |  42 ++++++++
 .../-components/Footer_20241206170050.tsx     |  42 ++++++++
 .../-components/Footer_20241206170111.tsx     |  42 ++++++++
 .../-components/Footer_20241206170123.tsx     |  42 ++++++++
 .../-components/Footer_20241206170221.tsx     |  42 ++++++++
 .../-components/Footer_20241206170500.tsx     |  42 ++++++++
 .../-components/Footer_20241206170511.tsx     |  42 ++++++++
 .../-components/Footer_20241206170535.tsx     |  46 +++++++++
 .../-components/Footer_20241206170554.tsx     |  42 ++++++++
 .../-components/Footer_20241206170601.tsx     |  42 ++++++++
 .../-components/Footer_20241206170623.tsx     |  42 ++++++++
 .../-components/Footer_20241206170624.tsx     |  46 +++++++++
 .../-components/Footer_20241206170634.tsx     |  46 +++++++++
 .../-components/Footer_20241206170638.tsx     |  46 +++++++++
 .../-components/Footer_20241206170651.tsx     |  46 +++++++++
 .../-components/Footer_20241206170652.tsx     |  46 +++++++++
 .../-components/Footer_20241206170658.tsx     |  46 +++++++++
 .../-components/Footer_20241206170703.tsx     |  46 +++++++++
 .../-components/Footer_20241206170712.tsx     |  46 +++++++++
 .../-components/Footer_20241206170726.tsx     |  46 +++++++++
 .../-components/Footer_20241206170732.tsx     |  46 +++++++++
 .../-components/Footer_20241206170740.tsx     |  46 +++++++++
 .../-components/Footer_20241206170744.tsx     |  46 +++++++++
 .../-components/Footer_20241206170751.tsx     |  46 +++++++++
 .../-components/Footer_20241206170756.tsx     |  46 +++++++++
 .../-components/Footer_20241206170802.tsx     |  46 +++++++++
 .../-components/Footer_20241206170823.tsx     |  46 +++++++++
 .../-components/Footer_20241206170837.tsx     |  46 +++++++++
 .../-components/Footer_20241206171048.tsx     |  46 +++++++++
 .../-components/Footer_20241206171050.tsx     |  46 +++++++++
 .../-components/Footer_20241206171052.tsx     |  46 +++++++++
 .../-components/Footer_20241206171122.tsx     |  46 +++++++++
 .../-components/Footer_20241206171124.tsx     |  46 +++++++++
 .../-components/Footer_20241206171143.tsx     |  46 +++++++++
 .../-components/Footer_20241206171211.tsx     |  46 +++++++++
 .../-components/Footer_20241206171218.tsx     |  46 +++++++++
 .../-components/Footer_20241206171240.tsx     |  46 +++++++++
 .../-components/Footer_20241206171314.tsx     |  46 +++++++++
 .../-components/Footer_20241206171329.tsx     |  46 +++++++++
 .../-components/Footer_20241206171331.tsx     |  46 +++++++++
 .../-components/Footer_20241206171342.tsx     |  46 +++++++++
 .../-components/Footer_20241206171346.tsx     |  46 +++++++++
 .../-components/Footer_20241206171350.tsx     |  46 +++++++++
 .../-components/Footer_20241206171359.tsx     |  46 +++++++++
 .../-components/Footer_20241206171407.tsx     |  46 +++++++++
 .../-components/Footer_20241206171415.tsx     |  46 +++++++++
 .../-components/Footer_20241206171419.tsx     |  46 +++++++++
 .../-components/Footer_20241206171432.tsx     |  46 +++++++++
 .../-components/Footer_20241206171435.tsx     |  46 +++++++++
 .../-components/Footer_20241206171446.tsx     |  46 +++++++++
 .../-components/Footer_20241206171451.tsx     |  46 +++++++++
 .../-components/Footer_20241206171519.tsx     |  46 +++++++++
 .../-components/Footer_20241206171526.tsx     |  46 +++++++++
 .../-components/Footer_20241206171538.tsx     |  46 +++++++++
 .../-components/Footer_20241206171547.tsx     |  46 +++++++++
 .../-components/Footer_20241206171558.tsx     |  46 +++++++++
 .../-components/Footer_20241206171631.tsx     |  46 +++++++++
 .../-components/Footer_20241206171657.tsx     |  46 +++++++++
 .../-components/Footer_20241206171702.tsx     |  46 +++++++++
 .../-components/Footer_20241206171739.tsx     |  46 +++++++++
 .../-components/Footer_20241206171930.tsx     |  46 +++++++++
 .../-components/Footer_20241206171937.tsx     |  46 +++++++++
 .../-components/Footer_20241206171945.tsx     |  46 +++++++++
 .../-components/Footer_20241206171951.tsx     |  46 +++++++++
 .../-components/Footer_20241206171956.tsx     |  46 +++++++++
 .../-components/Footer_20241206172135.tsx     |  46 +++++++++
 .../-components/Footer_20241206172141.tsx     |  46 +++++++++
 .../-components/Footer_20241206172209.tsx     |  46 +++++++++
 .../-components/Footer_20241206172212.tsx     |  46 +++++++++
 .../-components/Footer_20241206172242.tsx     |  46 +++++++++
 .../-components/Footer_20241206172243.tsx     |  46 +++++++++
 .../-components/Footer_20241206172324.tsx     |  46 +++++++++
 .../-components/Footer_20241206172334.tsx     |  46 +++++++++
 .../-components/Footer_20241206172339.tsx     |  46 +++++++++
 .../-components/Footer_20241206172348.tsx     |  46 +++++++++
 .../-components/Footer_20241206172400.tsx     |  46 +++++++++
 .../-components/Footer_20241206172416.tsx     |  46 +++++++++
 .../-components/Footer_20241206172422.tsx     |  46 +++++++++
 .../-components/Footer_20241206172425.tsx     |  46 +++++++++
 .../-components/Footer_20241206172433.tsx     |  46 +++++++++
 .../-components/Footer_20241206172443.tsx     |  46 +++++++++
 .../-components/Footer_20241206172449.tsx     |  46 +++++++++
 .../-components/Footer_20241206172521.tsx     |  46 +++++++++
 .../-components/Footer_20241206172545.tsx     |  46 +++++++++
 .../-components/Footer_20241206172548.tsx     |  46 +++++++++
 .../-components/Footer_20241206172616.tsx     |  46 +++++++++
 .../-components/Footer_20241206172618.tsx     |  46 +++++++++
 .../-components/Footer_20241206172650.tsx     |  46 +++++++++
 .../-components/Footer_20241206172704.tsx     |  46 +++++++++
 .../-components/trial_20241206164531.tsx      |   0
 .../-components/trial_20241206164537.tsx      |  45 +++++++++
 .../-components/trial_20241206164628.tsx      |  45 +++++++++
 .history/tailwind.config_20241205153439.js    |  90 +++++++++++++++++
 .history/tailwind.config_20241206161845.js    |  91 ++++++++++++++++++
 .history/tailwind.config_20241206161849.js    |  91 ++++++++++++++++++
 .history/tailwind.config_20241206161901.js    |  91 ++++++++++++++++++
 .history/tailwind.config_20241206161904.js    |  91 ++++++++++++++++++
 index.html                                    |  38 ++++----
 src/assets/ellipse.png                        | Bin 0 -> 96038 bytes
 .../robot assistant standing and looking.png  | Bin 0 -> 38821 bytes
 src/assets/rocket.png                         | Bin 0 -> 1456 bytes
 src/routes/-components/Footer.tsx             |  45 +++++++++
 src/routes/-components/HomePage.tsx           |   4 +-
 src/routes/-components/trial.tsx              |  45 +++++++++
 tailwind.config.js                            |   5 +
 251 files changed, 11284 insertions(+), 18 deletions(-)
 create mode 100644 .history/src/routes/-components/Footer_20241206151725.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152227.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152241.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152322.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152324.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152333.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152600.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152715.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152719.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152730.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152736.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206152740.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153032.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153053.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153107.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153109.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153153.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153159.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153213.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153251.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153301.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153421.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153454.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153600.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153603.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153604.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153635.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153743.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153805.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153852.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153859.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153907.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153914.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153917.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153923.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153928.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206153931.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154000.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154012.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154023.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154029.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154038.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154041.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154045.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154103.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154119.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154121.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154124.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154127.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154136.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154142.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154150.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154158.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154208.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154232.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154251.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154306.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154308.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154344.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154520.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154603.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206154621.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206161630.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206161718.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206161724.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206161726.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206161743.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206161746.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206161908.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206161941.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162004.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162032.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162134.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162135.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162330.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162801.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162807.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162944.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206162953.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163042.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163102.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163151.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163157.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163201.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163222.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163228.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163258.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163300.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163340.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163524.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163546.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163548.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163602.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163624.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163631.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163653.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163708.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163719.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163740.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163757.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163804.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163821.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163830.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163850.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163927.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163940.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163941.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163944.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206163957.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164135.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164227.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164313.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164358.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164421.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164625.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164709.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164827.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164908.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164910.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164939.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164942.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164944.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206164957.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165005.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165008.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165019.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165105.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165115.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165119.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165134.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165143.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165229.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165243.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165253.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165305.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165317.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165339.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165345.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165359.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165408.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165548.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165553.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165605.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165849.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206165926.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170044.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170048.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170050.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170111.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170123.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170221.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170500.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170511.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170535.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170554.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170601.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170623.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170624.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170634.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170638.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170651.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170652.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170658.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170703.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170712.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170726.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170732.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170740.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170744.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170751.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170756.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170802.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170823.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206170837.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171048.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171050.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171052.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171122.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171124.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171143.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171211.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171218.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171240.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171314.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171329.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171331.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171342.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171346.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171350.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171359.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171407.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171415.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171419.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171432.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171435.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171446.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171451.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171519.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171526.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171538.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171547.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171558.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171631.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171657.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171702.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171739.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171930.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171937.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171945.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171951.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206171956.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172135.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172141.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172209.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172212.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172242.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172243.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172324.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172334.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172339.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172348.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172400.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172416.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172422.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172425.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172433.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172443.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172449.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172521.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172545.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172548.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172616.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172618.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172650.tsx
 create mode 100644 .history/src/routes/-components/Footer_20241206172704.tsx
 create mode 100644 .history/src/routes/-components/trial_20241206164531.tsx
 create mode 100644 .history/src/routes/-components/trial_20241206164537.tsx
 create mode 100644 .history/src/routes/-components/trial_20241206164628.tsx
 create mode 100644 .history/tailwind.config_20241205153439.js
 create mode 100644 .history/tailwind.config_20241206161845.js
 create mode 100644 .history/tailwind.config_20241206161849.js
 create mode 100644 .history/tailwind.config_20241206161901.js
 create mode 100644 .history/tailwind.config_20241206161904.js
 create mode 100644 src/assets/ellipse.png
 create mode 100644 src/assets/robot assistant standing and looking.png
 create mode 100644 src/assets/rocket.png
 create mode 100644 src/routes/-components/Footer.tsx
 create mode 100644 src/routes/-components/trial.tsx

diff --git a/.history/src/routes/-components/Footer_20241206151725.tsx b/.history/src/routes/-components/Footer_20241206151725.tsx
new file mode 100644
index 0000000..ea2775b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206151725.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col gap-4 border border-red-400 p-4">
+      <div className="border-blue-700">
+        <p className="text-[36px] font-bold text-white">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-xl font-bold leading-7 text-[#9f9c9c]">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2">
+          <Link
+            to="/auth/signup"
+            className="bg-brand-green-6 btn px-4 py-2 text-white"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="outline-brand-green-5 text-brand-green-7 btn px-4 py-2 outline outline-1"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mx-auto self-center border border-red-600"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute top-10" />
+    </div>
+  );
+};
+
+
diff --git a/.history/src/routes/-components/Footer_20241206152227.tsx b/.history/src/routes/-components/Footer_20241206152227.tsx
new file mode 100644
index 0000000..21b991d
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152227.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700">
+        <p className="text-[36px] font-bold text-white">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-xl font-bold leading-7 text-[#9f9c9c]">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2">
+          <Link
+            to="/auth/signup"
+            className="bg-brand-green-6 btn px-4 py-2 text-white"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="outline-brand-green-5 text-brand-green-7 btn px-4 py-2 outline outline-1"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mx-auto self-center border border-red-600"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute top-10" />
+    </div>
+  );
+};
+
+
diff --git a/.history/src/routes/-components/Footer_20241206152241.tsx b/.history/src/routes/-components/Footer_20241206152241.tsx
new file mode 100644
index 0000000..8a54247
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152241.tsx
@@ -0,0 +1,43 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mx-auto self-center border border-red-600"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute top-10" />
+    </div>
+  );
+};
+
+
diff --git a/.history/src/routes/-components/Footer_20241206152322.tsx b/.history/src/routes/-components/Footer_20241206152322.tsx
new file mode 100644
index 0000000..37372d7
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152322.tsx
@@ -0,0 +1,43 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute top-10" />
+    </div>
+  );
+};
+
+
diff --git a/.history/src/routes/-components/Footer_20241206152324.tsx b/.history/src/routes/-components/Footer_20241206152324.tsx
new file mode 100644
index 0000000..99c97ca
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152324.tsx
@@ -0,0 +1,47 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
+
+
diff --git a/.history/src/routes/-components/Footer_20241206152333.tsx b/.history/src/routes/-components/Footer_20241206152333.tsx
new file mode 100644
index 0000000..72fca99
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152333.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206152600.tsx b/.history/src/routes/-components/Footer_20241206152600.tsx
new file mode 100644
index 0000000..0af20b5
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152600.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
+      <div className="border-blue-700">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206152715.tsx b/.history/src/routes/-components/Footer_20241206152715.tsx
new file mode 100644
index 0000000..b87e713
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152715.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
+      <div className="border-blue-700 lg:w-">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206152719.tsx b/.history/src/routes/-components/Footer_20241206152719.tsx
new file mode 100644
index 0000000..e868139
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152719.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
+      <div className="border-blue-700 lg:w-1/2">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206152730.tsx b/.history/src/routes/-components/Footer_20241206152730.tsx
new file mode 100644
index 0000000..4de2939
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152730.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
+      <div className="border-blue-700 lg:w-1/2 lg:">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206152736.tsx b/.history/src/routes/-components/Footer_20241206152736.tsx
new file mode 100644
index 0000000..2a78909
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152736.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206152740.tsx b/.history/src/routes/-components/Footer_20241206152740.tsx
new file mode 100644
index 0000000..4f075f6
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206152740.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153032.tsx b/.history/src/routes/-components/Footer_20241206153032.tsx
new file mode 100644
index 0000000..d08b715
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153032.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] "
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153053.tsx b/.history/src/routes/-components/Footer_20241206153053.tsx
new file mode 100644
index 0000000..f03a3ff
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153053.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] "
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153107.tsx b/.history/src/routes/-components/Footer_20241206153107.tsx
new file mode 100644
index 0000000..71f6298
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153107.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-betwee">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] "
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153109.tsx b/.history/src/routes/-components/Footer_20241206153109.tsx
new file mode 100644
index 0000000..d59b57b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153109.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153153.tsx b/.history/src/routes/-components/Footer_20241206153153.tsx
new file mode 100644
index 0000000..eb9c3e2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153153.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153159.tsx b/.history/src/routes/-components/Footer_20241206153159.tsx
new file mode 100644
index 0000000..6e27969
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153159.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-[50%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153213.tsx b/.history/src/routes/-components/Footer_20241206153213.tsx
new file mode 100644
index 0000000..178f901
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153213.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-[50%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-[50%]"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153251.tsx b/.history/src/routes/-components/Footer_20241206153251.tsx
new file mode 100644
index 0000000..b6a8a8b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153251.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-[50%]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153301.tsx b/.history/src/routes/-components/Footer_20241206153301.tsx
new file mode 100644
index 0000000..b6c55e8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153301.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153421.tsx b/.history/src/routes/-components/Footer_20241206153421.tsx
new file mode 100644
index 0000000..567c6af
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153421.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153454.tsx b/.history/src/routes/-components/Footer_20241206153454.tsx
new file mode 100644
index 0000000..9845752
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153454.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153600.tsx b/.history/src/routes/-components/Footer_20241206153600.tsx
new file mode 100644
index 0000000..f5e58ae
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153600.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153603.tsx b/.history/src/routes/-components/Footer_20241206153603.tsx
new file mode 100644
index 0000000..bdb6766
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153603.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:blo"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153604.tsx b/.history/src/routes/-components/Footer_20241206153604.tsx
new file mode 100644
index 0000000..f3ee45d
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153604.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153635.tsx b/.history/src/routes/-components/Footer_20241206153635.tsx
new file mode 100644
index 0000000..5605220
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153635.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-10">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153743.tsx b/.history/src/routes/-components/Footer_20241206153743.tsx
new file mode 100644
index 0000000..2cd17ac
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153743.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-10">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153805.tsx b/.history/src/routes/-components/Footer_20241206153805.tsx
new file mode 100644
index 0000000..72290de
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153805.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153852.tsx b/.history/src/routes/-components/Footer_20241206153852.tsx
new file mode 100644
index 0000000..d046fe5
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153852.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block "
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153859.tsx b/.history/src/routes/-components/Footer_20241206153859.tsx
new file mode 100644
index 0000000..1a5d3a5
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153859.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block lg:bottom-0 h-[422px] w-[662px] rounded-full bg-[#94A39E] opacity-50 blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153907.tsx b/.history/src/routes/-components/Footer_20241206153907.tsx
new file mode 100644
index 0000000..34bedc8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153907.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] w-[662px] rounded-full bg-[#94A39E] opacity-50 blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153914.tsx b/.history/src/routes/-components/Footer_20241206153914.tsx
new file mode 100644
index 0000000..5a31ecd
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153914.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] lg:w-[662px] rounded-full bg-[#94A39E] opacity-50 blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153917.tsx b/.history/src/routes/-components/Footer_20241206153917.tsx
new file mode 100644
index 0000000..5e373f7
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153917.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] lg:w-[662px] lg:rounded-full bg-[#94A39E] opacity-50 blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153923.tsx b/.history/src/routes/-components/Footer_20241206153923.tsx
new file mode 100644
index 0000000..3765bf2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153923.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] lg:w-[662px] lg:rounded-full opacity-50 blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153928.tsx b/.history/src/routes/-components/Footer_20241206153928.tsx
new file mode 100644
index 0000000..e17211c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153928.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206153931.tsx b/.history/src/routes/-components/Footer_20241206153931.tsx
new file mode 100644
index 0000000..b0a7113
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206153931.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154000.tsx b/.history/src/routes/-components/Footer_20241206154000.tsx
new file mode 100644
index 0000000..3a4ec3f
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154000.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4 lg:font">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154012.tsx b/.history/src/routes/-components/Footer_20241206154012.tsx
new file mode 100644
index 0000000..e2ee7cf
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154012.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4 lg:text-[100px]">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154023.tsx b/.history/src/routes/-components/Footer_20241206154023.tsx
new file mode 100644
index 0000000..66691a2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154023.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4 ">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154029.tsx b/.history/src/routes/-components/Footer_20241206154029.tsx
new file mode 100644
index 0000000..e5c62e7
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154029.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-[100px]"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154038.tsx b/.history/src/routes/-components/Footer_20241206154038.tsx
new file mode 100644
index 0000000..3416e19
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154038.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154041.tsx b/.history/src/routes/-components/Footer_20241206154041.tsx
new file mode 100644
index 0000000..5878e0c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154041.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-xl"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154045.tsx b/.history/src/routes/-components/Footer_20241206154045.tsx
new file mode 100644
index 0000000..5878e0c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154045.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-xl"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154103.tsx b/.history/src/routes/-components/Footer_20241206154103.tsx
new file mode 100644
index 0000000..c99a748
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154103.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154119.tsx b/.history/src/routes/-components/Footer_20241206154119.tsx
new file mode 100644
index 0000000..3416e19
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154119.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154121.tsx b/.history/src/routes/-components/Footer_20241206154121.tsx
new file mode 100644
index 0000000..3416e19
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154121.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154124.tsx b/.history/src/routes/-components/Footer_20241206154124.tsx
new file mode 100644
index 0000000..c306898
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154124.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:tex"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154127.tsx b/.history/src/routes/-components/Footer_20241206154127.tsx
new file mode 100644
index 0000000..3416e19
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154127.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154136.tsx b/.history/src/routes/-components/Footer_20241206154136.tsx
new file mode 100644
index 0000000..0046cdf
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154136.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-x"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154142.tsx b/.history/src/routes/-components/Footer_20241206154142.tsx
new file mode 100644
index 0000000..5878e0c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154142.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-xl"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154150.tsx b/.history/src/routes/-components/Footer_20241206154150.tsx
new file mode 100644
index 0000000..c99a748
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154150.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154158.tsx b/.history/src/routes/-components/Footer_20241206154158.tsx
new file mode 100644
index 0000000..befe497
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154158.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-l"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154208.tsx b/.history/src/routes/-components/Footer_20241206154208.tsx
new file mode 100644
index 0000000..a297167
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154208.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-2xl"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154232.tsx b/.history/src/routes/-components/Footer_20241206154232.tsx
new file mode 100644
index 0000000..b0a7113
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154232.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154251.tsx b/.history/src/routes/-components/Footer_20241206154251.tsx
new file mode 100644
index 0000000..c99a748
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154251.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154306.tsx b/.history/src/routes/-components/Footer_20241206154306.tsx
new file mode 100644
index 0000000..bd89e9f
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154306.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg""
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154308.tsx b/.history/src/routes/-components/Footer_20241206154308.tsx
new file mode 100644
index 0000000..7f8f36e
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154308.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154344.tsx b/.history/src/routes/-components/Footer_20241206154344.tsx
new file mode 100644
index 0000000..d96ab98
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154344.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154520.tsx b/.history/src/routes/-components/Footer_20241206154520.tsx
new file mode 100644
index 0000000..f49eb25
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154520.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:m-20 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154603.tsx b/.history/src/routes/-components/Footer_20241206154603.tsx
new file mode 100644
index 0000000..a42dafc
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154603.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206154621.tsx b/.history/src/routes/-components/Footer_20241206154621.tsx
new file mode 100644
index 0000000..2d85589
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206154621.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206161630.tsx b/.history/src/routes/-components/Footer_20241206161630.tsx
new file mode 100644
index 0000000..a4e2798
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206161630.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn btn-bg-px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206161718.tsx b/.history/src/routes/-components/Footer_20241206161718.tsx
new file mode 100644
index 0000000..00c36d4
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206161718.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn btn-bg- px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206161724.tsx b/.history/src/routes/-components/Footer_20241206161724.tsx
new file mode 100644
index 0000000..b0d112a
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206161724.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn btn-b px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206161726.tsx b/.history/src/routes/-components/Footer_20241206161726.tsx
new file mode 100644
index 0000000..2e5bbad
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206161726.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn btn-bg px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206161743.tsx b/.history/src/routes/-components/Footer_20241206161743.tsx
new file mode 100644
index 0000000..d7e1e33
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206161743.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn bg-brand-gree px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206161746.tsx b/.history/src/routes/-components/Footer_20241206161746.tsx
new file mode 100644
index 0000000..6783e7a
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206161746.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn bg-brand-green-5 px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206161908.tsx b/.history/src/routes/-components/Footer_20241206161908.tsx
new file mode 100644
index 0000000..fa9f80b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206161908.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206161941.tsx b/.history/src/routes/-components/Footer_20241206161941.tsx
new file mode 100644
index 0000000..2958aaf
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206161941.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162004.tsx b/.history/src/routes/-components/Footer_20241206162004.tsx
new file mode 100644
index 0000000..31a292a
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162004.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162032.tsx b/.history/src/routes/-components/Footer_20241206162032.tsx
new file mode 100644
index 0000000..2958aaf
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162032.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162134.tsx b/.history/src/routes/-components/Footer_20241206162134.tsx
new file mode 100644
index 0000000..cddc1b1
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162134.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:pl-"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162135.tsx b/.history/src/routes/-components/Footer_20241206162135.tsx
new file mode 100644
index 0000000..cde645a
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162135.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:pl-0"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162330.tsx b/.history/src/routes/-components/Footer_20241206162330.tsx
new file mode 100644
index 0000000..675fe79
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162330.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] "
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162801.tsx b/.history/src/routes/-components/Footer_20241206162801.tsx
new file mode 100644
index 0000000..5e176e7
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162801.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w- lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] "
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162807.tsx b/.history/src/routes/-components/Footer_20241206162807.tsx
new file mode 100644
index 0000000..09a75d0
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162807.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-3/5 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] "
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162944.tsx b/.history/src/routes/-components/Footer_20241206162944.tsx
new file mode 100644
index 0000000..a831b58
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162944.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206162953.tsx b/.history/src/routes/-components/Footer_20241206162953.tsx
new file mode 100644
index 0000000..a831b58
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206162953.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163042.tsx b/.history/src/routes/-components/Footer_20241206163042.tsx
new file mode 100644
index 0000000..a0c56ef
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163042.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163102.tsx b/.history/src/routes/-components/Footer_20241206163102.tsx
new file mode 100644
index 0000000..0e8bf33
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163102.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163151.tsx b/.history/src/routes/-components/Footer_20241206163151.tsx
new file mode 100644
index 0000000..8d7f0ad
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163151.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden "
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163157.tsx b/.history/src/routes/-components/Footer_20241206163157.tsx
new file mode 100644
index 0000000..aa1a53d
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163157.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden "
+      />
+      lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163201.tsx b/.history/src/routes/-components/Footer_20241206163201.tsx
new file mode 100644
index 0000000..3de55c8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163201.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden "
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163222.tsx b/.history/src/routes/-components/Footer_20241206163222.tsx
new file mode 100644
index 0000000..862997c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163222.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163228.tsx b/.history/src/routes/-components/Footer_20241206163228.tsx
new file mode 100644
index 0000000..8ae78b8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163228.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163258.tsx b/.history/src/routes/-components/Footer_20241206163258.tsx
new file mode 100644
index 0000000..018d457
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163258.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163300.tsx b/.history/src/routes/-components/Footer_20241206163300.tsx
new file mode 100644
index 0000000..fbe66e3
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163300.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163340.tsx b/.history/src/routes/-components/Footer_20241206163340.tsx
new file mode 100644
index 0000000..e783774
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163340.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163524.tsx b/.history/src/routes/-components/Footer_20241206163524.tsx
new file mode 100644
index 0000000..03e6061
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163524.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163546.tsx b/.history/src/routes/-components/Footer_20241206163546.tsx
new file mode 100644
index 0000000..9451db6
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163546.tsx
@@ -0,0 +1,47 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block"
+      />
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163548.tsx b/.history/src/routes/-components/Footer_20241206163548.tsx
new file mode 100644
index 0000000..9451db6
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163548.tsx
@@ -0,0 +1,47 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block"
+      />
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163602.tsx b/.history/src/routes/-components/Footer_20241206163602.tsx
new file mode 100644
index 0000000..03e6061
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163602.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:bottom-0 lg:block"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163624.tsx b/.history/src/routes/-components/Footer_20241206163624.tsx
new file mode 100644
index 0000000..efc553c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163624.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="top-10 hidden lg:absolute lg:bottom-0 lg:block"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163631.tsx b/.history/src/routes/-components/Footer_20241206163631.tsx
new file mode 100644
index 0000000..f765b2a
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163631.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
+      />
+      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163653.tsx b/.history/src/routes/-components/Footer_20241206163653.tsx
new file mode 100644
index 0000000..ad9085a
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163653.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
+      />
+      {/*  lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163708.tsx b/.history/src/routes/-components/Footer_20241206163708.tsx
new file mode 100644
index 0000000..594fd07
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163708.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
+      />
+      </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163719.tsx b/.history/src/routes/-components/Footer_20241206163719.tsx
new file mode 100644
index 0000000..ebf83e2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163719.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163740.tsx b/.history/src/routes/-components/Footer_20241206163740.tsx
new file mode 100644
index 0000000..c621289
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163740.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:rounded-full lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163757.tsx b/.history/src/routes/-components/Footer_20241206163757.tsx
new file mode 100644
index 0000000..1dfd235
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163757.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163804.tsx b/.history/src/routes/-components/Footer_20241206163804.tsx
new file mode 100644
index 0000000..1dfd235
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163804.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:opacity-50 lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163821.tsx b/.history/src/routes/-components/Footer_20241206163821.tsx
new file mode 100644
index 0000000..2d8b901
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163821.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:blur-[334px]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163830.tsx b/.history/src/routes/-components/Footer_20241206163830.tsx
new file mode 100644
index 0000000..a3e6238
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163830.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163850.tsx b/.history/src/routes/-components/Footer_20241206163850.tsx
new file mode 100644
index 0000000..a2bab37
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163850.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163927.tsx b/.history/src/routes/-components/Footer_20241206163927.tsx
new file mode 100644
index 0000000..725811f
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163927.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163940.tsx b/.history/src/routes/-components/Footer_20241206163940.tsx
new file mode 100644
index 0000000..85bec9c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163940.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163941.tsx b/.history/src/routes/-components/Footer_20241206163941.tsx
new file mode 100644
index 0000000..85bec9c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163941.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163944.tsx b/.history/src/routes/-components/Footer_20241206163944.tsx
new file mode 100644
index 0000000..a3e6238
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163944.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206163957.tsx b/.history/src/routes/-components/Footer_20241206163957.tsx
new file mode 100644
index 0000000..683641c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206163957.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164135.tsx b/.history/src/routes/-components/Footer_20241206164135.tsx
new file mode 100644
index 0000000..89fa8b3
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164135.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164227.tsx b/.history/src/routes/-components/Footer_20241206164227.tsx
new file mode 100644
index 0000000..916753b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164227.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164313.tsx b/.history/src/routes/-components/Footer_20241206164313.tsx
new file mode 100644
index 0000000..49926d2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164313.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164358.tsx b/.history/src/routes/-components/Footer_20241206164358.tsx
new file mode 100644
index 0000000..49926d2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164358.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164421.tsx b/.history/src/routes/-components/Footer_20241206164421.tsx
new file mode 100644
index 0000000..a5f2081
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164421.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164625.tsx b/.history/src/routes/-components/Footer_20241206164625.tsx
new file mode 100644
index 0000000..72290de
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164625.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
+      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute top-10 hidden lg:block"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164709.tsx b/.history/src/routes/-components/Footer_20241206164709.tsx
new file mode 100644
index 0000000..a5f2081
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164709.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164827.tsx b/.history/src/routes/-components/Footer_20241206164827.tsx
new file mode 100644
index 0000000..39f38e5
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164827.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164908.tsx b/.history/src/routes/-components/Footer_20241206164908.tsx
new file mode 100644
index 0000000..b60a11d
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164908.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto lg:z-"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164910.tsx b/.history/src/routes/-components/Footer_20241206164910.tsx
new file mode 100644
index 0000000..a30b662
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164910.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164939.tsx b/.history/src/routes/-components/Footer_20241206164939.tsx
new file mode 100644
index 0000000..5341a19
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164939.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:in lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164942.tsx b/.history/src/routes/-components/Footer_20241206164942.tsx
new file mode 100644
index 0000000..8e96442
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164942.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inli lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164944.tsx b/.history/src/routes/-components/Footer_20241206164944.tsx
new file mode 100644
index 0000000..3449b20
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164944.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206164957.tsx b/.history/src/routes/-components/Footer_20241206164957.tsx
new file mode 100644
index 0000000..0fac04d
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206164957.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10  lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165005.tsx b/.history/src/routes/-components/Footer_20241206165005.tsx
new file mode 100644
index 0000000..9ba378e
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165005.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165008.tsx b/.history/src/routes/-components/Footer_20241206165008.tsx
new file mode 100644
index 0000000..4ef1ca8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165008.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165019.tsx b/.history/src/routes/-components/Footer_20241206165019.tsx
new file mode 100644
index 0000000..9ba378e
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165019.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165105.tsx b/.history/src/routes/-components/Footer_20241206165105.tsx
new file mode 100644
index 0000000..cfb3dab
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165105.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg: lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165115.tsx b/.history/src/routes/-components/Footer_20241206165115.tsx
new file mode 100644
index 0000000..3e5f6c5
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165115.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:inline- lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165119.tsx b/.history/src/routes/-components/Footer_20241206165119.tsx
new file mode 100644
index 0000000..7365e3f
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165119.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-flex lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165134.tsx b/.history/src/routes/-components/Footer_20241206165134.tsx
new file mode 100644
index 0000000..4370eb9
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165134.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165143.tsx b/.history/src/routes/-components/Footer_20241206165143.tsx
new file mode 100644
index 0000000..4370eb9
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165143.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165229.tsx b/.history/src/routes/-components/Footer_20241206165229.tsx
new file mode 100644
index 0000000..3449b20
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165229.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165243.tsx b/.history/src/routes/-components/Footer_20241206165243.tsx
new file mode 100644
index 0000000..4370eb9
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165243.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165253.tsx b/.history/src/routes/-components/Footer_20241206165253.tsx
new file mode 100644
index 0000000..4370eb9
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165253.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165305.tsx b/.history/src/routes/-components/Footer_20241206165305.tsx
new file mode 100644
index 0000000..7365e3f
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165305.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-flex lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165317.tsx b/.history/src/routes/-components/Footer_20241206165317.tsx
new file mode 100644
index 0000000..2ece21e
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165317.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:flex lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165339.tsx b/.history/src/routes/-components/Footer_20241206165339.tsx
new file mode 100644
index 0000000..27170e3
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165339.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:flex lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165345.tsx b/.history/src/routes/-components/Footer_20241206165345.tsx
new file mode 100644
index 0000000..4ef1ca8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165345.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165359.tsx b/.history/src/routes/-components/Footer_20241206165359.tsx
new file mode 100644
index 0000000..0981a79
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165359.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165408.tsx b/.history/src/routes/-components/Footer_20241206165408.tsx
new file mode 100644
index 0000000..49db110
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165408.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165548.tsx b/.history/src/routes/-components/Footer_20241206165548.tsx
new file mode 100644
index 0000000..cc6b3d6
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165548.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute "
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165553.tsx b/.history/src/routes/-components/Footer_20241206165553.tsx
new file mode 100644
index 0000000..3fc70e4
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165553.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute "
+      />
+      lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165605.tsx b/.history/src/routes/-components/Footer_20241206165605.tsx
new file mode 100644
index 0000000..484f7b5
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165605.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165849.tsx b/.history/src/routes/-components/Footer_20241206165849.tsx
new file mode 100644
index 0000000..0c4fa9b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165849.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206165926.tsx b/.history/src/routes/-components/Footer_20241206165926.tsx
new file mode 100644
index 0000000..484f7b5
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206165926.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170044.tsx b/.history/src/routes/-components/Footer_20241206170044.tsx
new file mode 100644
index 0000000..610e416
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170044.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170048.tsx b/.history/src/routes/-components/Footer_20241206170048.tsx
new file mode 100644
index 0000000..484f7b5
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170048.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170050.tsx b/.history/src/routes/-components/Footer_20241206170050.tsx
new file mode 100644
index 0000000..610e416
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170050.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170111.tsx b/.history/src/routes/-components/Footer_20241206170111.tsx
new file mode 100644
index 0000000..83d81c3
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170111.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170123.tsx b/.history/src/routes/-components/Footer_20241206170123.tsx
new file mode 100644
index 0000000..610e416
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170123.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170221.tsx b/.history/src/routes/-components/Footer_20241206170221.tsx
new file mode 100644
index 0000000..e73bdfb
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170221.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170500.tsx b/.history/src/routes/-components/Footer_20241206170500.tsx
new file mode 100644
index 0000000..733fa1c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170500.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170511.tsx b/.history/src/routes/-components/Footer_20241206170511.tsx
new file mode 100644
index 0000000..e73bdfb
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170511.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170535.tsx b/.history/src/routes/-components/Footer_20241206170535.tsx
new file mode 100644
index 0000000..e5d31e9
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170535.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170554.tsx b/.history/src/routes/-components/Footer_20241206170554.tsx
new file mode 100644
index 0000000..662d064
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170554.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="lg:absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170601.tsx b/.history/src/routes/-components/Footer_20241206170601.tsx
new file mode 100644
index 0000000..e73bdfb
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170601.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170623.tsx b/.history/src/routes/-components/Footer_20241206170623.tsx
new file mode 100644
index 0000000..992f8bc
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170623.tsx
@@ -0,0 +1,42 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img src={ellipse} alt="ellipse background" className="absolute bottom" />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170624.tsx b/.history/src/routes/-components/Footer_20241206170624.tsx
new file mode 100644
index 0000000..ddb90d3
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170624.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170634.tsx b/.history/src/routes/-components/Footer_20241206170634.tsx
new file mode 100644
index 0000000..d277f4f
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170634.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 "
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170638.tsx b/.history/src/routes/-components/Footer_20241206170638.tsx
new file mode 100644
index 0000000..9d8122f
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170638.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 -z-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170651.tsx b/.history/src/routes/-components/Footer_20241206170651.tsx
new file mode 100644
index 0000000..4bb7642
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170651.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 z-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170652.tsx b/.history/src/routes/-components/Footer_20241206170652.tsx
new file mode 100644
index 0000000..316ea7b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170652.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170658.tsx b/.history/src/routes/-components/Footer_20241206170658.tsx
new file mode 100644
index 0000000..316ea7b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170658.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170703.tsx b/.history/src/routes/-components/Footer_20241206170703.tsx
new file mode 100644
index 0000000..316ea7b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170703.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170712.tsx b/.history/src/routes/-components/Footer_20241206170712.tsx
new file mode 100644
index 0000000..b5667b2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170712.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170726.tsx b/.history/src/routes/-components/Footer_20241206170726.tsx
new file mode 100644
index 0000000..b4162d4
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170726.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170732.tsx b/.history/src/routes/-components/Footer_20241206170732.tsx
new file mode 100644
index 0000000..a9bd878
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170732.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170740.tsx b/.history/src/routes/-components/Footer_20241206170740.tsx
new file mode 100644
index 0000000..b5667b2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170740.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170744.tsx b/.history/src/routes/-components/Footer_20241206170744.tsx
new file mode 100644
index 0000000..bfc347a
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170744.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170751.tsx b/.history/src/routes/-components/Footer_20241206170751.tsx
new file mode 100644
index 0000000..782fb18
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170751.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="bottom-100 absolute z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170756.tsx b/.history/src/routes/-components/Footer_20241206170756.tsx
new file mode 100644
index 0000000..b5667b2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170756.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170802.tsx b/.history/src/routes/-components/Footer_20241206170802.tsx
new file mode 100644
index 0000000..85d75f4
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170802.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170823.tsx b/.history/src/routes/-components/Footer_20241206170823.tsx
new file mode 100644
index 0000000..d8a4bad
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170823.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-10%] right-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206170837.tsx b/.history/src/routes/-components/Footer_20241206170837.tsx
new file mode 100644
index 0000000..7ca7e41
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206170837.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171048.tsx b/.history/src/routes/-components/Footer_20241206171048.tsx
new file mode 100644
index 0000000..7d4d1e7
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171048.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6 lg:w-">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171050.tsx b/.history/src/routes/-components/Footer_20241206171050.tsx
new file mode 100644
index 0000000..c764042
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171050.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:flex-col lg:gap-6 lg:w-1">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171052.tsx b/.history/src/routes/-components/Footer_20241206171052.tsx
new file mode 100644
index 0000000..02d092c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171052.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171122.tsx b/.history/src/routes/-components/Footer_20241206171122.tsx
new file mode 100644
index 0000000..46a8b58
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171122.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171124.tsx b/.history/src/routes/-components/Footer_20241206171124.tsx
new file mode 100644
index 0000000..46a8b58
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171124.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171143.tsx b/.history/src/routes/-components/Footer_20241206171143.tsx
new file mode 100644
index 0000000..02d092c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171143.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171211.tsx b/.history/src/routes/-components/Footer_20241206171211.tsx
new file mode 100644
index 0000000..849d052
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171211.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="top-10z-0 absolute bottom-[-20%] right-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171218.tsx b/.history/src/routes/-components/Footer_20241206171218.tsx
new file mode 100644
index 0000000..82e36d0
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171218.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-0 top-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171240.tsx b/.history/src/routes/-components/Footer_20241206171240.tsx
new file mode 100644
index 0000000..5cdbab8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171240.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-[-20%] right-0 top-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171314.tsx b/.history/src/routes/-components/Footer_20241206171314.tsx
new file mode 100644
index 0000000..f6c49f2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171314.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-0 top-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171329.tsx b/.history/src/routes/-components/Footer_20241206171329.tsx
new file mode 100644
index 0000000..5e49c5c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171329.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171331.tsx b/.history/src/routes/-components/Footer_20241206171331.tsx
new file mode 100644
index 0000000..4dee1ad
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171331.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171342.tsx b/.history/src/routes/-components/Footer_20241206171342.tsx
new file mode 100644
index 0000000..4dee1ad
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171342.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171346.tsx b/.history/src/routes/-components/Footer_20241206171346.tsx
new file mode 100644
index 0000000..5e49c5c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171346.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-10 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171350.tsx b/.history/src/routes/-components/Footer_20241206171350.tsx
new file mode 100644
index 0000000..ac5acee
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171350.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-40 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171359.tsx b/.history/src/routes/-components/Footer_20241206171359.tsx
new file mode 100644
index 0000000..e013ced
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171359.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="top-50 absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171407.tsx b/.history/src/routes/-components/Footer_20241206171407.tsx
new file mode 100644
index 0000000..d731c3e
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171407.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="top-100 absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171415.tsx b/.history/src/routes/-components/Footer_20241206171415.tsx
new file mode 100644
index 0000000..d731c3e
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171415.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="top-100 absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171419.tsx b/.history/src/routes/-components/Footer_20241206171419.tsx
new file mode 100644
index 0000000..fd427c8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171419.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="top-90 absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171432.tsx b/.history/src/routes/-components/Footer_20241206171432.tsx
new file mode 100644
index 0000000..6a46ce1
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171432.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="top- absolute bottom-0 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171435.tsx b/.history/src/routes/-components/Footer_20241206171435.tsx
new file mode 100644
index 0000000..ac5acee
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171435.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-40 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171446.tsx b/.history/src/routes/-components/Footer_20241206171446.tsx
new file mode 100644
index 0000000..63637de
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171446.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top- z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171451.tsx b/.history/src/routes/-components/Footer_20241206171451.tsx
new file mode 100644
index 0000000..4ee04c2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171451.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171519.tsx b/.history/src/routes/-components/Footer_20241206171519.tsx
new file mode 100644
index 0000000..defc629
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171519.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right- top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171526.tsx b/.history/src/routes/-components/Footer_20241206171526.tsx
new file mode 100644
index 0000000..c456609
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171526.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-10 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171538.tsx b/.history/src/routes/-components/Footer_20241206171538.tsx
new file mode 100644
index 0000000..4ee04c2
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171538.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171547.tsx b/.history/src/routes/-components/Footer_20241206171547.tsx
new file mode 100644
index 0000000..9bd1c2a
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171547.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-5 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171558.tsx b/.history/src/routes/-components/Footer_20241206171558.tsx
new file mode 100644
index 0000000..b600e3b
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171558.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171631.tsx b/.history/src/routes/-components/Footer_20241206171631.tsx
new file mode 100644
index 0000000..2d1c763
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171631.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171657.tsx b/.history/src/routes/-components/Footer_20241206171657.tsx
new file mode 100644
index 0000000..57413de
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171657.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171702.tsx b/.history/src/routes/-components/Footer_20241206171702.tsx
new file mode 100644
index 0000000..0e88aeb
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171702.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-60"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171739.tsx b/.history/src/routes/-components/Footer_20241206171739.tsx
new file mode 100644
index 0000000..8fe18ce
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171739.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171930.tsx b/.history/src/routes/-components/Footer_20241206171930.tsx
new file mode 100644
index 0000000..aa5e069
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171930.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-96"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171937.tsx b/.history/src/routes/-components/Footer_20241206171937.tsx
new file mode 100644
index 0000000..8fe18ce
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171937.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171945.tsx b/.history/src/routes/-components/Footer_20241206171945.tsx
new file mode 100644
index 0000000..8fe18ce
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171945.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171951.tsx b/.history/src/routes/-components/Footer_20241206171951.tsx
new file mode 100644
index 0000000..0e88aeb
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171951.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-60"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206171956.tsx b/.history/src/routes/-components/Footer_20241206171956.tsx
new file mode 100644
index 0000000..8fe18ce
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206171956.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172135.tsx b/.history/src/routes/-components/Footer_20241206172135.tsx
new file mode 100644
index 0000000..26edf48
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172135.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172141.tsx b/.history/src/routes/-components/Footer_20241206172141.tsx
new file mode 100644
index 0000000..26edf48
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172141.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172209.tsx b/.history/src/routes/-components/Footer_20241206172209.tsx
new file mode 100644
index 0000000..2d1c763
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172209.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172212.tsx b/.history/src/routes/-components/Footer_20241206172212.tsx
new file mode 100644
index 0000000..2d1c763
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172212.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172242.tsx b/.history/src/routes/-components/Footer_20241206172242.tsx
new file mode 100644
index 0000000..4f7b787
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172242.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:bottom"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172243.tsx b/.history/src/routes/-components/Footer_20241206172243.tsx
new file mode 100644
index 0000000..620c4d8
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172243.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:bottom-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172324.tsx b/.history/src/routes/-components/Footer_20241206172324.tsx
new file mode 100644
index 0000000..8fe18ce
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172324.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172334.tsx b/.history/src/routes/-components/Footer_20241206172334.tsx
new file mode 100644
index 0000000..57413de
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172334.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172339.tsx b/.history/src/routes/-components/Footer_20241206172339.tsx
new file mode 100644
index 0000000..6a30aad
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172339.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-5"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172348.tsx b/.history/src/routes/-components/Footer_20241206172348.tsx
new file mode 100644
index 0000000..e306c32
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172348.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="md:top-50 absolute bottom-0 right-2 top-96 z-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172400.tsx b/.history/src/routes/-components/Footer_20241206172400.tsx
new file mode 100644
index 0000000..11aa95d
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172400.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:top-1"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172416.tsx b/.history/src/routes/-components/Footer_20241206172416.tsx
new file mode 100644
index 0000000..c1581d7
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172416.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-10 md:top-1"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172422.tsx b/.history/src/routes/-components/Footer_20241206172422.tsx
new file mode 100644
index 0000000..8ff45cb
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172422.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-1 md:top-1"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172425.tsx b/.history/src/routes/-components/Footer_20241206172425.tsx
new file mode 100644
index 0000000..4b15c43
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172425.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-5 md:top-1"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172433.tsx b/.history/src/routes/-components/Footer_20241206172433.tsx
new file mode 100644
index 0000000..be6bd9f
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172433.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-1"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172443.tsx b/.history/src/routes/-components/Footer_20241206172443.tsx
new file mode 100644
index 0000000..d00c6c7
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172443.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172449.tsx b/.history/src/routes/-components/Footer_20241206172449.tsx
new file mode 100644
index 0000000..d00c6c7
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172449.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172521.tsx b/.history/src/routes/-components/Footer_20241206172521.tsx
new file mode 100644
index 0000000..b117b3d
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172521.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172545.tsx b/.history/src/routes/-components/Footer_20241206172545.tsx
new file mode 100644
index 0000000..12dd76e
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172545.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172548.tsx b/.history/src/routes/-components/Footer_20241206172548.tsx
new file mode 100644
index 0000000..795ab94
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172548.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172616.tsx b/.history/src/routes/-components/Footer_20241206172616.tsx
new file mode 100644
index 0000000..ebdf9ea
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172616.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10lg:right-2"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172618.tsx b/.history/src/routes/-components/Footer_20241206172618.tsx
new file mode 100644
index 0000000..8a60818
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172618.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="lg:top-10lg:right-5 absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172650.tsx b/.history/src/routes/-components/Footer_20241206172650.tsx
new file mode 100644
index 0000000..8e9a94c
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172650.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:right-5 lg:top-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/Footer_20241206172704.tsx b/.history/src/routes/-components/Footer_20241206172704.tsx
new file mode 100644
index 0000000..795ab94
--- /dev/null
+++ b/.history/src/routes/-components/Footer_20241206172704.tsx
@@ -0,0 +1,46 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10"
+      />
+      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/trial_20241206164531.tsx b/.history/src/routes/-components/trial_20241206164531.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/.history/src/routes/-components/trial_20241206164537.tsx b/.history/src/routes/-components/trial_20241206164537.tsx
new file mode 100644
index 0000000..a5f2081
--- /dev/null
+++ b/.history/src/routes/-components/trial_20241206164537.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/src/routes/-components/trial_20241206164628.tsx b/.history/src/routes/-components/trial_20241206164628.tsx
new file mode 100644
index 0000000..a5f2081
--- /dev/null
+++ b/.history/src/routes/-components/trial_20241206164628.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/.history/tailwind.config_20241205153439.js b/.history/tailwind.config_20241205153439.js
new file mode 100644
index 0000000..6f72966
--- /dev/null
+++ b/.history/tailwind.config_20241205153439.js
@@ -0,0 +1,90 @@
+/** @type {import('tailwindcss').Config} */
+import { Description } from "@radix-ui/react-dialog";
+import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
+export default {
+  darkMode: ["class"],
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        "ff-poppins": ["Poppins", "sans-serif"],
+        "ff-inconsolata": ["Inconsolata", "monospace"],
+      },
+      colors: {
+        brand: {
+          1: "#383C3A",
+          gray: {
+            1: "#C6C6C6",
+            2: "#989A9A",
+            3: "#8C9E99",
+            4: "#413535",
+            5: "#DED6D6",
+            6: "#B4B1B1",
+            7: "#635D5D",
+            8: "#B3B8B7",
+            9: "#f3faf8", //#B3B8B7CC
+          },
+          green: {
+            1: "#14A97C",
+            2: "#02FBB0",
+            3: "#19FDC7",
+            4: "#144E40",
+            5: "#294740",
+            6: "#2D8067",
+            7: "#9AF5E0",
+          },
+        },
+        sidebar: {
+          DEFAULT: "oklch(var(--sidebar-background))",
+          foreground: "oklch(var(--sidebar-foreground))",
+          primary: "oklch(var(--sidebar-primary))",
+          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
+          accent: "oklch(var(--sidebar-accent))",
+          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
+          border: "oklch(var(--sidebar-border))",
+          ring: "oklch(var(--sidebar-ring))",
+        },
+        heading: "E9EDEC",
+      },
+    },
+  },
+  plugins: [
+    require("daisyui"),
+    require("tailwindcss-animate"),
+    shadcnTailwindPlugin,
+  ],
+
+  daisyui: {
+    themes: [
+      {
+        collabs: {
+          "color-scheme": "dark",
+          primary: "#2D8067",
+          "primary-content": "#000000",
+          secondary: "#1db88e",
+          "secondary-content": "#000c07",
+          accent: "#1db8ab",
+          "accent-content": "#000c0b",
+          neutral: "#19362d",
+          "neutral-content": "#cdd3d1",
+          "base-100": "#16181D",
+          "base-300": "#110c0d",
+          "base-content": "#B3B8B7",
+          success: "#00a96e",
+          error: "#852e32",
+          info: "#00b5ff",
+          warning: "#ffbe00",
+          // "--animation-btn": ".25s",
+          // "--animation-input": ".2s",
+          // "--border-btn": "1px",
+          // "--btn-focus-scale": ".95",
+          // "--rounded-badge": "1.9rem",
+          // "--rounded-box": "1rem",
+          // "--rounded-btn": ".5rem",
+          // "--tab-border": "1px",
+          // "--tab-radius": ".5rem",
+        },
+      },
+    ],
+  },
+};
diff --git a/.history/tailwind.config_20241206161845.js b/.history/tailwind.config_20241206161845.js
new file mode 100644
index 0000000..36c7e85
--- /dev/null
+++ b/.history/tailwind.config_20241206161845.js
@@ -0,0 +1,91 @@
+/** @type {import('tailwindcss').Config} */
+import { Description } from "@radix-ui/react-dialog";
+import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
+export default {
+  darkMode: ["class"],
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        "ff-poppins": ["Poppins", "sans-serif"],
+        "ff-inconsolata": ["Inconsolata", "monospace"],
+      },
+      colors: {
+        brand: {
+          1: "#383C3A",
+          gray: {
+            1: "#C6C6C6",
+            2: "#989A9A",
+            3: "#8C9E99",
+            4: "#413535",
+            5: "#DED6D6",
+            6: "#B4B1B1",
+            7: "#635D5D",
+            8: "#B3B8B7",
+            9: "#f3faf8", //#B3B8B7CC
+          },
+          green: {
+            1: "#14A97C",
+            2: "#02FBB0",
+            3: "#19FDC7",
+            4: "#144E40",
+            5: "#294740",
+            6: "#2D8067",
+            7: "#9AF5E0",
+            8
+          },
+        },
+        sidebar: {
+          DEFAULT: "oklch(var(--sidebar-background))",
+          foreground: "oklch(var(--sidebar-foreground))",
+          primary: "oklch(var(--sidebar-primary))",
+          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
+          accent: "oklch(var(--sidebar-accent))",
+          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
+          border: "oklch(var(--sidebar-border))",
+          ring: "oklch(var(--sidebar-ring))",
+        },
+        heading: "E9EDEC",
+      },
+    },
+  },
+  plugins: [
+    require("daisyui"),
+    require("tailwindcss-animate"),
+    shadcnTailwindPlugin,
+  ],
+
+  daisyui: {
+    themes: [
+      {
+        collabs: {
+          "color-scheme": "dark",
+          primary: "#2D8067",
+          "primary-content": "#000000",
+          secondary: "#1db88e",
+          "secondary-content": "#000c07",
+          accent: "#1db8ab",
+          "accent-content": "#000c0b",
+          neutral: "#19362d",
+          "neutral-content": "#cdd3d1",
+          "base-100": "#16181D",
+          "base-300": "#110c0d",
+          "base-content": "#B3B8B7",
+          success: "#00a96e",
+          error: "#852e32",
+          info: "#00b5ff",
+          warning: "#ffbe00",
+          // "--animation-btn": ".25s",
+          // "--animation-input": ".2s",
+          // "--border-btn": "1px",
+          // "--btn-focus-scale": ".95",
+          // "--rounded-badge": "1.9rem",
+          // "--rounded-box": "1rem",
+          // "--rounded-btn": ".5rem",
+          // "--tab-border": "1px",
+          // "--tab-radius": ".5rem",
+        },
+      },
+    ],
+  },
+};
diff --git a/.history/tailwind.config_20241206161849.js b/.history/tailwind.config_20241206161849.js
new file mode 100644
index 0000000..f0370ea
--- /dev/null
+++ b/.history/tailwind.config_20241206161849.js
@@ -0,0 +1,91 @@
+/** @type {import('tailwindcss').Config} */
+import { Description } from "@radix-ui/react-dialog";
+import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
+export default {
+  darkMode: ["class"],
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        "ff-poppins": ["Poppins", "sans-serif"],
+        "ff-inconsolata": ["Inconsolata", "monospace"],
+      },
+      colors: {
+        brand: {
+          1: "#383C3A",
+          gray: {
+            1: "#C6C6C6",
+            2: "#989A9A",
+            3: "#8C9E99",
+            4: "#413535",
+            5: "#DED6D6",
+            6: "#B4B1B1",
+            7: "#635D5D",
+            8: "#B3B8B7",
+            9: "#f3faf8", //#B3B8B7CC
+          },
+          green: {
+            1: "#14A97C",
+            2: "#02FBB0",
+            3: "#19FDC7",
+            4: "#144E40",
+            5: "#294740",
+            6: "#2D8067",
+            7: "#9AF5E0",
+            8: 
+          },
+        },
+        sidebar: {
+          DEFAULT: "oklch(var(--sidebar-background))",
+          foreground: "oklch(var(--sidebar-foreground))",
+          primary: "oklch(var(--sidebar-primary))",
+          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
+          accent: "oklch(var(--sidebar-accent))",
+          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
+          border: "oklch(var(--sidebar-border))",
+          ring: "oklch(var(--sidebar-ring))",
+        },
+        heading: "E9EDEC",
+      },
+    },
+  },
+  plugins: [
+    require("daisyui"),
+    require("tailwindcss-animate"),
+    shadcnTailwindPlugin,
+  ],
+
+  daisyui: {
+    themes: [
+      {
+        collabs: {
+          "color-scheme": "dark",
+          primary: "#2D8067",
+          "primary-content": "#000000",
+          secondary: "#1db88e",
+          "secondary-content": "#000c07",
+          accent: "#1db8ab",
+          "accent-content": "#000c0b",
+          neutral: "#19362d",
+          "neutral-content": "#cdd3d1",
+          "base-100": "#16181D",
+          "base-300": "#110c0d",
+          "base-content": "#B3B8B7",
+          success: "#00a96e",
+          error: "#852e32",
+          info: "#00b5ff",
+          warning: "#ffbe00",
+          // "--animation-btn": ".25s",
+          // "--animation-input": ".2s",
+          // "--border-btn": "1px",
+          // "--btn-focus-scale": ".95",
+          // "--rounded-badge": "1.9rem",
+          // "--rounded-box": "1rem",
+          // "--rounded-btn": ".5rem",
+          // "--tab-border": "1px",
+          // "--tab-radius": ".5rem",
+        },
+      },
+    ],
+  },
+};
diff --git a/.history/tailwind.config_20241206161901.js b/.history/tailwind.config_20241206161901.js
new file mode 100644
index 0000000..8a4f39a
--- /dev/null
+++ b/.history/tailwind.config_20241206161901.js
@@ -0,0 +1,91 @@
+/** @type {import('tailwindcss').Config} */
+import { Description } from "@radix-ui/react-dialog";
+import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
+export default {
+  darkMode: ["class"],
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        "ff-poppins": ["Poppins", "sans-serif"],
+        "ff-inconsolata": ["Inconsolata", "monospace"],
+      },
+      colors: {
+        brand: {
+          1: "#383C3A",
+          gray: {
+            1: "#C6C6C6",
+            2: "#989A9A",
+            3: "#8C9E99",
+            4: "#413535",
+            5: "#DED6D6",
+            6: "#B4B1B1",
+            7: "#635D5D",
+            8: "#B3B8B7",
+            9: "#f3faf8", //#B3B8B7CC
+          },
+          green: {
+            1: "#14A97C",
+            2: "#02FBB0",
+            3: "#19FDC7",
+            4: "#144E40",
+            5: "#294740",
+            6: "#2D8067",
+            7: "#9AF5E0",
+            8: "#294740CC"
+          },
+        },
+        sidebar: {
+          DEFAULT: "oklch(var(--sidebar-background))",
+          foreground: "oklch(var(--sidebar-foreground))",
+          primary: "oklch(var(--sidebar-primary))",
+          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
+          accent: "oklch(var(--sidebar-accent))",
+          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
+          border: "oklch(var(--sidebar-border))",
+          ring: "oklch(var(--sidebar-ring))",
+        },
+        heading: "E9EDEC",
+      },
+    },
+  },
+  plugins: [
+    require("daisyui"),
+    require("tailwindcss-animate"),
+    shadcnTailwindPlugin,
+  ],
+
+  daisyui: {
+    themes: [
+      {
+        collabs: {
+          "color-scheme": "dark",
+          primary: "#2D8067",
+          "primary-content": "#000000",
+          secondary: "#1db88e",
+          "secondary-content": "#000c07",
+          accent: "#1db8ab",
+          "accent-content": "#000c0b",
+          neutral: "#19362d",
+          "neutral-content": "#cdd3d1",
+          "base-100": "#16181D",
+          "base-300": "#110c0d",
+          "base-content": "#B3B8B7",
+          success: "#00a96e",
+          error: "#852e32",
+          info: "#00b5ff",
+          warning: "#ffbe00",
+          // "--animation-btn": ".25s",
+          // "--animation-input": ".2s",
+          // "--border-btn": "1px",
+          // "--btn-focus-scale": ".95",
+          // "--rounded-badge": "1.9rem",
+          // "--rounded-box": "1rem",
+          // "--rounded-btn": ".5rem",
+          // "--tab-border": "1px",
+          // "--tab-radius": ".5rem",
+        },
+      },
+    ],
+  },
+};
diff --git a/.history/tailwind.config_20241206161904.js b/.history/tailwind.config_20241206161904.js
new file mode 100644
index 0000000..26232bd
--- /dev/null
+++ b/.history/tailwind.config_20241206161904.js
@@ -0,0 +1,91 @@
+/** @type {import('tailwindcss').Config} */
+import { Description } from "@radix-ui/react-dialog";
+import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
+export default {
+  darkMode: ["class"],
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        "ff-poppins": ["Poppins", "sans-serif"],
+        "ff-inconsolata": ["Inconsolata", "monospace"],
+      },
+      colors: {
+        brand: {
+          1: "#383C3A",
+          gray: {
+            1: "#C6C6C6",
+            2: "#989A9A",
+            3: "#8C9E99",
+            4: "#413535",
+            5: "#DED6D6",
+            6: "#B4B1B1",
+            7: "#635D5D",
+            8: "#B3B8B7",
+            9: "#f3faf8", //#B3B8B7CC
+          },
+          green: {
+            1: "#14A97C",
+            2: "#02FBB0",
+            3: "#19FDC7",
+            4: "#144E40",
+            5: "#294740",
+            6: "#2D8067",
+            7: "#9AF5E0",
+            8: "#294740CC",
+          },
+        },
+        sidebar: {
+          DEFAULT: "oklch(var(--sidebar-background))",
+          foreground: "oklch(var(--sidebar-foreground))",
+          primary: "oklch(var(--sidebar-primary))",
+          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
+          accent: "oklch(var(--sidebar-accent))",
+          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
+          border: "oklch(var(--sidebar-border))",
+          ring: "oklch(var(--sidebar-ring))",
+        },
+        heading: "E9EDEC",
+      },
+    },
+  },
+  plugins: [
+    require("daisyui"),
+    require("tailwindcss-animate"),
+    shadcnTailwindPlugin,
+  ],
+
+  daisyui: {
+    themes: [
+      {
+        collabs: {
+          "color-scheme": "dark",
+          primary: "#2D8067",
+          "primary-content": "#000000",
+          secondary: "#1db88e",
+          "secondary-content": "#000c07",
+          accent: "#1db8ab",
+          "accent-content": "#000c0b",
+          neutral: "#19362d",
+          "neutral-content": "#cdd3d1",
+          "base-100": "#16181D",
+          "base-300": "#110c0d",
+          "base-content": "#B3B8B7",
+          success: "#00a96e",
+          error: "#852e32",
+          info: "#00b5ff",
+          warning: "#ffbe00",
+          // "--animation-btn": ".25s",
+          // "--animation-input": ".2s",
+          // "--border-btn": "1px",
+          // "--btn-focus-scale": ".95",
+          // "--rounded-badge": "1.9rem",
+          // "--rounded-box": "1rem",
+          // "--rounded-btn": ".5rem",
+          // "--tab-border": "1px",
+          // "--tab-radius": ".5rem",
+        },
+      },
+    ],
+  },
+};
diff --git a/index.html b/index.html
index 490d040..d12abc3 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,23 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/colabs.png" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
-      rel="stylesheet"
-    />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Colabs</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/png" href="/colabs.png" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+    rel="stylesheet" />
+  <!-- Added inconsolata font -->
+  <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Colabs</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/assets/ellipse.png b/src/assets/ellipse.png
new file mode 100644
index 0000000000000000000000000000000000000000..4829a526b2f6b01a3f994b151c3291ff64db475b
GIT binary patch
literal 96038
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
N002ovPDHLkV1o9&V5$HB

literal 0
HcmV?d00001

diff --git a/src/assets/robot assistant standing and looking.png b/src/assets/robot assistant standing and looking.png
new file mode 100644
index 0000000000000000000000000000000000000000..048b3d3846856ff620efb2ba149eb49ad9ee9540
GIT binary patch
literal 38821
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

literal 0
HcmV?d00001

diff --git a/src/assets/rocket.png b/src/assets/rocket.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca7b57a793b9352440943112c2abb40b8f27e121
GIT binary patch
literal 1456
zcmV;h1yA~kP)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0008AP)t-s0002{
z0uKZGumSwAezv>-|G4+pP4xv37x1#u4-wB47LT#N%Pcbg|Nr;TQ0`-3Ptdr~5*5!9
z6#xJK_t#9;4GsVQ|HKp&=OQleTv^jAD$f@h_SjAIJU-(I5!MY7&lMTy7aS(&v<dR6
z_!l4i0uG=fBKOx#&=3@#Bp~_#5C8xF%OE78ARwP0Al@D*ld8Fiyuyj4t2kw5)f5;#
zcy_TdD#{rdjjz9H!@C;Wn<CJZ@lQ?|-JOMPQsg;8^))(;ufH9%jz3jj$}KU<C@s_u
z5fsUo_aP|H6c_*h|AmExpd=yP3=#kT|K!S7_t#8|KsBHwA^-pX$t*IUBqIC*5C8xF
z`VAMKBO;Hlzxdcr%PTSh`?1jv68i!VW{-O!&y$}dB7vv1#UmyE|NoyPAZ(hd0{XAd
z6c+pf5C8xFAkUJjpK|onP4w4F$}KRDDk_e#zwreS`PNMM0}c1rOp33+`qWAQ__aV#
zVE5NZ|NsAhufNYAFaZCtjjz8V(3GGgBhDEdKU81$*G;b5=#sU?ZJMdeDK51rD$W}p
zv*GT|($kBry@;&4X_uzTEHULJF|^0fm$k!?vcmiDvX`K%g@uLr<b%2?EUMS!%+=YR
z#nZ;g%ayvyow~<*qO$w#r}fvQ`|F{Rj+>s2nmMq3`Qmv&rFT<hZ&8nFVR~D*Pga3X
zK8Qp&kU22SA}0U;|JU2yqRZLB&()sA)SJQ4qPxehw7-I<w|=m-f2Fmgtgwruu+f{I
zZjYV%>6%@IlZ1ng`R9!)#f>V)jO((Cae#;Drh{mAfM|DrxoUaSmvxqEalc`3_}^`y
zX>HDmY_)c1NnK~eSZ7&<V)xu(+rwM;+FHVKTG?t@lUP}uP)m7QM#4Npu}eS3G&;>W
zIh{5)<|#FpFDa@Job&(y0DyE-PE!EP&9eC!-_z31&3}JD5dG-Afq-xs5DoeG_VVxM
z=H=wz*VfjupMXq2Gaw)z5dQr6`T6(u^YZWS@9*#I=;-3#-{0Tg+u7OH&(F`qzrVk~
zzpt;ark|XUkB^UxjEsqZfPZ#yaBpU2W?*1oU|?WiUtUm6Krk>SARrhJ5DgIRpQ``>
z0xd~IK~y-)Vjv%AWyPz86{Cv^!x*Iz4mK)`jJ~MSVt$*1A-Yv%`6WFV8QI;?4G881
zlC@FxlKiraKp-cG&GK@`x%>H5K=SPJaaiPwEVlIQd?LZlsK_YCseviaJ#}`^wubYQ
zBow9C<vB%>rE0+P?QK2t8yXs}PMRcT!YKrm$_@vSyb$@e$-TXErZk+Hq;C#4K${mt
zLgg3CyVA0%cWQ%?otY52{mBh&ZS9j!x3siOU(le$#4L^~U6<Z5b#{Bh<P$&zdv^#h
zF;ybubP8fZT<-6h&<AwhlzFRKPHnbiV#+|s^K^D@+}J(6Z^FU`kcv6ITMe0*Vv*&$
zo12^0&Yiz-LVp7ouy8Ojv!cm21GcQEy|1IAA4#4!6(KLJ;AybEp<(F(pbCV3F|Y#H
zZfONBF2R((hUsg&4o~RV1C>YkKnN(EDek>**~6~K4gDR5Ox+>!2q3B<F5*Aq;>50|
zr40=NPR7nv7*QDAy5cfW{#*l#lCtf!LJWEJ)+Hx_@^^L%C|j*u*Q5!KA0+u|wwcE#
z&T6_lV@AUIr%fB0bU}h%Vh9C!Hy1ye)pTpoja;>+b*qmyVc5WS<o2wlOVehu>26rw
z*tpyWUB04q+TsUir!8p}QCr>E*tjwXU4h8;gDWm9n%Sz(5D1h%wmuC_o=>J#CZM&I
zt%QLg2dLm)5{47__!#)|%RsDp>&7*acr$F`no#^XT2E6CT?hd1)5fO~%B~>*0000<
KMNUMnLSTXs2kTP+

literal 0
HcmV?d00001

diff --git a/src/routes/-components/Footer.tsx b/src/routes/-components/Footer.tsx
new file mode 100644
index 0000000..bc54ef9
--- /dev/null
+++ b/src/routes/-components/Footer.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn bg-brand-green-8 px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-8 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10"
+      />
+    </div>
+  );
+};
diff --git a/src/routes/-components/HomePage.tsx b/src/routes/-components/HomePage.tsx
index 3e06c6a..0291389 100644
--- a/src/routes/-components/HomePage.tsx
+++ b/src/routes/-components/HomePage.tsx
@@ -4,6 +4,7 @@ import RepositoriesSection from "./RepositoriesSection";
 
 import { projects } from "@/data/projects";
 import { ToolsSection } from "./tools-section/ToolsSection";
+import { Footer } from "./Footer";
 
 export function HomePage() {
   return (
@@ -18,8 +19,9 @@ export function HomePage() {
           Go to Dashboard
         </Link>
       </div>
-      <ToolsSection/>
+      <ToolsSection />
       <RepositoriesSection projects={projects} />
+      <Footer />
     </div>
   );
 }
diff --git a/src/routes/-components/trial.tsx b/src/routes/-components/trial.tsx
new file mode 100644
index 0000000..a5f2081
--- /dev/null
+++ b/src/routes/-components/trial.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const Footer = () => {
+  return (
+    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
+      />
+    </div>
+  );
+};
diff --git a/tailwind.config.js b/tailwind.config.js
index dcfd048..26232bd 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,6 +8,7 @@ export default {
     extend: {
       fontFamily: {
         "ff-poppins": ["Poppins", "sans-serif"],
+        "ff-inconsolata": ["Inconsolata", "monospace"],
       },
       colors: {
         brand: {
@@ -29,6 +30,9 @@ export default {
             3: "#19FDC7",
             4: "#144E40",
             5: "#294740",
+            6: "#2D8067",
+            7: "#9AF5E0",
+            8: "#294740CC",
           },
         },
         sidebar: {
@@ -41,6 +45,7 @@ export default {
           border: "oklch(var(--sidebar-border))",
           ring: "oklch(var(--sidebar-ring))",
         },
+        heading: "E9EDEC",
       },
     },
   },

From 7793556bb7a0e763f18925ee5096f750436b77b6 Mon Sep 17 00:00:00 2001
From: Samoina <samoina.w@gmail.com>
Date: Sun, 8 Dec 2024 10:21:03 +0300
Subject: [PATCH 2/5] chore: design footer copyright

---
 src/assets/linkedin-icon.png         | Bin 0 -> 473 bytes
 src/assets/logo-container.png        | Bin 0 -> 958 bytes
 src/assets/x-icon.png                | Bin 0 -> 516 bytes
 src/routes/-components/Footer.tsx    |  76 ++++++++++++++-------------
 src/routes/-components/FooterCTA.tsx |  45 ++++++++++++++++
 src/routes/-components/HomePage.tsx  |   4 +-
 6 files changed, 87 insertions(+), 38 deletions(-)
 create mode 100644 src/assets/linkedin-icon.png
 create mode 100644 src/assets/logo-container.png
 create mode 100644 src/assets/x-icon.png
 create mode 100644 src/routes/-components/FooterCTA.tsx

diff --git a/src/assets/linkedin-icon.png b/src/assets/linkedin-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5dfe17dc4dbfe55fc68fa8ecac1e2a8fbbba5745
GIT binary patch
literal 473
zcmV;~0Ve*5P)<h;3K|Lk000e1NJLTq000yK000#T1^@s6M%B)!00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0d7e|K~#7F<y1>j
z!axvxJw{e~0672`P;o=7EUf}$?FIAz9zZ;XT)?HJuyBcnjRF_Q0pI{wWm&?sJ!6nb
z{8R|+d{s%RdpfUQ_e>An^uu6-P=m%cRs<2QJ&$n#UY#sPNy%$nWH7>%Yb!=`Q*oVu
z7IMN{kYiXq@H?^DYWKsMIEz>kUkat6rQ2T5mVZBZ+{xQlYCngAg@uu3bd=fk9O?`_
z*O0QuqIB1OVF@Qpi0q;qD^rEoLuL$Ry<{FBnK(gsyzifxuPOPRsV&6O+$TK^l*Xu9
z_M>^cjnj1Hk}70`ej~GKk?T9!I~<e7<*y3=LZecd+&zUSBB3rNcN=Bj9<AAwB2{24
zt<aPwJv=A2({So0a^o@+zD}u_PViG)X2PuahlGjIGh=6+ge{qZKt^$*H69Ya7_89c
z8D6X^GpaEX=g?jF{7de)v~R9NBakHDpv-JyeHeKK;^uTlxo(y;%+!1Uo<w|SOi%o~
P00000NkvXXu0mjf6J^8M

literal 0
HcmV?d00001

diff --git a/src/assets/logo-container.png b/src/assets/logo-container.png
new file mode 100644
index 0000000000000000000000000000000000000000..bdb64291519c3ab0590be536bbb1d9655da3bc39
GIT binary patch
literal 958
zcmV;v13~<WP)<h;3K|Lk000e1NJLTq001fg001Ef0{{R3nA*vz0002$P)t-s00006
z`n1^C*aG{p0sF52|E?MR#{&AV0r{{P{>K9QumJz96aUN^{m0nY*ckoB0sOK8{Ib~C
z*cki80Q#@l+1VKW#RB}V0{yYq*VhC4vI6|D8T`lB*VotA*BJlD0ROn!+S(cX#~Ay?
z8285k{IS~F+S%FJ&(F`<+1VNW#~A#`+1c3w`mxv7*V)<G+uPe2`^E$Lui4qztKZQ9
z{jsOu&p`9M7W~5l`>+}Q#u@y^0{XBK`@U}J!x#O<0{N~P|H#$a*o)@NO7Fc$^1&zc
zy0zic4gb7^<;vgR-x>YK+1c3?{lb|kWj_D_084aIPE!CfAXz{SpJq+J%oz~hU|>v)
za6l&C(Wje$fOJqmFd!MfkboexpHL9*?|`qSppbuXT+exITT%JHudkGbfP8pwZf9U$
zTueC~5J-q<0{{R5I7vi7R5;6xk_U66Fc5{GB&xw+3>aK+i(86g$7$Dl7y18x=N28l
zu@ji_o7rJC`=NbW2~~1h!gO$wObY8Xv_&E6%T7OKP*Rv~)}uWwN^}66Vr&Yn%#~*D
z5jxiqFz`tpd!<tz=kXA5rybk2X9uVV`U$Ye^ZdN+Ek9(O-%>uos51aCYK8|a>+8T(
zPU2X7A7)ux{074Z6nkhwP_(HWmj<pWU$}Nzz4Q-IO9%L7vf!A7Jpg|;ldDx|l-0r6
z0UAa4{Q$u4Nckj<;vikH1Jn^(xzN(xBjDOn5=wCcWJByd8X-)K#lQZIM#BUOvSYlx
zppQ@9@o}oEpAB`1_bp)wEhTggU&;$Loi~)YXbbJKGhm@%yMQLlF-ZC+LQ^!0&6I4i
zz<&Iszoy1Cgkt_*?L1+@lkAkskc=>NQ6+2qh=G(-l#;RuWUDGv;A>&^><C4>^6BFX
zn3VhL8L4!5yWuZT4cmAN8WJl9S$N^+^bTHl5KFrA;U%?I4~`N!LpvvV&-=3i<!+M@
z<L1nk%Js59m&aSqlb+t4EIf=}NhL+Xqvv&fJg0zY3h?f?Uxosk?-^EIj^VRY1rdO?
zI^3NHci{UWU}jZ=>M;O`niy?d?sNBm3PlNXdhdwuqcG@U5^uZQLY2n-UJH@A8><yx
z6mx^6qfWYZ-*T840U4p3dN?&?w4OuXCDxh&?JEz^8?S3nEl2@VgJ$l#1Ojy|Ib|tJ
gTR2TtpVd_U0(d_~ebNfwc>n+a07*qoM6N<$g2`OoB>(^b

literal 0
HcmV?d00001

diff --git a/src/assets/x-icon.png b/src/assets/x-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..64d2b2f8203d8d7f5a5b8b9a739eeb715db214c3
GIT binary patch
literal 516
zcmV+f0{i`mP)<h;3K|Lk000e1NJLTq000yK000#T1^@s6M%B)!00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0hvieK~#7F-IPsE
z!ax+q|8KyL1sp&R&<hkl7F6TTM2Lw?Jpc#b0=oACZ~$By5fhhaS%}&L$N}I0T^K&>
z_+E((MLO8HG5#0Lw4L{x_ukBZfWIzEGx`4Yabp<JsUqxajR8lu^^jV}#iD=H>Et6|
z^Tn;Ll0H8y><yA&cU{*C6l&1O&!yDYfW+mQQB|@kY1m^;H5n%X8Fu*%CeqmCtSrvh
z8xh%R_6I{7P0uYY%1-_#EhY;QG4!1trX_dXhJ2VS<7yJXJK1r1*H5mUm2wR#Z##uB
zRGOK|YD*^t5PW|6#teB*dCNJFp;}uHazO@F$qEVO7-2FcK(v`kc9u6Kw=BpA1bPuL
z%s9XWej%mMjsZ)%j>pi7CU{7%KKHL31B$qhmYgS~l**tUd;c1Ug}50$(y4!BJFSI4
z@nbNeGtRQkrT2aUTT!|)|544p2y~>w1~1Drge~$uwb%s{HT9#oMSN`{$;O#3lF)j$
z&u*C~mJBdo+MqsAmlFYlV)x;U4WmP@G~Om-8b~|vFZ2mav8Q9!1b=1#0000<MNUMn
GLSTZkA=Fp^

literal 0
HcmV?d00001

diff --git a/src/routes/-components/Footer.tsx b/src/routes/-components/Footer.tsx
index bc54ef9..76d0e78 100644
--- a/src/routes/-components/Footer.tsx
+++ b/src/routes/-components/Footer.tsx
@@ -1,45 +1,47 @@
+import ColabsLogo from "../../assets/logo-container.png";
+import XIcon from "../../assets/x-icon.png";
+import LinkedinIcon from "../../assets/linkedin-icon.png";
 import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
+
+export default function Footer() {
   return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
+    <footer className="mt-8 pl-4">
+      <div className="flex flex-col md:flex-row md:items-center md:justify-between lg:justify-around">
+        <div className="flex items-center justify-start gap-4">
+          {/* Social Icons */}
+          <Link to="/">
+            <img src={ColabsLogo} alt="Colabs logo" />
           </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn bg-brand-green-8 px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-8 md:w-[40%] lg:w-auto lg:text-lg"
+          <a href="http://www.x.com" target="_blank" rel="noopener noreferrer">
+            <img src={XIcon} alt="X Icon" className="h-6 w-6 object-contain" />{" "}
+          </a>
+          <a
+            href="http://www.linkedin.com"
+            target="_blank"
+            rel="noopener noreferrer"
           >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
+            <img
+              src={LinkedinIcon}
+              alt="Linkedin Icon"
+              className="h-6 w-6 object-contain"
+            />
+          </a>
+        </div>
+
+        {/* Internal Links */}
+        <div className="my-5 flex flex-col gap-2 text-[#feffff] md:flex-row md:items-center md:gap-3 md:pr-4 lg:justify-between lg:gap-6">
+          <Link to="/">About</Link>
+          <Link to="/dashboard/hackathons">Hackathons</Link>
+          <Link to="/dashboard/leaderboards">Leaderboard</Link>
+          <Link to="/">Privacy & Terms</Link>
+          <Link to="/">Cookies</Link>
         </div>
       </div>
 
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10"
-      />
-    </div>
+      {/* Footer copyright notice */}
+      <p className="mb-8 text-xs font-medium text-[#BEB8B8] md:text-center md:text-sm">
+        &copy; 2024 Colabs by SpaceYaTech. All rights reserved.
+      </p>
+    </footer>
   );
-};
+}
diff --git a/src/routes/-components/FooterCTA.tsx b/src/routes/-components/FooterCTA.tsx
new file mode 100644
index 0000000..dd6f00a
--- /dev/null
+++ b/src/routes/-components/FooterCTA.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import rocketIcon from "../../assets/rocket.png";
+import robot from "../../assets/robot assistant standing and looking.png";
+import ellipse from "../../assets/ellipse.png";
+export const FooterCTA = () => {
+  return (
+    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
+        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
+          Experience counts. Get it on Colabs.
+        </p>
+        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
+          Colabs is where you cut your teeth on enterprise projects. We have
+          over 100 repositories on all tech tracks, carefully picked for you.
+        </p>
+        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
+          <Link
+            to="/auth/signup"
+            search={{ returnTo: "/dashboard" }}
+            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Join Colabs for free
+          </Link>
+          <Link
+            to="/dashboard/hackathons"
+            className="btn bg-brand-green-8 px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-8 md:w-[40%] lg:w-auto lg:text-lg"
+          >
+            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
+          </Link>
+        </div>
+      </div>
+
+      <img
+        src={robot}
+        alt="Standing robot"
+        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
+      />
+      <img
+        src={ellipse}
+        alt="ellipse background"
+        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10"
+      />
+    </div>
+  );
+};
diff --git a/src/routes/-components/HomePage.tsx b/src/routes/-components/HomePage.tsx
index 0291389..1975c11 100644
--- a/src/routes/-components/HomePage.tsx
+++ b/src/routes/-components/HomePage.tsx
@@ -4,7 +4,8 @@ import RepositoriesSection from "./RepositoriesSection";
 
 import { projects } from "@/data/projects";
 import { ToolsSection } from "./tools-section/ToolsSection";
-import { Footer } from "./Footer";
+import { FooterCTA } from "./FooterCTA";
+import Footer from "./Footer";
 
 export function HomePage() {
   return (
@@ -21,6 +22,7 @@ export function HomePage() {
       </div>
       <ToolsSection />
       <RepositoriesSection projects={projects} />
+      <FooterCTA />
       <Footer />
     </div>
   );

From 5a9011b7961fe8b7abb9ef8e019477c2ac9fd153 Mon Sep 17 00:00:00 2001
From: Samoina <samoina.w@gmail.com>
Date: Sun, 8 Dec 2024 20:15:31 +0300
Subject: [PATCH 3/5] chore: add tests for the footer sections

---
 e2e-tests/footer/footer.spec.ts      | 71 ++++++++++++++++++++++++++++
 e2e-tests/footer/footerCTA.spec.ts   | 71 ++++++++++++++++++++++++++++
 src/routes/-components/Footer.tsx    |  2 +-
 src/routes/-components/FooterCTA.tsx |  5 +-
 4 files changed, 147 insertions(+), 2 deletions(-)
 create mode 100644 e2e-tests/footer/footer.spec.ts
 create mode 100644 e2e-tests/footer/footerCTA.spec.ts

diff --git a/e2e-tests/footer/footer.spec.ts b/e2e-tests/footer/footer.spec.ts
new file mode 100644
index 0000000..d9c95ed
--- /dev/null
+++ b/e2e-tests/footer/footer.spec.ts
@@ -0,0 +1,71 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("Footer Component", () => {
+  test.beforeEach(async ({ page }) => {
+    // Navigate to the page where the Footer is rendered
+    await page.goto("/");
+  });
+
+  test("should render the Footer component", async ({ page }) => {
+    const footer = await page.locator('[data-test="Footer"]');
+    await expect(footer).toBeVisible();
+  });
+
+  test("should render social media icons with correct links", async ({
+    page,
+  }) => {
+    // Check for Colabs logo link
+    const colabsLogoLink = page.locator('img[alt="Colabs logo"]');
+    await expect(colabsLogoLink).toBeVisible();
+
+    // Check for X icon link
+    const xIconLink = page.locator('img[alt="X Icon"]');
+    await expect(xIconLink).toBeVisible();
+    await expect(xIconLink).toHaveAttribute("src", /x-icon\.png/);
+    const xLink = page.locator('a[href="http://www.x.com"]');
+    await expect(xLink).toHaveAttribute("target", "_blank");
+
+    // Check for LinkedIn icon link
+    const linkedinIconLink = page.locator('img[alt="Linkedin Icon"]');
+    await expect(linkedinIconLink).toBeVisible();
+    await expect(linkedinIconLink).toHaveAttribute("src", /linkedin-icon\.png/);
+    const linkedinLink = page.locator('a[href="http://www.linkedin.com"]');
+    await expect(linkedinLink).toHaveAttribute("target", "_blank");
+  });
+
+  test("should render internal links with correct routes", async ({ page }) => {
+    // Check internal navigation links
+    const aboutLink = page.locator("text=About");
+    const hackathonsLink = page.locator("text=Hackathons");
+    const leaderboardLink = page.locator("text=Leaderboard");
+    const privacyLink = page.locator("text=Privacy & Terms");
+    const cookiesLink = page.locator("text=Cookies");
+
+    // Assert visibility of links
+    await expect(aboutLink).toBeVisible();
+    await expect(hackathonsLink).toBeVisible();
+    await expect(leaderboardLink).toBeVisible();
+    await expect(privacyLink).toBeVisible();
+    await expect(cookiesLink).toBeVisible();
+
+    // Assert href attributes for navigation links
+    await expect(aboutLink).toHaveAttribute("href", "/");
+    await expect(hackathonsLink).toHaveAttribute(
+      "href",
+      "/dashboard/hackathons",
+    );
+    await expect(leaderboardLink).toHaveAttribute(
+      "href",
+      "/dashboard/leaderboards",
+    );
+    await expect(privacyLink).toHaveAttribute("href", "/");
+    await expect(cookiesLink).toHaveAttribute("href", "/");
+  });
+
+  test("should render copyright notice", async ({ page }) => {
+    const copyrightNotice = page.locator(
+      "text=© 2024 Colabs by SpaceYaTech. All rights reserved.",
+    );
+    await expect(copyrightNotice).toBeVisible();
+  });
+});
diff --git a/e2e-tests/footer/footerCTA.spec.ts b/e2e-tests/footer/footerCTA.spec.ts
new file mode 100644
index 0000000..b654a3f
--- /dev/null
+++ b/e2e-tests/footer/footerCTA.spec.ts
@@ -0,0 +1,71 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("FooterCTA Component", () => {
+  test.beforeEach(async ({ page }) => {
+    // Replace with the route that renders the FooterCTA component
+    await page.goto("http://localhost:3000");
+  });
+
+  test("should render the FooterCTA component", async ({ page }) => {
+    const footerCTA = await page.locator('[data-test="FooterCTA"]');
+    await expect(footerCTA).toBeVisible();
+  });
+
+  test("should display the main text", async ({ page }) => {
+    const mainText = await page.locator(
+      "text=Experience counts. Get it on Colabs.",
+    );
+    await expect(mainText).toBeVisible();
+  });
+
+  test("should display the secondary text", async ({ page }) => {
+    const secondaryText = await page.locator(
+      "text=Colabs is where you cut your teeth on enterprise projects. We have over 100 repositories on all tech tracks, carefully picked for you.",
+    );
+    await expect(secondaryText).toBeVisible();
+  });
+
+  test("should render the Join Colabs for free button", async ({ page }) => {
+    const joinButton = await page.locator("text=Join Colabs for free");
+    await expect(joinButton).toBeVisible();
+    await expect(joinButton).toHaveAttribute(
+      "href",
+      "/auth/signup?returnTo=%2Fdashboard",
+    );
+    await joinButton.click();
+  });
+
+  test("should render the Launch a Hackathon button", async ({ page }) => {
+    const hackathonButton = await page.locator("text=Launch a Hackathon");
+    await expect(hackathonButton).toBeVisible();
+    await expect(hackathonButton).toHaveAttribute(
+      "href",
+      "/dashboard/hackathons",
+    );
+  });
+
+  test("should display images", async ({ page }) => {
+    const robotImage = await page.locator('img[alt="Standing robot"]');
+    const ellipseImage = await page.locator('img[alt="ellipse background"]');
+
+    await expect(robotImage).toBeVisible();
+    await expect(ellipseImage).toBeVisible();
+  });
+
+  test("Join Colabs for free button navigates correctly", async ({ page }) => {
+    const joinButton = await page.locator("text=Join Colabs for free");
+    await expect(joinButton).toBeVisible();
+    await joinButton.click();
+    await expect(joinButton).toHaveAttribute(
+      "href",
+      "/auth/signup?returnTo=%2Fdashboard",
+    );
+  });
+
+  test("Launch a Hackathon button navigates correctly", async ({ page }) => {
+    const hackathonButton = await page.locator("text=Launch a Hackathon");
+    await expect(hackathonButton).toBeVisible();
+    //setting this up to force a click because the rocket icon is in the way of the button
+    await hackathonButton.click({ force: true });
+  });
+});
diff --git a/src/routes/-components/Footer.tsx b/src/routes/-components/Footer.tsx
index 76d0e78..f875ca4 100644
--- a/src/routes/-components/Footer.tsx
+++ b/src/routes/-components/Footer.tsx
@@ -5,7 +5,7 @@ import { Link } from "@tanstack/react-router";
 
 export default function Footer() {
   return (
-    <footer className="mt-8 pl-4">
+    <footer className="mt-8 pl-4" data-test="Footer">
       <div className="flex flex-col md:flex-row md:items-center md:justify-between lg:justify-around">
         <div className="flex items-center justify-start gap-4">
           {/* Social Icons */}
diff --git a/src/routes/-components/FooterCTA.tsx b/src/routes/-components/FooterCTA.tsx
index dd6f00a..f0c3c3f 100644
--- a/src/routes/-components/FooterCTA.tsx
+++ b/src/routes/-components/FooterCTA.tsx
@@ -4,7 +4,10 @@ import robot from "../../assets/robot assistant standing and looking.png";
 import ellipse from "../../assets/ellipse.png";
 export const FooterCTA = () => {
   return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
+    <div
+      data-test="FooterCTA"
+      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]"
+    >
       <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
         <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
           Experience counts. Get it on Colabs.

From d379ea82d5e12827f879c6c0d6baf6f3c3920b05 Mon Sep 17 00:00:00 2001
From: Samoina <samoina.w@gmail.com>
Date: Sun, 8 Dec 2024 23:26:57 +0300
Subject: [PATCH 4/5] chore: delete history files, clean up testing for the
 footer and disable webkit tests temporarily

---
 .../-components/Footer_20241206151725.tsx     |  42 --------
 .../-components/Footer_20241206152227.tsx     |  42 --------
 .../-components/Footer_20241206152241.tsx     |  43 ---------
 .../-components/Footer_20241206152322.tsx     |  43 ---------
 .../-components/Footer_20241206152324.tsx     |  47 ---------
 .../-components/Footer_20241206152333.tsx     |  45 ---------
 .../-components/Footer_20241206152600.tsx     |  45 ---------
 .../-components/Footer_20241206152715.tsx     |  45 ---------
 .../-components/Footer_20241206152719.tsx     |  45 ---------
 .../-components/Footer_20241206152730.tsx     |  45 ---------
 .../-components/Footer_20241206152736.tsx     |  45 ---------
 .../-components/Footer_20241206152740.tsx     |  45 ---------
 .../-components/Footer_20241206153032.tsx     |  45 ---------
 .../-components/Footer_20241206153053.tsx     |  45 ---------
 .../-components/Footer_20241206153107.tsx     |  45 ---------
 .../-components/Footer_20241206153109.tsx     |  45 ---------
 .../-components/Footer_20241206153153.tsx     |  45 ---------
 .../-components/Footer_20241206153159.tsx     |  45 ---------
 .../-components/Footer_20241206153213.tsx     |  45 ---------
 .../-components/Footer_20241206153251.tsx     |  45 ---------
 .../-components/Footer_20241206153301.tsx     |  45 ---------
 .../-components/Footer_20241206153421.tsx     |  45 ---------
 .../-components/Footer_20241206153454.tsx     |  45 ---------
 .../-components/Footer_20241206153600.tsx     |  45 ---------
 .../-components/Footer_20241206153603.tsx     |  45 ---------
 .../-components/Footer_20241206153604.tsx     |  45 ---------
 .../-components/Footer_20241206153635.tsx     |  45 ---------
 .../-components/Footer_20241206153743.tsx     |  45 ---------
 .../-components/Footer_20241206153805.tsx     |  45 ---------
 .../-components/Footer_20241206153852.tsx     |  45 ---------
 .../-components/Footer_20241206153859.tsx     |  45 ---------
 .../-components/Footer_20241206153907.tsx     |  45 ---------
 .../-components/Footer_20241206153914.tsx     |  45 ---------
 .../-components/Footer_20241206153917.tsx     |  45 ---------
 .../-components/Footer_20241206153923.tsx     |  45 ---------
 .../-components/Footer_20241206153928.tsx     |  45 ---------
 .../-components/Footer_20241206153931.tsx     |  45 ---------
 .../-components/Footer_20241206154000.tsx     |  45 ---------
 .../-components/Footer_20241206154012.tsx     |  45 ---------
 .../-components/Footer_20241206154023.tsx     |  45 ---------
 .../-components/Footer_20241206154029.tsx     |  45 ---------
 .../-components/Footer_20241206154038.tsx     |  45 ---------
 .../-components/Footer_20241206154041.tsx     |  45 ---------
 .../-components/Footer_20241206154045.tsx     |  45 ---------
 .../-components/Footer_20241206154103.tsx     |  45 ---------
 .../-components/Footer_20241206154119.tsx     |  45 ---------
 .../-components/Footer_20241206154121.tsx     |  45 ---------
 .../-components/Footer_20241206154124.tsx     |  45 ---------
 .../-components/Footer_20241206154127.tsx     |  45 ---------
 .../-components/Footer_20241206154136.tsx     |  45 ---------
 .../-components/Footer_20241206154142.tsx     |  45 ---------
 .../-components/Footer_20241206154150.tsx     |  45 ---------
 .../-components/Footer_20241206154158.tsx     |  45 ---------
 .../-components/Footer_20241206154208.tsx     |  45 ---------
 .../-components/Footer_20241206154232.tsx     |  45 ---------
 .../-components/Footer_20241206154251.tsx     |  45 ---------
 .../-components/Footer_20241206154306.tsx     |  45 ---------
 .../-components/Footer_20241206154308.tsx     |  45 ---------
 .../-components/Footer_20241206154344.tsx     |  45 ---------
 .../-components/Footer_20241206154520.tsx     |  45 ---------
 .../-components/Footer_20241206154603.tsx     |  45 ---------
 .../-components/Footer_20241206154621.tsx     |  45 ---------
 .../-components/Footer_20241206161630.tsx     |  45 ---------
 .../-components/Footer_20241206161718.tsx     |  45 ---------
 .../-components/Footer_20241206161724.tsx     |  45 ---------
 .../-components/Footer_20241206161726.tsx     |  45 ---------
 .../-components/Footer_20241206161743.tsx     |  45 ---------
 .../-components/Footer_20241206161746.tsx     |  45 ---------
 .../-components/Footer_20241206161908.tsx     |  45 ---------
 .../-components/Footer_20241206161941.tsx     |  45 ---------
 .../-components/Footer_20241206162004.tsx     |  45 ---------
 .../-components/Footer_20241206162032.tsx     |  45 ---------
 .../-components/Footer_20241206162134.tsx     |  45 ---------
 .../-components/Footer_20241206162135.tsx     |  45 ---------
 .../-components/Footer_20241206162330.tsx     |  45 ---------
 .../-components/Footer_20241206162801.tsx     |  45 ---------
 .../-components/Footer_20241206162807.tsx     |  45 ---------
 .../-components/Footer_20241206162944.tsx     |  45 ---------
 .../-components/Footer_20241206162953.tsx     |  45 ---------
 .../-components/Footer_20241206163042.tsx     |  45 ---------
 .../-components/Footer_20241206163102.tsx     |  45 ---------
 .../-components/Footer_20241206163151.tsx     |  45 ---------
 .../-components/Footer_20241206163157.tsx     |  46 ---------
 .../-components/Footer_20241206163201.tsx     |  46 ---------
 .../-components/Footer_20241206163222.tsx     |  46 ---------
 .../-components/Footer_20241206163228.tsx     |  46 ---------
 .../-components/Footer_20241206163258.tsx     |  46 ---------
 .../-components/Footer_20241206163300.tsx     |  46 ---------
 .../-components/Footer_20241206163340.tsx     |  46 ---------
 .../-components/Footer_20241206163524.tsx     |  46 ---------
 .../-components/Footer_20241206163546.tsx     |  47 ---------
 .../-components/Footer_20241206163548.tsx     |  47 ---------
 .../-components/Footer_20241206163602.tsx     |  46 ---------
 .../-components/Footer_20241206163624.tsx     |  46 ---------
 .../-components/Footer_20241206163631.tsx     |  46 ---------
 .../-components/Footer_20241206163653.tsx     |  46 ---------
 .../-components/Footer_20241206163708.tsx     |  45 ---------
 .../-components/Footer_20241206163719.tsx     |  45 ---------
 .../-components/Footer_20241206163740.tsx     |  45 ---------
 .../-components/Footer_20241206163757.tsx     |  45 ---------
 .../-components/Footer_20241206163804.tsx     |  45 ---------
 .../-components/Footer_20241206163821.tsx     |  45 ---------
 .../-components/Footer_20241206163830.tsx     |  45 ---------
 .../-components/Footer_20241206163850.tsx     |  45 ---------
 .../-components/Footer_20241206163927.tsx     |  45 ---------
 .../-components/Footer_20241206163940.tsx     |  45 ---------
 .../-components/Footer_20241206163941.tsx     |  45 ---------
 .../-components/Footer_20241206163944.tsx     |  45 ---------
 .../-components/Footer_20241206163957.tsx     |  45 ---------
 .../-components/Footer_20241206164135.tsx     |  45 ---------
 .../-components/Footer_20241206164227.tsx     |  45 ---------
 .../-components/Footer_20241206164313.tsx     |  45 ---------
 .../-components/Footer_20241206164358.tsx     |  45 ---------
 .../-components/Footer_20241206164421.tsx     |  45 ---------
 .../-components/Footer_20241206164625.tsx     |  45 ---------
 .../-components/Footer_20241206164709.tsx     |  45 ---------
 .../-components/Footer_20241206164827.tsx     |  45 ---------
 .../-components/Footer_20241206164908.tsx     |  45 ---------
 .../-components/Footer_20241206164910.tsx     |  45 ---------
 .../-components/Footer_20241206164939.tsx     |  45 ---------
 .../-components/Footer_20241206164942.tsx     |  45 ---------
 .../-components/Footer_20241206164944.tsx     |  45 ---------
 .../-components/Footer_20241206164957.tsx     |  45 ---------
 .../-components/Footer_20241206165005.tsx     |  45 ---------
 .../-components/Footer_20241206165008.tsx     |  45 ---------
 .../-components/Footer_20241206165019.tsx     |  45 ---------
 .../-components/Footer_20241206165105.tsx     |  45 ---------
 .../-components/Footer_20241206165115.tsx     |  45 ---------
 .../-components/Footer_20241206165119.tsx     |  45 ---------
 .../-components/Footer_20241206165134.tsx     |  45 ---------
 .../-components/Footer_20241206165143.tsx     |  45 ---------
 .../-components/Footer_20241206165229.tsx     |  45 ---------
 .../-components/Footer_20241206165243.tsx     |  45 ---------
 .../-components/Footer_20241206165253.tsx     |  45 ---------
 .../-components/Footer_20241206165305.tsx     |  45 ---------
 .../-components/Footer_20241206165317.tsx     |  45 ---------
 .../-components/Footer_20241206165339.tsx     |  45 ---------
 .../-components/Footer_20241206165345.tsx     |  45 ---------
 .../-components/Footer_20241206165359.tsx     |  45 ---------
 .../-components/Footer_20241206165408.tsx     |  45 ---------
 .../-components/Footer_20241206165548.tsx     |  45 ---------
 .../-components/Footer_20241206165553.tsx     |  46 ---------
 .../-components/Footer_20241206165605.tsx     |  42 --------
 .../-components/Footer_20241206165849.tsx     |  42 --------
 .../-components/Footer_20241206165926.tsx     |  42 --------
 .../-components/Footer_20241206170044.tsx     |  42 --------
 .../-components/Footer_20241206170048.tsx     |  42 --------
 .../-components/Footer_20241206170050.tsx     |  42 --------
 .../-components/Footer_20241206170111.tsx     |  42 --------
 .../-components/Footer_20241206170123.tsx     |  42 --------
 .../-components/Footer_20241206170221.tsx     |  42 --------
 .../-components/Footer_20241206170500.tsx     |  42 --------
 .../-components/Footer_20241206170511.tsx     |  42 --------
 .../-components/Footer_20241206170535.tsx     |  46 ---------
 .../-components/Footer_20241206170554.tsx     |  42 --------
 .../-components/Footer_20241206170601.tsx     |  42 --------
 .../-components/Footer_20241206170623.tsx     |  42 --------
 .../-components/Footer_20241206170624.tsx     |  46 ---------
 .../-components/Footer_20241206170634.tsx     |  46 ---------
 .../-components/Footer_20241206170638.tsx     |  46 ---------
 .../-components/Footer_20241206170651.tsx     |  46 ---------
 .../-components/Footer_20241206170652.tsx     |  46 ---------
 .../-components/Footer_20241206170658.tsx     |  46 ---------
 .../-components/Footer_20241206170703.tsx     |  46 ---------
 .../-components/Footer_20241206170712.tsx     |  46 ---------
 .../-components/Footer_20241206170726.tsx     |  46 ---------
 .../-components/Footer_20241206170732.tsx     |  46 ---------
 .../-components/Footer_20241206170740.tsx     |  46 ---------
 .../-components/Footer_20241206170744.tsx     |  46 ---------
 .../-components/Footer_20241206170751.tsx     |  46 ---------
 .../-components/Footer_20241206170756.tsx     |  46 ---------
 .../-components/Footer_20241206170802.tsx     |  46 ---------
 .../-components/Footer_20241206170823.tsx     |  46 ---------
 .../-components/Footer_20241206170837.tsx     |  46 ---------
 .../-components/Footer_20241206171048.tsx     |  46 ---------
 .../-components/Footer_20241206171050.tsx     |  46 ---------
 .../-components/Footer_20241206171052.tsx     |  46 ---------
 .../-components/Footer_20241206171122.tsx     |  46 ---------
 .../-components/Footer_20241206171124.tsx     |  46 ---------
 .../-components/Footer_20241206171143.tsx     |  46 ---------
 .../-components/Footer_20241206171211.tsx     |  46 ---------
 .../-components/Footer_20241206171218.tsx     |  46 ---------
 .../-components/Footer_20241206171240.tsx     |  46 ---------
 .../-components/Footer_20241206171314.tsx     |  46 ---------
 .../-components/Footer_20241206171329.tsx     |  46 ---------
 .../-components/Footer_20241206171331.tsx     |  46 ---------
 .../-components/Footer_20241206171342.tsx     |  46 ---------
 .../-components/Footer_20241206171346.tsx     |  46 ---------
 .../-components/Footer_20241206171350.tsx     |  46 ---------
 .../-components/Footer_20241206171359.tsx     |  46 ---------
 .../-components/Footer_20241206171407.tsx     |  46 ---------
 .../-components/Footer_20241206171415.tsx     |  46 ---------
 .../-components/Footer_20241206171419.tsx     |  46 ---------
 .../-components/Footer_20241206171432.tsx     |  46 ---------
 .../-components/Footer_20241206171435.tsx     |  46 ---------
 .../-components/Footer_20241206171446.tsx     |  46 ---------
 .../-components/Footer_20241206171451.tsx     |  46 ---------
 .../-components/Footer_20241206171519.tsx     |  46 ---------
 .../-components/Footer_20241206171526.tsx     |  46 ---------
 .../-components/Footer_20241206171538.tsx     |  46 ---------
 .../-components/Footer_20241206171547.tsx     |  46 ---------
 .../-components/Footer_20241206171558.tsx     |  46 ---------
 .../-components/Footer_20241206171631.tsx     |  46 ---------
 .../-components/Footer_20241206171657.tsx     |  46 ---------
 .../-components/Footer_20241206171702.tsx     |  46 ---------
 .../-components/Footer_20241206171739.tsx     |  46 ---------
 .../-components/Footer_20241206171930.tsx     |  46 ---------
 .../-components/Footer_20241206171937.tsx     |  46 ---------
 .../-components/Footer_20241206171945.tsx     |  46 ---------
 .../-components/Footer_20241206171951.tsx     |  46 ---------
 .../-components/Footer_20241206171956.tsx     |  46 ---------
 .../-components/Footer_20241206172135.tsx     |  46 ---------
 .../-components/Footer_20241206172141.tsx     |  46 ---------
 .../-components/Footer_20241206172209.tsx     |  46 ---------
 .../-components/Footer_20241206172212.tsx     |  46 ---------
 .../-components/Footer_20241206172242.tsx     |  46 ---------
 .../-components/Footer_20241206172243.tsx     |  46 ---------
 .../-components/Footer_20241206172324.tsx     |  46 ---------
 .../-components/Footer_20241206172334.tsx     |  46 ---------
 .../-components/Footer_20241206172339.tsx     |  46 ---------
 .../-components/Footer_20241206172348.tsx     |  46 ---------
 .../-components/Footer_20241206172400.tsx     |  46 ---------
 .../-components/Footer_20241206172416.tsx     |  46 ---------
 .../-components/Footer_20241206172422.tsx     |  46 ---------
 .../-components/Footer_20241206172425.tsx     |  46 ---------
 .../-components/Footer_20241206172433.tsx     |  46 ---------
 .../-components/Footer_20241206172443.tsx     |  46 ---------
 .../-components/Footer_20241206172449.tsx     |  46 ---------
 .../-components/Footer_20241206172521.tsx     |  46 ---------
 .../-components/Footer_20241206172545.tsx     |  46 ---------
 .../-components/Footer_20241206172548.tsx     |  46 ---------
 .../-components/Footer_20241206172616.tsx     |  46 ---------
 .../-components/Footer_20241206172618.tsx     |  46 ---------
 .../-components/Footer_20241206172650.tsx     |  46 ---------
 .../-components/Footer_20241206172704.tsx     |  46 ---------
 .../-components/trial_20241206164531.tsx      |   0
 .../-components/trial_20241206164537.tsx      |  45 ---------
 .../-components/trial_20241206164628.tsx      |  45 ---------
 .history/tailwind.config_20241205153439.js    |  90 -----------------
 .history/tailwind.config_20241206161845.js    |  91 ------------------
 .history/tailwind.config_20241206161849.js    |  91 ------------------
 .history/tailwind.config_20241206161901.js    |  91 ------------------
 .history/tailwind.config_20241206161904.js    |  91 ------------------
 playwright.config.ts                          |  10 +-
 ...ng and looking.png => robot-assistant.png} | Bin
 src/routes/-components/FooterCTA.tsx          |   2 +-
 246 files changed, 6 insertions(+), 11171 deletions(-)
 delete mode 100644 .history/src/routes/-components/Footer_20241206151725.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152227.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152241.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152322.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152324.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152333.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152600.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152715.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152719.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152730.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152736.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206152740.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153032.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153053.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153107.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153109.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153153.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153159.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153213.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153251.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153301.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153421.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153454.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153600.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153603.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153604.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153635.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153743.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153805.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153852.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153859.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153907.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153914.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153917.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153923.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153928.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206153931.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154000.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154012.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154023.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154029.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154038.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154041.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154045.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154103.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154119.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154121.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154124.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154127.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154136.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154142.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154150.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154158.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154208.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154232.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154251.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154306.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154308.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154344.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154520.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154603.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206154621.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206161630.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206161718.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206161724.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206161726.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206161743.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206161746.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206161908.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206161941.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162004.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162032.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162134.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162135.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162330.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162801.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162807.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162944.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206162953.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163042.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163102.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163151.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163157.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163201.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163222.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163228.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163258.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163300.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163340.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163524.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163546.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163548.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163602.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163624.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163631.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163653.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163708.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163719.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163740.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163757.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163804.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163821.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163830.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163850.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163927.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163940.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163941.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163944.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206163957.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164135.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164227.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164313.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164358.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164421.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164625.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164709.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164827.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164908.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164910.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164939.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164942.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164944.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206164957.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165005.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165008.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165019.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165105.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165115.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165119.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165134.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165143.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165229.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165243.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165253.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165305.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165317.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165339.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165345.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165359.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165408.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165548.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165553.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165605.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165849.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206165926.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170044.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170048.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170050.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170111.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170123.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170221.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170500.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170511.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170535.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170554.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170601.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170623.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170624.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170634.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170638.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170651.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170652.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170658.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170703.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170712.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170726.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170732.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170740.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170744.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170751.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170756.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170802.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170823.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206170837.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171048.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171050.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171052.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171122.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171124.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171143.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171211.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171218.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171240.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171314.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171329.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171331.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171342.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171346.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171350.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171359.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171407.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171415.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171419.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171432.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171435.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171446.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171451.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171519.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171526.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171538.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171547.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171558.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171631.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171657.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171702.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171739.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171930.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171937.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171945.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171951.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206171956.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172135.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172141.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172209.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172212.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172242.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172243.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172324.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172334.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172339.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172348.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172400.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172416.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172422.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172425.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172433.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172443.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172449.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172521.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172545.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172548.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172616.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172618.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172650.tsx
 delete mode 100644 .history/src/routes/-components/Footer_20241206172704.tsx
 delete mode 100644 .history/src/routes/-components/trial_20241206164531.tsx
 delete mode 100644 .history/src/routes/-components/trial_20241206164537.tsx
 delete mode 100644 .history/src/routes/-components/trial_20241206164628.tsx
 delete mode 100644 .history/tailwind.config_20241205153439.js
 delete mode 100644 .history/tailwind.config_20241206161845.js
 delete mode 100644 .history/tailwind.config_20241206161849.js
 delete mode 100644 .history/tailwind.config_20241206161901.js
 delete mode 100644 .history/tailwind.config_20241206161904.js
 rename src/assets/{robot assistant standing and looking.png => robot-assistant.png} (100%)

diff --git a/.history/src/routes/-components/Footer_20241206151725.tsx b/.history/src/routes/-components/Footer_20241206151725.tsx
deleted file mode 100644
index ea2775b..0000000
--- a/.history/src/routes/-components/Footer_20241206151725.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col gap-4 border border-red-400 p-4">
-      <div className="border-blue-700">
-        <p className="text-[36px] font-bold text-white">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-xl font-bold leading-7 text-[#9f9c9c]">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2">
-          <Link
-            to="/auth/signup"
-            className="bg-brand-green-6 btn px-4 py-2 text-white"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="outline-brand-green-5 text-brand-green-7 btn px-4 py-2 outline outline-1"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mx-auto self-center border border-red-600"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute top-10" />
-    </div>
-  );
-};
-
-
diff --git a/.history/src/routes/-components/Footer_20241206152227.tsx b/.history/src/routes/-components/Footer_20241206152227.tsx
deleted file mode 100644
index 21b991d..0000000
--- a/.history/src/routes/-components/Footer_20241206152227.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700">
-        <p className="text-[36px] font-bold text-white">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-xl font-bold leading-7 text-[#9f9c9c]">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2">
-          <Link
-            to="/auth/signup"
-            className="bg-brand-green-6 btn px-4 py-2 text-white"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="outline-brand-green-5 text-brand-green-7 btn px-4 py-2 outline outline-1"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mx-auto self-center border border-red-600"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute top-10" />
-    </div>
-  );
-};
-
-
diff --git a/.history/src/routes/-components/Footer_20241206152241.tsx b/.history/src/routes/-components/Footer_20241206152241.tsx
deleted file mode 100644
index 8a54247..0000000
--- a/.history/src/routes/-components/Footer_20241206152241.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mx-auto self-center border border-red-600"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute top-10" />
-    </div>
-  );
-};
-
-
diff --git a/.history/src/routes/-components/Footer_20241206152322.tsx b/.history/src/routes/-components/Footer_20241206152322.tsx
deleted file mode 100644
index 37372d7..0000000
--- a/.history/src/routes/-components/Footer_20241206152322.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute top-10" />
-    </div>
-  );
-};
-
-
diff --git a/.history/src/routes/-components/Footer_20241206152324.tsx b/.history/src/routes/-components/Footer_20241206152324.tsx
deleted file mode 100644
index 99c97ca..0000000
--- a/.history/src/routes/-components/Footer_20241206152324.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
-
-
diff --git a/.history/src/routes/-components/Footer_20241206152333.tsx b/.history/src/routes/-components/Footer_20241206152333.tsx
deleted file mode 100644
index 72fca99..0000000
--- a/.history/src/routes/-components/Footer_20241206152333.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206152600.tsx b/.history/src/routes/-components/Footer_20241206152600.tsx
deleted file mode 100644
index 0af20b5..0000000
--- a/.history/src/routes/-components/Footer_20241206152600.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
-      <div className="border-blue-700">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206152715.tsx b/.history/src/routes/-components/Footer_20241206152715.tsx
deleted file mode 100644
index b87e713..0000000
--- a/.history/src/routes/-components/Footer_20241206152715.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
-      <div className="border-blue-700 lg:w-">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206152719.tsx b/.history/src/routes/-components/Footer_20241206152719.tsx
deleted file mode 100644
index e868139..0000000
--- a/.history/src/routes/-components/Footer_20241206152719.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
-      <div className="border-blue-700 lg:w-1/2">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206152730.tsx b/.history/src/routes/-components/Footer_20241206152730.tsx
deleted file mode 100644
index 4de2939..0000000
--- a/.history/src/routes/-components/Footer_20241206152730.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
-      <div className="border-blue-700 lg:w-1/2 lg:">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206152736.tsx b/.history/src/routes/-components/Footer_20241206152736.tsx
deleted file mode 100644
index 2a78909..0000000
--- a/.history/src/routes/-components/Footer_20241206152736.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%] lg:m-24">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206152740.tsx b/.history/src/routes/-components/Footer_20241206152740.tsx
deleted file mode 100644
index 4f075f6..0000000
--- a/.history/src/routes/-components/Footer_20241206152740.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153032.tsx b/.history/src/routes/-components/Footer_20241206153032.tsx
deleted file mode 100644
index d08b715..0000000
--- a/.history/src/routes/-components/Footer_20241206153032.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] "
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153053.tsx b/.history/src/routes/-components/Footer_20241206153053.tsx
deleted file mode 100644
index f03a3ff..0000000
--- a/.history/src/routes/-components/Footer_20241206153053.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] "
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153107.tsx b/.history/src/routes/-components/Footer_20241206153107.tsx
deleted file mode 100644
index 71f6298..0000000
--- a/.history/src/routes/-components/Footer_20241206153107.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-betwee">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] "
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153109.tsx b/.history/src/routes/-components/Footer_20241206153109.tsx
deleted file mode 100644
index d59b57b..0000000
--- a/.history/src/routes/-components/Footer_20241206153109.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153153.tsx b/.history/src/routes/-components/Footer_20241206153153.tsx
deleted file mode 100644
index eb9c3e2..0000000
--- a/.history/src/routes/-components/Footer_20241206153153.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153159.tsx b/.history/src/routes/-components/Footer_20241206153159.tsx
deleted file mode 100644
index 6e27969..0000000
--- a/.history/src/routes/-components/Footer_20241206153159.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-[50%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153213.tsx b/.history/src/routes/-components/Footer_20241206153213.tsx
deleted file mode 100644
index 178f901..0000000
--- a/.history/src/routes/-components/Footer_20241206153213.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-[50%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-[50%]"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153251.tsx b/.history/src/routes/-components/Footer_20241206153251.tsx
deleted file mode 100644
index b6a8a8b..0000000
--- a/.history/src/routes/-components/Footer_20241206153251.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-[50%]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153301.tsx b/.history/src/routes/-components/Footer_20241206153301.tsx
deleted file mode 100644
index b6c55e8..0000000
--- a/.history/src/routes/-components/Footer_20241206153301.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-between">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153421.tsx b/.history/src/routes/-components/Footer_20241206153421.tsx
deleted file mode 100644
index 567c6af..0000000
--- a/.history/src/routes/-components/Footer_20241206153421.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153454.tsx b/.history/src/routes/-components/Footer_20241206153454.tsx
deleted file mode 100644
index 9845752..0000000
--- a/.history/src/routes/-components/Footer_20241206153454.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153600.tsx b/.history/src/routes/-components/Footer_20241206153600.tsx
deleted file mode 100644
index f5e58ae..0000000
--- a/.history/src/routes/-components/Footer_20241206153600.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153603.tsx b/.history/src/routes/-components/Footer_20241206153603.tsx
deleted file mode 100644
index bdb6766..0000000
--- a/.history/src/routes/-components/Footer_20241206153603.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:blo"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153604.tsx b/.history/src/routes/-components/Footer_20241206153604.tsx
deleted file mode 100644
index f3ee45d..0000000
--- a/.history/src/routes/-components/Footer_20241206153604.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153635.tsx b/.history/src/routes/-components/Footer_20241206153635.tsx
deleted file mode 100644
index 5605220..0000000
--- a/.history/src/routes/-components/Footer_20241206153635.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:w-1/2 lg:flex-col lg:gap-10">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153743.tsx b/.history/src/routes/-components/Footer_20241206153743.tsx
deleted file mode 100644
index 2cd17ac..0000000
--- a/.history/src/routes/-components/Footer_20241206153743.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-10">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153805.tsx b/.history/src/routes/-components/Footer_20241206153805.tsx
deleted file mode 100644
index 72290de..0000000
--- a/.history/src/routes/-components/Footer_20241206153805.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153852.tsx b/.history/src/routes/-components/Footer_20241206153852.tsx
deleted file mode 100644
index d046fe5..0000000
--- a/.history/src/routes/-components/Footer_20241206153852.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block "
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153859.tsx b/.history/src/routes/-components/Footer_20241206153859.tsx
deleted file mode 100644
index 1a5d3a5..0000000
--- a/.history/src/routes/-components/Footer_20241206153859.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block lg:bottom-0 h-[422px] w-[662px] rounded-full bg-[#94A39E] opacity-50 blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153907.tsx b/.history/src/routes/-components/Footer_20241206153907.tsx
deleted file mode 100644
index 34bedc8..0000000
--- a/.history/src/routes/-components/Footer_20241206153907.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] w-[662px] rounded-full bg-[#94A39E] opacity-50 blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153914.tsx b/.history/src/routes/-components/Footer_20241206153914.tsx
deleted file mode 100644
index 5a31ecd..0000000
--- a/.history/src/routes/-components/Footer_20241206153914.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] lg:w-[662px] rounded-full bg-[#94A39E] opacity-50 blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153917.tsx b/.history/src/routes/-components/Footer_20241206153917.tsx
deleted file mode 100644
index 5e373f7..0000000
--- a/.history/src/routes/-components/Footer_20241206153917.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] lg:w-[662px] lg:rounded-full bg-[#94A39E] opacity-50 blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153923.tsx b/.history/src/routes/-components/Footer_20241206153923.tsx
deleted file mode 100644
index 3765bf2..0000000
--- a/.history/src/routes/-components/Footer_20241206153923.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] lg:w-[662px] lg:rounded-full opacity-50 blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153928.tsx b/.history/src/routes/-components/Footer_20241206153928.tsx
deleted file mode 100644
index e17211c..0000000
--- a/.history/src/routes/-components/Footer_20241206153928.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block lg:bottom-0 lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206153931.tsx b/.history/src/routes/-components/Footer_20241206153931.tsx
deleted file mode 100644
index b0a7113..0000000
--- a/.history/src/routes/-components/Footer_20241206153931.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154000.tsx b/.history/src/routes/-components/Footer_20241206154000.tsx
deleted file mode 100644
index 3a4ec3f..0000000
--- a/.history/src/routes/-components/Footer_20241206154000.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4 lg:font">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154012.tsx b/.history/src/routes/-components/Footer_20241206154012.tsx
deleted file mode 100644
index e2ee7cf..0000000
--- a/.history/src/routes/-components/Footer_20241206154012.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4 lg:text-[100px]">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154023.tsx b/.history/src/routes/-components/Footer_20241206154023.tsx
deleted file mode 100644
index 66691a2..0000000
--- a/.history/src/routes/-components/Footer_20241206154023.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4 ">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154029.tsx b/.history/src/routes/-components/Footer_20241206154029.tsx
deleted file mode 100644
index e5c62e7..0000000
--- a/.history/src/routes/-components/Footer_20241206154029.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-[100px]"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154038.tsx b/.history/src/routes/-components/Footer_20241206154038.tsx
deleted file mode 100644
index 3416e19..0000000
--- a/.history/src/routes/-components/Footer_20241206154038.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154041.tsx b/.history/src/routes/-components/Footer_20241206154041.tsx
deleted file mode 100644
index 5878e0c..0000000
--- a/.history/src/routes/-components/Footer_20241206154041.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-xl"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154045.tsx b/.history/src/routes/-components/Footer_20241206154045.tsx
deleted file mode 100644
index 5878e0c..0000000
--- a/.history/src/routes/-components/Footer_20241206154045.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-xl"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154103.tsx b/.history/src/routes/-components/Footer_20241206154103.tsx
deleted file mode 100644
index c99a748..0000000
--- a/.history/src/routes/-components/Footer_20241206154103.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154119.tsx b/.history/src/routes/-components/Footer_20241206154119.tsx
deleted file mode 100644
index 3416e19..0000000
--- a/.history/src/routes/-components/Footer_20241206154119.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154121.tsx b/.history/src/routes/-components/Footer_20241206154121.tsx
deleted file mode 100644
index 3416e19..0000000
--- a/.history/src/routes/-components/Footer_20241206154121.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154124.tsx b/.history/src/routes/-components/Footer_20241206154124.tsx
deleted file mode 100644
index c306898..0000000
--- a/.history/src/routes/-components/Footer_20241206154124.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:tex"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154127.tsx b/.history/src/routes/-components/Footer_20241206154127.tsx
deleted file mode 100644
index 3416e19..0000000
--- a/.history/src/routes/-components/Footer_20241206154127.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154136.tsx b/.history/src/routes/-components/Footer_20241206154136.tsx
deleted file mode 100644
index 0046cdf..0000000
--- a/.history/src/routes/-components/Footer_20241206154136.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-x"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154142.tsx b/.history/src/routes/-components/Footer_20241206154142.tsx
deleted file mode 100644
index 5878e0c..0000000
--- a/.history/src/routes/-components/Footer_20241206154142.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-xl"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154150.tsx b/.history/src/routes/-components/Footer_20241206154150.tsx
deleted file mode 100644
index c99a748..0000000
--- a/.history/src/routes/-components/Footer_20241206154150.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154158.tsx b/.history/src/routes/-components/Footer_20241206154158.tsx
deleted file mode 100644
index befe497..0000000
--- a/.history/src/routes/-components/Footer_20241206154158.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-l"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154208.tsx b/.history/src/routes/-components/Footer_20241206154208.tsx
deleted file mode 100644
index a297167..0000000
--- a/.history/src/routes/-components/Footer_20241206154208.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-2xl"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154232.tsx b/.history/src/routes/-components/Footer_20241206154232.tsx
deleted file mode 100644
index b0a7113..0000000
--- a/.history/src/routes/-components/Footer_20241206154232.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154251.tsx b/.history/src/routes/-components/Footer_20241206154251.tsx
deleted file mode 100644
index c99a748..0000000
--- a/.history/src/routes/-components/Footer_20241206154251.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154306.tsx b/.history/src/routes/-components/Footer_20241206154306.tsx
deleted file mode 100644
index bd89e9f..0000000
--- a/.history/src/routes/-components/Footer_20241206154306.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg""
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154308.tsx b/.history/src/routes/-components/Footer_20241206154308.tsx
deleted file mode 100644
index 7f8f36e..0000000
--- a/.history/src/routes/-components/Footer_20241206154308.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154344.tsx b/.history/src/routes/-components/Footer_20241206154344.tsx
deleted file mode 100644
index d96ab98..0000000
--- a/.history/src/routes/-components/Footer_20241206154344.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154520.tsx b/.history/src/routes/-components/Footer_20241206154520.tsx
deleted file mode 100644
index f49eb25..0000000
--- a/.history/src/routes/-components/Footer_20241206154520.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:m-20 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154603.tsx b/.history/src/routes/-components/Footer_20241206154603.tsx
deleted file mode 100644
index a42dafc..0000000
--- a/.history/src/routes/-components/Footer_20241206154603.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206154621.tsx b/.history/src/routes/-components/Footer_20241206154621.tsx
deleted file mode 100644
index 2d85589..0000000
--- a/.history/src/routes/-components/Footer_20241206154621.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206161630.tsx b/.history/src/routes/-components/Footer_20241206161630.tsx
deleted file mode 100644
index a4e2798..0000000
--- a/.history/src/routes/-components/Footer_20241206161630.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn btn-bg-px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206161718.tsx b/.history/src/routes/-components/Footer_20241206161718.tsx
deleted file mode 100644
index 00c36d4..0000000
--- a/.history/src/routes/-components/Footer_20241206161718.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn btn-bg- px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206161724.tsx b/.history/src/routes/-components/Footer_20241206161724.tsx
deleted file mode 100644
index b0d112a..0000000
--- a/.history/src/routes/-components/Footer_20241206161724.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn btn-b px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206161726.tsx b/.history/src/routes/-components/Footer_20241206161726.tsx
deleted file mode 100644
index 2e5bbad..0000000
--- a/.history/src/routes/-components/Footer_20241206161726.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn btn-bg px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206161743.tsx b/.history/src/routes/-components/Footer_20241206161743.tsx
deleted file mode 100644
index d7e1e33..0000000
--- a/.history/src/routes/-components/Footer_20241206161743.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn bg-brand-gree px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206161746.tsx b/.history/src/routes/-components/Footer_20241206161746.tsx
deleted file mode 100644
index 6783e7a..0000000
--- a/.history/src/routes/-components/Footer_20241206161746.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn bg-brand-green-5 px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206161908.tsx b/.history/src/routes/-components/Footer_20241206161908.tsx
deleted file mode 100644
index fa9f80b..0000000
--- a/.history/src/routes/-components/Footer_20241206161908.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206161941.tsx b/.history/src/routes/-components/Footer_20241206161941.tsx
deleted file mode 100644
index 2958aaf..0000000
--- a/.history/src/routes/-components/Footer_20241206161941.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162004.tsx b/.history/src/routes/-components/Footer_20241206162004.tsx
deleted file mode 100644
index 31a292a..0000000
--- a/.history/src/routes/-components/Footer_20241206162004.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162032.tsx b/.history/src/routes/-components/Footer_20241206162032.tsx
deleted file mode 100644
index 2958aaf..0000000
--- a/.history/src/routes/-components/Footer_20241206162032.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162134.tsx b/.history/src/routes/-components/Footer_20241206162134.tsx
deleted file mode 100644
index cddc1b1..0000000
--- a/.history/src/routes/-components/Footer_20241206162134.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:pl-"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162135.tsx b/.history/src/routes/-components/Footer_20241206162135.tsx
deleted file mode 100644
index cde645a..0000000
--- a/.history/src/routes/-components/Footer_20241206162135.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:pl-0"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162330.tsx b/.history/src/routes/-components/Footer_20241206162330.tsx
deleted file mode 100644
index 675fe79..0000000
--- a/.history/src/routes/-components/Footer_20241206162330.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] "
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162801.tsx b/.history/src/routes/-components/Footer_20241206162801.tsx
deleted file mode 100644
index 5e176e7..0000000
--- a/.history/src/routes/-components/Footer_20241206162801.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w- lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] "
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162807.tsx b/.history/src/routes/-components/Footer_20241206162807.tsx
deleted file mode 100644
index 09a75d0..0000000
--- a/.history/src/routes/-components/Footer_20241206162807.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-3/5 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] "
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162944.tsx b/.history/src/routes/-components/Footer_20241206162944.tsx
deleted file mode 100644
index a831b58..0000000
--- a/.history/src/routes/-components/Footer_20241206162944.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206162953.tsx b/.history/src/routes/-components/Footer_20241206162953.tsx
deleted file mode 100644
index a831b58..0000000
--- a/.history/src/routes/-components/Footer_20241206162953.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163042.tsx b/.history/src/routes/-components/Footer_20241206163042.tsx
deleted file mode 100644
index a0c56ef..0000000
--- a/.history/src/routes/-components/Footer_20241206163042.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163102.tsx b/.history/src/routes/-components/Footer_20241206163102.tsx
deleted file mode 100644
index 0e8bf33..0000000
--- a/.history/src/routes/-components/Footer_20241206163102.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163151.tsx b/.history/src/routes/-components/Footer_20241206163151.tsx
deleted file mode 100644
index 8d7f0ad..0000000
--- a/.history/src/routes/-components/Footer_20241206163151.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden "
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163157.tsx b/.history/src/routes/-components/Footer_20241206163157.tsx
deleted file mode 100644
index aa1a53d..0000000
--- a/.history/src/routes/-components/Footer_20241206163157.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden "
-      />
-      lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163201.tsx b/.history/src/routes/-components/Footer_20241206163201.tsx
deleted file mode 100644
index 3de55c8..0000000
--- a/.history/src/routes/-components/Footer_20241206163201.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden "
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163222.tsx b/.history/src/routes/-components/Footer_20241206163222.tsx
deleted file mode 100644
index 862997c..0000000
--- a/.history/src/routes/-components/Footer_20241206163222.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163228.tsx b/.history/src/routes/-components/Footer_20241206163228.tsx
deleted file mode 100644
index 8ae78b8..0000000
--- a/.history/src/routes/-components/Footer_20241206163228.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163258.tsx b/.history/src/routes/-components/Footer_20241206163258.tsx
deleted file mode 100644
index 018d457..0000000
--- a/.history/src/routes/-components/Footer_20241206163258.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163300.tsx b/.history/src/routes/-components/Footer_20241206163300.tsx
deleted file mode 100644
index fbe66e3..0000000
--- a/.history/src/routes/-components/Footer_20241206163300.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163340.tsx b/.history/src/routes/-components/Footer_20241206163340.tsx
deleted file mode 100644
index e783774..0000000
--- a/.history/src/routes/-components/Footer_20241206163340.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163524.tsx b/.history/src/routes/-components/Footer_20241206163524.tsx
deleted file mode 100644
index 03e6061..0000000
--- a/.history/src/routes/-components/Footer_20241206163524.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163546.tsx b/.history/src/routes/-components/Footer_20241206163546.tsx
deleted file mode 100644
index 9451db6..0000000
--- a/.history/src/routes/-components/Footer_20241206163546.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block"
-      />
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163548.tsx b/.history/src/routes/-components/Footer_20241206163548.tsx
deleted file mode 100644
index 9451db6..0000000
--- a/.history/src/routes/-components/Footer_20241206163548.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block"
-      />
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163602.tsx b/.history/src/routes/-components/Footer_20241206163602.tsx
deleted file mode 100644
index 03e6061..0000000
--- a/.history/src/routes/-components/Footer_20241206163602.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:bottom-0 lg:block"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163624.tsx b/.history/src/routes/-components/Footer_20241206163624.tsx
deleted file mode 100644
index efc553c..0000000
--- a/.history/src/routes/-components/Footer_20241206163624.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="top-10 hidden lg:absolute lg:bottom-0 lg:block"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163631.tsx b/.history/src/routes/-components/Footer_20241206163631.tsx
deleted file mode 100644
index f765b2a..0000000
--- a/.history/src/routes/-components/Footer_20241206163631.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
-      />
-      {/* lg:bottom-0 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163653.tsx b/.history/src/routes/-components/Footer_20241206163653.tsx
deleted file mode 100644
index ad9085a..0000000
--- a/.history/src/routes/-components/Footer_20241206163653.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
-      />
-      {/*  lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163708.tsx b/.history/src/routes/-components/Footer_20241206163708.tsx
deleted file mode 100644
index 594fd07..0000000
--- a/.history/src/routes/-components/Footer_20241206163708.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
-      />
-      </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163719.tsx b/.history/src/routes/-components/Footer_20241206163719.tsx
deleted file mode 100644
index ebf83e2..0000000
--- a/.history/src/routes/-components/Footer_20241206163719.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:h-[422px] lg:w-[662px] lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163740.tsx b/.history/src/routes/-components/Footer_20241206163740.tsx
deleted file mode 100644
index c621289..0000000
--- a/.history/src/routes/-components/Footer_20241206163740.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:rounded-full lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163757.tsx b/.history/src/routes/-components/Footer_20241206163757.tsx
deleted file mode 100644
index 1dfd235..0000000
--- a/.history/src/routes/-components/Footer_20241206163757.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163804.tsx b/.history/src/routes/-components/Footer_20241206163804.tsx
deleted file mode 100644
index 1dfd235..0000000
--- a/.history/src/routes/-components/Footer_20241206163804.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:opacity-50 lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163821.tsx b/.history/src/routes/-components/Footer_20241206163821.tsx
deleted file mode 100644
index 2d8b901..0000000
--- a/.history/src/routes/-components/Footer_20241206163821.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg:blur-[334px]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163830.tsx b/.history/src/routes/-components/Footer_20241206163830.tsx
deleted file mode 100644
index a3e6238..0000000
--- a/.history/src/routes/-components/Footer_20241206163830.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163850.tsx b/.history/src/routes/-components/Footer_20241206163850.tsx
deleted file mode 100644
index a2bab37..0000000
--- a/.history/src/routes/-components/Footer_20241206163850.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163927.tsx b/.history/src/routes/-components/Footer_20241206163927.tsx
deleted file mode 100644
index 725811f..0000000
--- a/.history/src/routes/-components/Footer_20241206163927.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163940.tsx b/.history/src/routes/-components/Footer_20241206163940.tsx
deleted file mode 100644
index 85bec9c..0000000
--- a/.history/src/routes/-components/Footer_20241206163940.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163941.tsx b/.history/src/routes/-components/Footer_20241206163941.tsx
deleted file mode 100644
index 85bec9c..0000000
--- a/.history/src/routes/-components/Footer_20241206163941.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163944.tsx b/.history/src/routes/-components/Footer_20241206163944.tsx
deleted file mode 100644
index a3e6238..0000000
--- a/.history/src/routes/-components/Footer_20241206163944.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206163957.tsx b/.history/src/routes/-components/Footer_20241206163957.tsx
deleted file mode 100644
index 683641c..0000000
--- a/.history/src/routes/-components/Footer_20241206163957.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164135.tsx b/.history/src/routes/-components/Footer_20241206164135.tsx
deleted file mode 100644
index 89fa8b3..0000000
--- a/.history/src/routes/-components/Footer_20241206164135.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:block lg"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164227.tsx b/.history/src/routes/-components/Footer_20241206164227.tsx
deleted file mode 100644
index 916753b..0000000
--- a/.history/src/routes/-components/Footer_20241206164227.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164313.tsx b/.history/src/routes/-components/Footer_20241206164313.tsx
deleted file mode 100644
index 49926d2..0000000
--- a/.history/src/routes/-components/Footer_20241206164313.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164358.tsx b/.history/src/routes/-components/Footer_20241206164358.tsx
deleted file mode 100644
index 49926d2..0000000
--- a/.history/src/routes/-components/Footer_20241206164358.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164421.tsx b/.history/src/routes/-components/Footer_20241206164421.tsx
deleted file mode 100644
index a5f2081..0000000
--- a/.history/src/routes/-components/Footer_20241206164421.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164625.tsx b/.history/src/routes/-components/Footer_20241206164625.tsx
deleted file mode 100644
index 72290de..0000000
--- a/.history/src/routes/-components/Footer_20241206164625.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 border border-red-400 p-4 md:gap-10 lg:m-24 lg:flex-row lg:p-[100px] lg:pl-[10%]">
-      <div className="border-blue-700 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl lg:leading-7">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="btn px-4 py-2 text-brand-green-7 outline outline-1 outline-brand-green-5 md:w-[40%] lg:w-auto"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute top-10 hidden lg:block"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164709.tsx b/.history/src/routes/-components/Footer_20241206164709.tsx
deleted file mode 100644
index a5f2081..0000000
--- a/.history/src/routes/-components/Footer_20241206164709.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164827.tsx b/.history/src/routes/-components/Footer_20241206164827.tsx
deleted file mode 100644
index 39f38e5..0000000
--- a/.history/src/routes/-components/Footer_20241206164827.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164908.tsx b/.history/src/routes/-components/Footer_20241206164908.tsx
deleted file mode 100644
index b60a11d..0000000
--- a/.history/src/routes/-components/Footer_20241206164908.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto lg:z-"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164910.tsx b/.history/src/routes/-components/Footer_20241206164910.tsx
deleted file mode 100644
index a30b662..0000000
--- a/.history/src/routes/-components/Footer_20241206164910.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164939.tsx b/.history/src/routes/-components/Footer_20241206164939.tsx
deleted file mode 100644
index 5341a19..0000000
--- a/.history/src/routes/-components/Footer_20241206164939.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:in lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164942.tsx b/.history/src/routes/-components/Footer_20241206164942.tsx
deleted file mode 100644
index 8e96442..0000000
--- a/.history/src/routes/-components/Footer_20241206164942.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inli lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164944.tsx b/.history/src/routes/-components/Footer_20241206164944.tsx
deleted file mode 100644
index 3449b20..0000000
--- a/.history/src/routes/-components/Footer_20241206164944.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206164957.tsx b/.history/src/routes/-components/Footer_20241206164957.tsx
deleted file mode 100644
index 0fac04d..0000000
--- a/.history/src/routes/-components/Footer_20241206164957.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10  lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165005.tsx b/.history/src/routes/-components/Footer_20241206165005.tsx
deleted file mode 100644
index 9ba378e..0000000
--- a/.history/src/routes/-components/Footer_20241206165005.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165008.tsx b/.history/src/routes/-components/Footer_20241206165008.tsx
deleted file mode 100644
index 4ef1ca8..0000000
--- a/.history/src/routes/-components/Footer_20241206165008.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165019.tsx b/.history/src/routes/-components/Footer_20241206165019.tsx
deleted file mode 100644
index 9ba378e..0000000
--- a/.history/src/routes/-components/Footer_20241206165019.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165105.tsx b/.history/src/routes/-components/Footer_20241206165105.tsx
deleted file mode 100644
index cfb3dab..0000000
--- a/.history/src/routes/-components/Footer_20241206165105.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg: lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165115.tsx b/.history/src/routes/-components/Footer_20241206165115.tsx
deleted file mode 100644
index 3e5f6c5..0000000
--- a/.history/src/routes/-components/Footer_20241206165115.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:inline- lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165119.tsx b/.history/src/routes/-components/Footer_20241206165119.tsx
deleted file mode 100644
index 7365e3f..0000000
--- a/.history/src/routes/-components/Footer_20241206165119.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-flex lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165134.tsx b/.history/src/routes/-components/Footer_20241206165134.tsx
deleted file mode 100644
index 4370eb9..0000000
--- a/.history/src/routes/-components/Footer_20241206165134.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165143.tsx b/.history/src/routes/-components/Footer_20241206165143.tsx
deleted file mode 100644
index 4370eb9..0000000
--- a/.history/src/routes/-components/Footer_20241206165143.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165229.tsx b/.history/src/routes/-components/Footer_20241206165229.tsx
deleted file mode 100644
index 3449b20..0000000
--- a/.history/src/routes/-components/Footer_20241206165229.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165243.tsx b/.history/src/routes/-components/Footer_20241206165243.tsx
deleted file mode 100644
index 4370eb9..0000000
--- a/.history/src/routes/-components/Footer_20241206165243.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165253.tsx b/.history/src/routes/-components/Footer_20241206165253.tsx
deleted file mode 100644
index 4370eb9..0000000
--- a/.history/src/routes/-components/Footer_20241206165253.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165305.tsx b/.history/src/routes/-components/Footer_20241206165305.tsx
deleted file mode 100644
index 7365e3f..0000000
--- a/.history/src/routes/-components/Footer_20241206165305.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:inline-flex lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165317.tsx b/.history/src/routes/-components/Footer_20241206165317.tsx
deleted file mode 100644
index 2ece21e..0000000
--- a/.history/src/routes/-components/Footer_20241206165317.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:flex lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165339.tsx b/.history/src/routes/-components/Footer_20241206165339.tsx
deleted file mode 100644
index 27170e3..0000000
--- a/.history/src/routes/-components/Footer_20241206165339.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:flex lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165345.tsx b/.history/src/routes/-components/Footer_20241206165345.tsx
deleted file mode 100644
index 4ef1ca8..0000000
--- a/.history/src/routes/-components/Footer_20241206165345.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165359.tsx b/.history/src/routes/-components/Footer_20241206165359.tsx
deleted file mode 100644
index 0981a79..0000000
--- a/.history/src/routes/-components/Footer_20241206165359.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165408.tsx b/.history/src/routes/-components/Footer_20241206165408.tsx
deleted file mode 100644
index 49db110..0000000
--- a/.history/src/routes/-components/Footer_20241206165408.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165548.tsx b/.history/src/routes/-components/Footer_20241206165548.tsx
deleted file mode 100644
index cc6b3d6..0000000
--- a/.history/src/routes/-components/Footer_20241206165548.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute "
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165553.tsx b/.history/src/routes/-components/Footer_20241206165553.tsx
deleted file mode 100644
index 3fc70e4..0000000
--- a/.history/src/routes/-components/Footer_20241206165553.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute "
-      />
-      lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%]
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165605.tsx b/.history/src/routes/-components/Footer_20241206165605.tsx
deleted file mode 100644
index 484f7b5..0000000
--- a/.history/src/routes/-components/Footer_20241206165605.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165849.tsx b/.history/src/routes/-components/Footer_20241206165849.tsx
deleted file mode 100644
index 0c4fa9b..0000000
--- a/.history/src/routes/-components/Footer_20241206165849.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206165926.tsx b/.history/src/routes/-components/Footer_20241206165926.tsx
deleted file mode 100644
index 484f7b5..0000000
--- a/.history/src/routes/-components/Footer_20241206165926.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170044.tsx b/.history/src/routes/-components/Footer_20241206170044.tsx
deleted file mode 100644
index 610e416..0000000
--- a/.history/src/routes/-components/Footer_20241206170044.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170048.tsx b/.history/src/routes/-components/Footer_20241206170048.tsx
deleted file mode 100644
index 484f7b5..0000000
--- a/.history/src/routes/-components/Footer_20241206170048.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170050.tsx b/.history/src/routes/-components/Footer_20241206170050.tsx
deleted file mode 100644
index 610e416..0000000
--- a/.history/src/routes/-components/Footer_20241206170050.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170111.tsx b/.history/src/routes/-components/Footer_20241206170111.tsx
deleted file mode 100644
index 83d81c3..0000000
--- a/.history/src/routes/-components/Footer_20241206170111.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170123.tsx b/.history/src/routes/-components/Footer_20241206170123.tsx
deleted file mode 100644
index 610e416..0000000
--- a/.history/src/routes/-components/Footer_20241206170123.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170221.tsx b/.history/src/routes/-components/Footer_20241206170221.tsx
deleted file mode 100644
index e73bdfb..0000000
--- a/.history/src/routes/-components/Footer_20241206170221.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170500.tsx b/.history/src/routes/-components/Footer_20241206170500.tsx
deleted file mode 100644
index 733fa1c..0000000
--- a/.history/src/routes/-components/Footer_20241206170500.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170511.tsx b/.history/src/routes/-components/Footer_20241206170511.tsx
deleted file mode 100644
index e73bdfb..0000000
--- a/.history/src/routes/-components/Footer_20241206170511.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170535.tsx b/.history/src/routes/-components/Footer_20241206170535.tsx
deleted file mode 100644
index e5d31e9..0000000
--- a/.history/src/routes/-components/Footer_20241206170535.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170554.tsx b/.history/src/routes/-components/Footer_20241206170554.tsx
deleted file mode 100644
index 662d064..0000000
--- a/.history/src/routes/-components/Footer_20241206170554.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="lg:absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170601.tsx b/.history/src/routes/-components/Footer_20241206170601.tsx
deleted file mode 100644
index e73bdfb..0000000
--- a/.history/src/routes/-components/Footer_20241206170601.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170623.tsx b/.history/src/routes/-components/Footer_20241206170623.tsx
deleted file mode 100644
index 992f8bc..0000000
--- a/.history/src/routes/-components/Footer_20241206170623.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img src={ellipse} alt="ellipse background" className="absolute bottom" />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170624.tsx b/.history/src/routes/-components/Footer_20241206170624.tsx
deleted file mode 100644
index ddb90d3..0000000
--- a/.history/src/routes/-components/Footer_20241206170624.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170634.tsx b/.history/src/routes/-components/Footer_20241206170634.tsx
deleted file mode 100644
index d277f4f..0000000
--- a/.history/src/routes/-components/Footer_20241206170634.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 "
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170638.tsx b/.history/src/routes/-components/Footer_20241206170638.tsx
deleted file mode 100644
index 9d8122f..0000000
--- a/.history/src/routes/-components/Footer_20241206170638.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 -z-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170651.tsx b/.history/src/routes/-components/Footer_20241206170651.tsx
deleted file mode 100644
index 4bb7642..0000000
--- a/.history/src/routes/-components/Footer_20241206170651.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 z-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170652.tsx b/.history/src/routes/-components/Footer_20241206170652.tsx
deleted file mode 100644
index 316ea7b..0000000
--- a/.history/src/routes/-components/Footer_20241206170652.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170658.tsx b/.history/src/routes/-components/Footer_20241206170658.tsx
deleted file mode 100644
index 316ea7b..0000000
--- a/.history/src/routes/-components/Footer_20241206170658.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170703.tsx b/.history/src/routes/-components/Footer_20241206170703.tsx
deleted file mode 100644
index 316ea7b..0000000
--- a/.history/src/routes/-components/Footer_20241206170703.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:z-10 lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170712.tsx b/.history/src/routes/-components/Footer_20241206170712.tsx
deleted file mode 100644
index b5667b2..0000000
--- a/.history/src/routes/-components/Footer_20241206170712.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170726.tsx b/.history/src/routes/-components/Footer_20241206170726.tsx
deleted file mode 100644
index b4162d4..0000000
--- a/.history/src/routes/-components/Footer_20241206170726.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170732.tsx b/.history/src/routes/-components/Footer_20241206170732.tsx
deleted file mode 100644
index a9bd878..0000000
--- a/.history/src/routes/-components/Footer_20241206170732.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170740.tsx b/.history/src/routes/-components/Footer_20241206170740.tsx
deleted file mode 100644
index b5667b2..0000000
--- a/.history/src/routes/-components/Footer_20241206170740.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170744.tsx b/.history/src/routes/-components/Footer_20241206170744.tsx
deleted file mode 100644
index bfc347a..0000000
--- a/.history/src/routes/-components/Footer_20241206170744.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170751.tsx b/.history/src/routes/-components/Footer_20241206170751.tsx
deleted file mode 100644
index 782fb18..0000000
--- a/.history/src/routes/-components/Footer_20241206170751.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="bottom-100 absolute z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170756.tsx b/.history/src/routes/-components/Footer_20241206170756.tsx
deleted file mode 100644
index b5667b2..0000000
--- a/.history/src/routes/-components/Footer_20241206170756.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170802.tsx b/.history/src/routes/-components/Footer_20241206170802.tsx
deleted file mode 100644
index 85d75f4..0000000
--- a/.history/src/routes/-components/Footer_20241206170802.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170823.tsx b/.history/src/routes/-components/Footer_20241206170823.tsx
deleted file mode 100644
index d8a4bad..0000000
--- a/.history/src/routes/-components/Footer_20241206170823.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-10%] right-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206170837.tsx b/.history/src/routes/-components/Footer_20241206170837.tsx
deleted file mode 100644
index 7ca7e41..0000000
--- a/.history/src/routes/-components/Footer_20241206170837.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171048.tsx b/.history/src/routes/-components/Footer_20241206171048.tsx
deleted file mode 100644
index 7d4d1e7..0000000
--- a/.history/src/routes/-components/Footer_20241206171048.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6 lg:w-">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171050.tsx b/.history/src/routes/-components/Footer_20241206171050.tsx
deleted file mode 100644
index c764042..0000000
--- a/.history/src/routes/-components/Footer_20241206171050.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:flex-col lg:gap-6 lg:w-1">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171052.tsx b/.history/src/routes/-components/Footer_20241206171052.tsx
deleted file mode 100644
index 02d092c..0000000
--- a/.history/src/routes/-components/Footer_20241206171052.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171122.tsx b/.history/src/routes/-components/Footer_20241206171122.tsx
deleted file mode 100644
index 46a8b58..0000000
--- a/.history/src/routes/-components/Footer_20241206171122.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171124.tsx b/.history/src/routes/-components/Footer_20241206171124.tsx
deleted file mode 100644
index 46a8b58..0000000
--- a/.history/src/routes/-components/Footer_20241206171124.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171143.tsx b/.history/src/routes/-components/Footer_20241206171143.tsx
deleted file mode 100644
index 02d092c..0000000
--- a/.history/src/routes/-components/Footer_20241206171143.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171211.tsx b/.history/src/routes/-components/Footer_20241206171211.tsx
deleted file mode 100644
index 849d052..0000000
--- a/.history/src/routes/-components/Footer_20241206171211.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="top-10z-0 absolute bottom-[-20%] right-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171218.tsx b/.history/src/routes/-components/Footer_20241206171218.tsx
deleted file mode 100644
index 82e36d0..0000000
--- a/.history/src/routes/-components/Footer_20241206171218.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-0 top-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171240.tsx b/.history/src/routes/-components/Footer_20241206171240.tsx
deleted file mode 100644
index 5cdbab8..0000000
--- a/.history/src/routes/-components/Footer_20241206171240.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-[-20%] right-0 top-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171314.tsx b/.history/src/routes/-components/Footer_20241206171314.tsx
deleted file mode 100644
index f6c49f2..0000000
--- a/.history/src/routes/-components/Footer_20241206171314.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-0 top-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171329.tsx b/.history/src/routes/-components/Footer_20241206171329.tsx
deleted file mode 100644
index 5e49c5c..0000000
--- a/.history/src/routes/-components/Footer_20241206171329.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171331.tsx b/.history/src/routes/-components/Footer_20241206171331.tsx
deleted file mode 100644
index 4dee1ad..0000000
--- a/.history/src/routes/-components/Footer_20241206171331.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171342.tsx b/.history/src/routes/-components/Footer_20241206171342.tsx
deleted file mode 100644
index 4dee1ad..0000000
--- a/.history/src/routes/-components/Footer_20241206171342.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171346.tsx b/.history/src/routes/-components/Footer_20241206171346.tsx
deleted file mode 100644
index 5e49c5c..0000000
--- a/.history/src/routes/-components/Footer_20241206171346.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-10 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171350.tsx b/.history/src/routes/-components/Footer_20241206171350.tsx
deleted file mode 100644
index ac5acee..0000000
--- a/.history/src/routes/-components/Footer_20241206171350.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-40 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171359.tsx b/.history/src/routes/-components/Footer_20241206171359.tsx
deleted file mode 100644
index e013ced..0000000
--- a/.history/src/routes/-components/Footer_20241206171359.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="top-50 absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171407.tsx b/.history/src/routes/-components/Footer_20241206171407.tsx
deleted file mode 100644
index d731c3e..0000000
--- a/.history/src/routes/-components/Footer_20241206171407.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="top-100 absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171415.tsx b/.history/src/routes/-components/Footer_20241206171415.tsx
deleted file mode 100644
index d731c3e..0000000
--- a/.history/src/routes/-components/Footer_20241206171415.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="top-100 absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171419.tsx b/.history/src/routes/-components/Footer_20241206171419.tsx
deleted file mode 100644
index fd427c8..0000000
--- a/.history/src/routes/-components/Footer_20241206171419.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="top-90 absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171432.tsx b/.history/src/routes/-components/Footer_20241206171432.tsx
deleted file mode 100644
index 6a46ce1..0000000
--- a/.history/src/routes/-components/Footer_20241206171432.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="top- absolute bottom-0 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171435.tsx b/.history/src/routes/-components/Footer_20241206171435.tsx
deleted file mode 100644
index ac5acee..0000000
--- a/.history/src/routes/-components/Footer_20241206171435.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-40 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171446.tsx b/.history/src/routes/-components/Footer_20241206171446.tsx
deleted file mode 100644
index 63637de..0000000
--- a/.history/src/routes/-components/Footer_20241206171446.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top- z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171451.tsx b/.history/src/routes/-components/Footer_20241206171451.tsx
deleted file mode 100644
index 4ee04c2..0000000
--- a/.history/src/routes/-components/Footer_20241206171451.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171519.tsx b/.history/src/routes/-components/Footer_20241206171519.tsx
deleted file mode 100644
index defc629..0000000
--- a/.history/src/routes/-components/Footer_20241206171519.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right- top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171526.tsx b/.history/src/routes/-components/Footer_20241206171526.tsx
deleted file mode 100644
index c456609..0000000
--- a/.history/src/routes/-components/Footer_20241206171526.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-10 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171538.tsx b/.history/src/routes/-components/Footer_20241206171538.tsx
deleted file mode 100644
index 4ee04c2..0000000
--- a/.history/src/routes/-components/Footer_20241206171538.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171547.tsx b/.history/src/routes/-components/Footer_20241206171547.tsx
deleted file mode 100644
index 9bd1c2a..0000000
--- a/.history/src/routes/-components/Footer_20241206171547.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-5 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171558.tsx b/.history/src/routes/-components/Footer_20241206171558.tsx
deleted file mode 100644
index b600e3b..0000000
--- a/.history/src/routes/-components/Footer_20241206171558.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171631.tsx b/.history/src/routes/-components/Footer_20241206171631.tsx
deleted file mode 100644
index 2d1c763..0000000
--- a/.history/src/routes/-components/Footer_20241206171631.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171657.tsx b/.history/src/routes/-components/Footer_20241206171657.tsx
deleted file mode 100644
index 57413de..0000000
--- a/.history/src/routes/-components/Footer_20241206171657.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171702.tsx b/.history/src/routes/-components/Footer_20241206171702.tsx
deleted file mode 100644
index 0e88aeb..0000000
--- a/.history/src/routes/-components/Footer_20241206171702.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-60"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171739.tsx b/.history/src/routes/-components/Footer_20241206171739.tsx
deleted file mode 100644
index 8fe18ce..0000000
--- a/.history/src/routes/-components/Footer_20241206171739.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171930.tsx b/.history/src/routes/-components/Footer_20241206171930.tsx
deleted file mode 100644
index aa5e069..0000000
--- a/.history/src/routes/-components/Footer_20241206171930.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-96"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171937.tsx b/.history/src/routes/-components/Footer_20241206171937.tsx
deleted file mode 100644
index 8fe18ce..0000000
--- a/.history/src/routes/-components/Footer_20241206171937.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171945.tsx b/.history/src/routes/-components/Footer_20241206171945.tsx
deleted file mode 100644
index 8fe18ce..0000000
--- a/.history/src/routes/-components/Footer_20241206171945.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171951.tsx b/.history/src/routes/-components/Footer_20241206171951.tsx
deleted file mode 100644
index 0e88aeb..0000000
--- a/.history/src/routes/-components/Footer_20241206171951.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-60"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206171956.tsx b/.history/src/routes/-components/Footer_20241206171956.tsx
deleted file mode 100644
index 8fe18ce..0000000
--- a/.history/src/routes/-components/Footer_20241206171956.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172135.tsx b/.history/src/routes/-components/Footer_20241206172135.tsx
deleted file mode 100644
index 26edf48..0000000
--- a/.history/src/routes/-components/Footer_20241206172135.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172141.tsx b/.history/src/routes/-components/Footer_20241206172141.tsx
deleted file mode 100644
index 26edf48..0000000
--- a/.history/src/routes/-components/Footer_20241206172141.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172209.tsx b/.history/src/routes/-components/Footer_20241206172209.tsx
deleted file mode 100644
index 2d1c763..0000000
--- a/.history/src/routes/-components/Footer_20241206172209.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172212.tsx b/.history/src/routes/-components/Footer_20241206172212.tsx
deleted file mode 100644
index 2d1c763..0000000
--- a/.history/src/routes/-components/Footer_20241206172212.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172242.tsx b/.history/src/routes/-components/Footer_20241206172242.tsx
deleted file mode 100644
index 4f7b787..0000000
--- a/.history/src/routes/-components/Footer_20241206172242.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:bottom"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172243.tsx b/.history/src/routes/-components/Footer_20241206172243.tsx
deleted file mode 100644
index 620c4d8..0000000
--- a/.history/src/routes/-components/Footer_20241206172243.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:bottom-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172324.tsx b/.history/src/routes/-components/Footer_20241206172324.tsx
deleted file mode 100644
index 8fe18ce..0000000
--- a/.history/src/routes/-components/Footer_20241206172324.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172334.tsx b/.history/src/routes/-components/Footer_20241206172334.tsx
deleted file mode 100644
index 57413de..0000000
--- a/.history/src/routes/-components/Footer_20241206172334.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172339.tsx b/.history/src/routes/-components/Footer_20241206172339.tsx
deleted file mode 100644
index 6a30aad..0000000
--- a/.history/src/routes/-components/Footer_20241206172339.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-5"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172348.tsx b/.history/src/routes/-components/Footer_20241206172348.tsx
deleted file mode 100644
index e306c32..0000000
--- a/.history/src/routes/-components/Footer_20241206172348.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="md:top-50 absolute bottom-0 right-2 top-96 z-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172400.tsx b/.history/src/routes/-components/Footer_20241206172400.tsx
deleted file mode 100644
index 11aa95d..0000000
--- a/.history/src/routes/-components/Footer_20241206172400.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:top-1"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172416.tsx b/.history/src/routes/-components/Footer_20241206172416.tsx
deleted file mode 100644
index c1581d7..0000000
--- a/.history/src/routes/-components/Footer_20241206172416.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-10 md:top-1"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172422.tsx b/.history/src/routes/-components/Footer_20241206172422.tsx
deleted file mode 100644
index 8ff45cb..0000000
--- a/.history/src/routes/-components/Footer_20241206172422.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-1 md:top-1"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172425.tsx b/.history/src/routes/-components/Footer_20241206172425.tsx
deleted file mode 100644
index 4b15c43..0000000
--- a/.history/src/routes/-components/Footer_20241206172425.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-5 md:top-1"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172433.tsx b/.history/src/routes/-components/Footer_20241206172433.tsx
deleted file mode 100644
index be6bd9f..0000000
--- a/.history/src/routes/-components/Footer_20241206172433.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-1"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172443.tsx b/.history/src/routes/-components/Footer_20241206172443.tsx
deleted file mode 100644
index d00c6c7..0000000
--- a/.history/src/routes/-components/Footer_20241206172443.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172449.tsx b/.history/src/routes/-components/Footer_20241206172449.tsx
deleted file mode 100644
index d00c6c7..0000000
--- a/.history/src/routes/-components/Footer_20241206172449.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172521.tsx b/.history/src/routes/-components/Footer_20241206172521.tsx
deleted file mode 100644
index b117b3d..0000000
--- a/.history/src/routes/-components/Footer_20241206172521.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172545.tsx b/.history/src/routes/-components/Footer_20241206172545.tsx
deleted file mode 100644
index 12dd76e..0000000
--- a/.history/src/routes/-components/Footer_20241206172545.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172548.tsx b/.history/src/routes/-components/Footer_20241206172548.tsx
deleted file mode 100644
index 795ab94..0000000
--- a/.history/src/routes/-components/Footer_20241206172548.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172616.tsx b/.history/src/routes/-components/Footer_20241206172616.tsx
deleted file mode 100644
index ebdf9ea..0000000
--- a/.history/src/routes/-components/Footer_20241206172616.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10lg:right-2"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172618.tsx b/.history/src/routes/-components/Footer_20241206172618.tsx
deleted file mode 100644
index 8a60818..0000000
--- a/.history/src/routes/-components/Footer_20241206172618.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="lg:top-10lg:right-5 absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172650.tsx b/.history/src/routes/-components/Footer_20241206172650.tsx
deleted file mode 100644
index 8e9a94c..0000000
--- a/.history/src/routes/-components/Footer_20241206172650.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:right-5 lg:top-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/Footer_20241206172704.tsx b/.history/src/routes/-components/Footer_20241206172704.tsx
deleted file mode 100644
index 795ab94..0000000
--- a/.history/src/routes/-components/Footer_20241206172704.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="z-10 mt-4 pl-[30%] md:mt-6 md:w-[50%] md:pl-[15%] lg:w-auto"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="absolute bottom-0 right-2 top-96 z-0 md:right-2 md:top-0 lg:top-10"
-      />
-      {/* lg:bottom-0 lg:top-10 lg:-z-10 lg:translate-y-[30%] */}
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/trial_20241206164531.tsx b/.history/src/routes/-components/trial_20241206164531.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/.history/src/routes/-components/trial_20241206164537.tsx b/.history/src/routes/-components/trial_20241206164537.tsx
deleted file mode 100644
index a5f2081..0000000
--- a/.history/src/routes/-components/trial_20241206164537.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/src/routes/-components/trial_20241206164628.tsx b/.history/src/routes/-components/trial_20241206164628.tsx
deleted file mode 100644
index a5f2081..0000000
--- a/.history/src/routes/-components/trial_20241206164628.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Link } from "@tanstack/react-router";
-import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
-import ellipse from "../../assets/ellipse.png";
-export const Footer = () => {
-  return (
-    <div className="flex flex-col items-center gap-4 p-4 md:gap-10 lg:relative lg:flex-row lg:p-[100px] lg:pl-[20%]">
-      <div className="border-blue-700 lg:flex lg:flex-col lg:gap-6">
-        <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">
-          Experience counts. Get it on Colabs.
-        </p>
-        <p className="font-ff-inconsolata text-lg font-bold leading-6 text-[#9f9c9c] lg:text-xl">
-          Colabs is where you cut your teeth on enterprise projects. We have
-          over 100 repositories on all tech tracks, carefully picked for you.
-        </p>
-        <div className="mt-5 flex flex-col gap-2 md:flex-row md:justify-around lg:justify-start lg:gap-4">
-          <Link
-            to="/auth/signup"
-            search={{ returnTo: "/dashboard" }}
-            className="btn bg-brand-green-6 px-4 py-2 text-white md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Join Colabs for free
-          </Link>
-          <Link
-            to="/dashboard/hackathons"
-            className="bg-brand-green-8 outline-brand-green-8 btn px-4 py-2 text-brand-green-7 outline outline-1 md:w-[40%] lg:w-auto lg:text-lg"
-          >
-            Launch a Hackathon <img src={rocketIcon} alt="Rocket icon" />
-          </Link>
-        </div>
-      </div>
-
-      <img
-        src={robot}
-        alt="Standing robot"
-        className="mt-4 pl-[30%] md:mt-4 md:w-[50%] md:pl-[15%]"
-      />
-      <img
-        src={ellipse}
-        alt="ellipse background"
-        className="hidden lg:absolute lg:bottom-0 lg:top-10 lg:-z-10 lg:block lg:translate-y-[30%]"
-      />
-    </div>
-  );
-};
diff --git a/.history/tailwind.config_20241205153439.js b/.history/tailwind.config_20241205153439.js
deleted file mode 100644
index 6f72966..0000000
--- a/.history/tailwind.config_20241205153439.js
+++ /dev/null
@@ -1,90 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-import { Description } from "@radix-ui/react-dialog";
-import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
-export default {
-  darkMode: ["class"],
-  content: ["./src/**/*.{js,ts,jsx,tsx}"],
-  theme: {
-    extend: {
-      fontFamily: {
-        "ff-poppins": ["Poppins", "sans-serif"],
-        "ff-inconsolata": ["Inconsolata", "monospace"],
-      },
-      colors: {
-        brand: {
-          1: "#383C3A",
-          gray: {
-            1: "#C6C6C6",
-            2: "#989A9A",
-            3: "#8C9E99",
-            4: "#413535",
-            5: "#DED6D6",
-            6: "#B4B1B1",
-            7: "#635D5D",
-            8: "#B3B8B7",
-            9: "#f3faf8", //#B3B8B7CC
-          },
-          green: {
-            1: "#14A97C",
-            2: "#02FBB0",
-            3: "#19FDC7",
-            4: "#144E40",
-            5: "#294740",
-            6: "#2D8067",
-            7: "#9AF5E0",
-          },
-        },
-        sidebar: {
-          DEFAULT: "oklch(var(--sidebar-background))",
-          foreground: "oklch(var(--sidebar-foreground))",
-          primary: "oklch(var(--sidebar-primary))",
-          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
-          accent: "oklch(var(--sidebar-accent))",
-          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
-          border: "oklch(var(--sidebar-border))",
-          ring: "oklch(var(--sidebar-ring))",
-        },
-        heading: "E9EDEC",
-      },
-    },
-  },
-  plugins: [
-    require("daisyui"),
-    require("tailwindcss-animate"),
-    shadcnTailwindPlugin,
-  ],
-
-  daisyui: {
-    themes: [
-      {
-        collabs: {
-          "color-scheme": "dark",
-          primary: "#2D8067",
-          "primary-content": "#000000",
-          secondary: "#1db88e",
-          "secondary-content": "#000c07",
-          accent: "#1db8ab",
-          "accent-content": "#000c0b",
-          neutral: "#19362d",
-          "neutral-content": "#cdd3d1",
-          "base-100": "#16181D",
-          "base-300": "#110c0d",
-          "base-content": "#B3B8B7",
-          success: "#00a96e",
-          error: "#852e32",
-          info: "#00b5ff",
-          warning: "#ffbe00",
-          // "--animation-btn": ".25s",
-          // "--animation-input": ".2s",
-          // "--border-btn": "1px",
-          // "--btn-focus-scale": ".95",
-          // "--rounded-badge": "1.9rem",
-          // "--rounded-box": "1rem",
-          // "--rounded-btn": ".5rem",
-          // "--tab-border": "1px",
-          // "--tab-radius": ".5rem",
-        },
-      },
-    ],
-  },
-};
diff --git a/.history/tailwind.config_20241206161845.js b/.history/tailwind.config_20241206161845.js
deleted file mode 100644
index 36c7e85..0000000
--- a/.history/tailwind.config_20241206161845.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-import { Description } from "@radix-ui/react-dialog";
-import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
-export default {
-  darkMode: ["class"],
-  content: ["./src/**/*.{js,ts,jsx,tsx}"],
-  theme: {
-    extend: {
-      fontFamily: {
-        "ff-poppins": ["Poppins", "sans-serif"],
-        "ff-inconsolata": ["Inconsolata", "monospace"],
-      },
-      colors: {
-        brand: {
-          1: "#383C3A",
-          gray: {
-            1: "#C6C6C6",
-            2: "#989A9A",
-            3: "#8C9E99",
-            4: "#413535",
-            5: "#DED6D6",
-            6: "#B4B1B1",
-            7: "#635D5D",
-            8: "#B3B8B7",
-            9: "#f3faf8", //#B3B8B7CC
-          },
-          green: {
-            1: "#14A97C",
-            2: "#02FBB0",
-            3: "#19FDC7",
-            4: "#144E40",
-            5: "#294740",
-            6: "#2D8067",
-            7: "#9AF5E0",
-            8
-          },
-        },
-        sidebar: {
-          DEFAULT: "oklch(var(--sidebar-background))",
-          foreground: "oklch(var(--sidebar-foreground))",
-          primary: "oklch(var(--sidebar-primary))",
-          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
-          accent: "oklch(var(--sidebar-accent))",
-          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
-          border: "oklch(var(--sidebar-border))",
-          ring: "oklch(var(--sidebar-ring))",
-        },
-        heading: "E9EDEC",
-      },
-    },
-  },
-  plugins: [
-    require("daisyui"),
-    require("tailwindcss-animate"),
-    shadcnTailwindPlugin,
-  ],
-
-  daisyui: {
-    themes: [
-      {
-        collabs: {
-          "color-scheme": "dark",
-          primary: "#2D8067",
-          "primary-content": "#000000",
-          secondary: "#1db88e",
-          "secondary-content": "#000c07",
-          accent: "#1db8ab",
-          "accent-content": "#000c0b",
-          neutral: "#19362d",
-          "neutral-content": "#cdd3d1",
-          "base-100": "#16181D",
-          "base-300": "#110c0d",
-          "base-content": "#B3B8B7",
-          success: "#00a96e",
-          error: "#852e32",
-          info: "#00b5ff",
-          warning: "#ffbe00",
-          // "--animation-btn": ".25s",
-          // "--animation-input": ".2s",
-          // "--border-btn": "1px",
-          // "--btn-focus-scale": ".95",
-          // "--rounded-badge": "1.9rem",
-          // "--rounded-box": "1rem",
-          // "--rounded-btn": ".5rem",
-          // "--tab-border": "1px",
-          // "--tab-radius": ".5rem",
-        },
-      },
-    ],
-  },
-};
diff --git a/.history/tailwind.config_20241206161849.js b/.history/tailwind.config_20241206161849.js
deleted file mode 100644
index f0370ea..0000000
--- a/.history/tailwind.config_20241206161849.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-import { Description } from "@radix-ui/react-dialog";
-import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
-export default {
-  darkMode: ["class"],
-  content: ["./src/**/*.{js,ts,jsx,tsx}"],
-  theme: {
-    extend: {
-      fontFamily: {
-        "ff-poppins": ["Poppins", "sans-serif"],
-        "ff-inconsolata": ["Inconsolata", "monospace"],
-      },
-      colors: {
-        brand: {
-          1: "#383C3A",
-          gray: {
-            1: "#C6C6C6",
-            2: "#989A9A",
-            3: "#8C9E99",
-            4: "#413535",
-            5: "#DED6D6",
-            6: "#B4B1B1",
-            7: "#635D5D",
-            8: "#B3B8B7",
-            9: "#f3faf8", //#B3B8B7CC
-          },
-          green: {
-            1: "#14A97C",
-            2: "#02FBB0",
-            3: "#19FDC7",
-            4: "#144E40",
-            5: "#294740",
-            6: "#2D8067",
-            7: "#9AF5E0",
-            8: 
-          },
-        },
-        sidebar: {
-          DEFAULT: "oklch(var(--sidebar-background))",
-          foreground: "oklch(var(--sidebar-foreground))",
-          primary: "oklch(var(--sidebar-primary))",
-          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
-          accent: "oklch(var(--sidebar-accent))",
-          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
-          border: "oklch(var(--sidebar-border))",
-          ring: "oklch(var(--sidebar-ring))",
-        },
-        heading: "E9EDEC",
-      },
-    },
-  },
-  plugins: [
-    require("daisyui"),
-    require("tailwindcss-animate"),
-    shadcnTailwindPlugin,
-  ],
-
-  daisyui: {
-    themes: [
-      {
-        collabs: {
-          "color-scheme": "dark",
-          primary: "#2D8067",
-          "primary-content": "#000000",
-          secondary: "#1db88e",
-          "secondary-content": "#000c07",
-          accent: "#1db8ab",
-          "accent-content": "#000c0b",
-          neutral: "#19362d",
-          "neutral-content": "#cdd3d1",
-          "base-100": "#16181D",
-          "base-300": "#110c0d",
-          "base-content": "#B3B8B7",
-          success: "#00a96e",
-          error: "#852e32",
-          info: "#00b5ff",
-          warning: "#ffbe00",
-          // "--animation-btn": ".25s",
-          // "--animation-input": ".2s",
-          // "--border-btn": "1px",
-          // "--btn-focus-scale": ".95",
-          // "--rounded-badge": "1.9rem",
-          // "--rounded-box": "1rem",
-          // "--rounded-btn": ".5rem",
-          // "--tab-border": "1px",
-          // "--tab-radius": ".5rem",
-        },
-      },
-    ],
-  },
-};
diff --git a/.history/tailwind.config_20241206161901.js b/.history/tailwind.config_20241206161901.js
deleted file mode 100644
index 8a4f39a..0000000
--- a/.history/tailwind.config_20241206161901.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-import { Description } from "@radix-ui/react-dialog";
-import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
-export default {
-  darkMode: ["class"],
-  content: ["./src/**/*.{js,ts,jsx,tsx}"],
-  theme: {
-    extend: {
-      fontFamily: {
-        "ff-poppins": ["Poppins", "sans-serif"],
-        "ff-inconsolata": ["Inconsolata", "monospace"],
-      },
-      colors: {
-        brand: {
-          1: "#383C3A",
-          gray: {
-            1: "#C6C6C6",
-            2: "#989A9A",
-            3: "#8C9E99",
-            4: "#413535",
-            5: "#DED6D6",
-            6: "#B4B1B1",
-            7: "#635D5D",
-            8: "#B3B8B7",
-            9: "#f3faf8", //#B3B8B7CC
-          },
-          green: {
-            1: "#14A97C",
-            2: "#02FBB0",
-            3: "#19FDC7",
-            4: "#144E40",
-            5: "#294740",
-            6: "#2D8067",
-            7: "#9AF5E0",
-            8: "#294740CC"
-          },
-        },
-        sidebar: {
-          DEFAULT: "oklch(var(--sidebar-background))",
-          foreground: "oklch(var(--sidebar-foreground))",
-          primary: "oklch(var(--sidebar-primary))",
-          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
-          accent: "oklch(var(--sidebar-accent))",
-          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
-          border: "oklch(var(--sidebar-border))",
-          ring: "oklch(var(--sidebar-ring))",
-        },
-        heading: "E9EDEC",
-      },
-    },
-  },
-  plugins: [
-    require("daisyui"),
-    require("tailwindcss-animate"),
-    shadcnTailwindPlugin,
-  ],
-
-  daisyui: {
-    themes: [
-      {
-        collabs: {
-          "color-scheme": "dark",
-          primary: "#2D8067",
-          "primary-content": "#000000",
-          secondary: "#1db88e",
-          "secondary-content": "#000c07",
-          accent: "#1db8ab",
-          "accent-content": "#000c0b",
-          neutral: "#19362d",
-          "neutral-content": "#cdd3d1",
-          "base-100": "#16181D",
-          "base-300": "#110c0d",
-          "base-content": "#B3B8B7",
-          success: "#00a96e",
-          error: "#852e32",
-          info: "#00b5ff",
-          warning: "#ffbe00",
-          // "--animation-btn": ".25s",
-          // "--animation-input": ".2s",
-          // "--border-btn": "1px",
-          // "--btn-focus-scale": ".95",
-          // "--rounded-badge": "1.9rem",
-          // "--rounded-box": "1rem",
-          // "--rounded-btn": ".5rem",
-          // "--tab-border": "1px",
-          // "--tab-radius": ".5rem",
-        },
-      },
-    ],
-  },
-};
diff --git a/.history/tailwind.config_20241206161904.js b/.history/tailwind.config_20241206161904.js
deleted file mode 100644
index 26232bd..0000000
--- a/.history/tailwind.config_20241206161904.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-import { Description } from "@radix-ui/react-dialog";
-import shadcnTailwindPlugin from "./src/components/lib/shadcn-tailwind-config";
-export default {
-  darkMode: ["class"],
-  content: ["./src/**/*.{js,ts,jsx,tsx}"],
-  theme: {
-    extend: {
-      fontFamily: {
-        "ff-poppins": ["Poppins", "sans-serif"],
-        "ff-inconsolata": ["Inconsolata", "monospace"],
-      },
-      colors: {
-        brand: {
-          1: "#383C3A",
-          gray: {
-            1: "#C6C6C6",
-            2: "#989A9A",
-            3: "#8C9E99",
-            4: "#413535",
-            5: "#DED6D6",
-            6: "#B4B1B1",
-            7: "#635D5D",
-            8: "#B3B8B7",
-            9: "#f3faf8", //#B3B8B7CC
-          },
-          green: {
-            1: "#14A97C",
-            2: "#02FBB0",
-            3: "#19FDC7",
-            4: "#144E40",
-            5: "#294740",
-            6: "#2D8067",
-            7: "#9AF5E0",
-            8: "#294740CC",
-          },
-        },
-        sidebar: {
-          DEFAULT: "oklch(var(--sidebar-background))",
-          foreground: "oklch(var(--sidebar-foreground))",
-          primary: "oklch(var(--sidebar-primary))",
-          "primary-foreground": "oklch(var(--sidebar-primary-foreground))",
-          accent: "oklch(var(--sidebar-accent))",
-          "accent-foreground": "oklch(var(--sidebar-accent-foreground))",
-          border: "oklch(var(--sidebar-border))",
-          ring: "oklch(var(--sidebar-ring))",
-        },
-        heading: "E9EDEC",
-      },
-    },
-  },
-  plugins: [
-    require("daisyui"),
-    require("tailwindcss-animate"),
-    shadcnTailwindPlugin,
-  ],
-
-  daisyui: {
-    themes: [
-      {
-        collabs: {
-          "color-scheme": "dark",
-          primary: "#2D8067",
-          "primary-content": "#000000",
-          secondary: "#1db88e",
-          "secondary-content": "#000c07",
-          accent: "#1db8ab",
-          "accent-content": "#000c0b",
-          neutral: "#19362d",
-          "neutral-content": "#cdd3d1",
-          "base-100": "#16181D",
-          "base-300": "#110c0d",
-          "base-content": "#B3B8B7",
-          success: "#00a96e",
-          error: "#852e32",
-          info: "#00b5ff",
-          warning: "#ffbe00",
-          // "--animation-btn": ".25s",
-          // "--animation-input": ".2s",
-          // "--border-btn": "1px",
-          // "--btn-focus-scale": ".95",
-          // "--rounded-badge": "1.9rem",
-          // "--rounded-box": "1rem",
-          // "--rounded-btn": ".5rem",
-          // "--tab-border": "1px",
-          // "--tab-radius": ".5rem",
-        },
-      },
-    ],
-  },
-};
diff --git a/playwright.config.ts b/playwright.config.ts
index b9a3207..eaf9380 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig, devices } from '@playwright/test';
+import { defineConfig, devices } from "@playwright/test";
 
 /**
  * Read environment variables from file.
@@ -45,10 +45,10 @@ export default defineConfig({
       use: { ...devices["Desktop Firefox"] },
     },
 
-    {
-      name: "webkit",
-      use: { ...devices["Desktop Safari"] },
-    },
+    // {
+    //   name: "webkit",
+    //   use: { ...devices["Desktop Safari"] },
+    // },
 
     /* Test against mobile viewports. */
     // {
diff --git a/src/assets/robot assistant standing and looking.png b/src/assets/robot-assistant.png
similarity index 100%
rename from src/assets/robot assistant standing and looking.png
rename to src/assets/robot-assistant.png
diff --git a/src/routes/-components/FooterCTA.tsx b/src/routes/-components/FooterCTA.tsx
index f0c3c3f..52a5967 100644
--- a/src/routes/-components/FooterCTA.tsx
+++ b/src/routes/-components/FooterCTA.tsx
@@ -1,6 +1,6 @@
 import { Link } from "@tanstack/react-router";
 import rocketIcon from "../../assets/rocket.png";
-import robot from "../../assets/robot assistant standing and looking.png";
+import robot from "../../assets/robot-assistant.png";
 import ellipse from "../../assets/ellipse.png";
 export const FooterCTA = () => {
   return (

From 0d92f98cf403867e70fbe0fbe87176462f80c1b3 Mon Sep 17 00:00:00 2001
From: Samoina <samoina.w@gmail.com>
Date: Wed, 11 Dec 2024 13:05:30 +0300
Subject: [PATCH 5/5] chore: adjust spacing around the blur ellipse image in
 the FooterCTA

---
 src/routes/-components/Footer.tsx    | 2 +-
 src/routes/-components/FooterCTA.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/-components/Footer.tsx b/src/routes/-components/Footer.tsx
index f875ca4..c6821c6 100644
--- a/src/routes/-components/Footer.tsx
+++ b/src/routes/-components/Footer.tsx
@@ -5,7 +5,7 @@ import { Link } from "@tanstack/react-router";
 
 export default function Footer() {
   return (
-    <footer className="mt-8 pl-4" data-test="Footer">
+    <footer className="mt-8 pl-4 md:mt-48 lg:mt-96" data-test="Footer">
       <div className="flex flex-col md:flex-row md:items-center md:justify-between lg:justify-around">
         <div className="flex items-center justify-start gap-4">
           {/* Social Icons */}
diff --git a/src/routes/-components/FooterCTA.tsx b/src/routes/-components/FooterCTA.tsx
index 52a5967..9724da7 100644
--- a/src/routes/-components/FooterCTA.tsx
+++ b/src/routes/-components/FooterCTA.tsx
@@ -6,7 +6,7 @@ export const FooterCTA = () => {
   return (
     <div
       data-test="FooterCTA"
-      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]"
+      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 md:p-10 lg:flex lg:flex-row lg:pl-[20%]"
     >
       <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
         <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">