diff --git a/app/airdrop/page.tsx b/app/airdrop/page.tsx
index f30f756..45f7a49 100644
--- a/app/airdrop/page.tsx
+++ b/app/airdrop/page.tsx
@@ -13,226 +13,261 @@ import axios from "axios";
 import { UserType } from "../types";
 import { Address } from "viem";
 import { shortenAddress } from "../lib/utils";
+import { Button } from "../components/buttons";
+import transparent_logo from "../assets/images/transparent_logo.png";
 
-export default function Airdrop() {
-  const { address } = useAccount();
-  const [users, setUsers] = useState<UserType[]>([]);
-  const [currentUserPoints, setCurrentUserPoints] = useState<string>("0.00");
-  const [currentUserRank, setCurrentUserRank] = useState<number>(0);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        if (!address) {
-          Swal.fire({
-            title: "Error!!",
-            text: "Please connect your wallet",
-            icon: "error",
-            confirmButtonText: "Okay",
-          });
-          return;
-        }
-
-        const { data } = await axios.get("/api/airdrop");
-
-        setUsers(data?.data);
-        console.table(data?.data);
-      } catch (error) {
-        console.error(
-          "Error:",
-          (error as any).response?.data || (error as any).message
-        );
-        Swal.fire({
-          title: "Error",
-          text: "Error fetching users",
-          icon: "error",
-          cancelButtonText: "Okay",
-        });
-      }
-    })();
-  }, [address]);
-
-  useEffect(() => {
-    users.forEach((user, index) => {
-      if (user.address === address) {
-        setCurrentUserPoints(user.points?.toLocaleString() || "0.00");
-        setCurrentUserRank(index + 1);
-      }
-    });
-  }, [address, users]);
-
-  const TableRow = ({
-    rank,
-    userAddress,
-    points,
-  }: {
-    rank: number;
-    userAddress: string;
-    points: string;
-  }) => {
-    return (
-      <tr
-        className={
-          (rank === 1
-            ? "border border-firstPlace bg-firstPlace/30 rounded-2xl"
-            : rank === 2
-            ? "border border-secondPlace bg-secondPlace/30 rounded-2xl"
-            : rank === 3
-            ? "border border-thirdPlace bg-thirdPlace/30 rounded-2xl"
-            : "") +
-          " flex w-full max-sm:w-fit justify-between gap-4 py-1.5 pl-3 max-md:pr-20 max-lg:pr-28 pr-40"
-        }
-      >
-        <td className={" flex my-auto gap-4 min-w-[6rem] "}>
-          <span className="flex w-full gap-3">
-            {rank < 4 ? (
-              <Image
-                className="flex max-md:w-10 w-12 max-md:h-10 h-12 rounded-lg object-fit my-auto"
-                src={
-                  rank === 1
-                    ? firstPlace
-                    : rank === 2
-                    ? secondPlace
-                    : thirdPlace
-                }
-                alt={"position " + rank}
-              />
-            ) : (
-              <span className="flex w-12 h-12 my-auto" />
-            )}
-            <span
-              className={
-                (rank === 1
-                  ? "text-firstPlace"
-                  : rank === 2
-                  ? "text-secondPlace"
-                  : rank === 3
-                  ? "text-thirdPlace"
-                  : "text-primary/400 ") +
-                " flex max-md:text-[0.875rem] leading-none my-auto font-extrabold"
-              }
-            >
-              {rank}
-            </span>
-          </span>
-        </td>
-        <td className="flex my-auto min-w-[8rem]">
-          <span className="flex max-md:text-[0.75rem] text-[0.875rem] text-grey/700 font-extrabold">
-            {userAddress}
-          </span>
-        </td>
-        <td className="flex my-auto min-w-[10rem]">
-          <span
-            className={
-              (rank === 1
-                ? "text-firstPlace"
-                : rank === 2
-                ? "text-secondPlace"
-                : rank === 3
-                ? "text-thirdPlace"
-                : "text-secondary/700") +
-              " flex w-full my-auto max-md:text-[0.75rem] text-[0.875rem] font-black"
-            }
-          >
-            {points} EP
-          </span>
-        </td>
-      </tr>
-    );
-  };
-
+export default function ComingSoonAirdrop() {
   return (
     <section className="flex max-md:px-8 max-sm:px-6 max-xs:px-4 px-10 py-6 ">
-      <div className="flex flex-col gap-6 w-full">
-        <BannerContainer>
-          <div className="flex w-full h-full gap-4 py-4 max-xl:px-4 px-6 max-md:flex-col max-md:gap-2">
-            <div className="flex flex-col my-auto">
-              <h1 className="flex text-grey/50 max-xl:text-[1.25rem] text-[1.75rem] font-extrabold">
-                Airdrop
-              </h1>
-              <span className="flex max-md:w-full max-xl:w-44 w-56 text-grey/50 max-xl:text-[0.75rem] text-[0.875rem] text-pretty font-medium">
-                Interact with tokens Created and Migrated into EDUCHAIN to rank
-                up.
+      <div className="flex w-full relative border border-primary/200 rounded-2xl bg-primary/100 py-6 overflow-hidden">
+        <Image
+          src={transparent_logo}
+          alt="logo"
+          className="flex w-36 h-36 absolute right-0 bottom-[-1.5rem]"
+        />
+        <div className="flex z-10 flex-col gap-4 w-full my-auto">
+          <div className="flex max-sm:flex-col justify-center max-sm:gap-2 mx-auto gap-4">
+            <h1 className="max-xl:text-[2rem] max-sm:text-[1.25rem] max-md:text-[1.5rem] font-bold text-grey/800 ">
+              GET READY FOR DECENTRALIZATION
+            </h1>
+            <div className="flex my-auto w-24 max-sm:mx-auto bg-grey/50 rounded-3xl px-2">
+              <span className="flex mx-auto text-[0.75rem] font-semibold">
+                Coming soon
               </span>
             </div>
-
-            <div className="flex gap-2 py-4 max-sm:flex-wrap">
-              <div className="flex max-md:py-2 max-xl:px-6 max-lg:px-4 px-8 justify-center rounded-xl flex-col border-grey/50/25 border bg-grey/50/5">
-                <span className="flex mx-auto font-bold text-grey/50 max-xl:text-[0.75rem] text-[0.875rem] text-nowrap">
-                  Box Points earned
-                </span>
-                <span className="flex max-xl:text-[1.25rem] text-[1.75rem] text-secondary/500 font-extrabold mx-auto text-nowrap">
-                  {currentUserPoints} EP
-                </span>
-              </div>
-              <div className="flex max-md:py-2 max-lg:px-6 px-8 justify-center rounded-xl flex-col border-grey/50/25 border bg-grey/50/5">
-                <span className="flex mx-auto font-bold text-grey/50 max-xl:text-[0.75rem] text-[0.875rem]">
-                  Your rank
-                </span>
-                <span className="flex max-xl:text-[1.25rem] text-[1.75rem] text-secondary/500 font-extrabold mx-auto">
-                  {currentUserRank}
-                </span>
-              </div>
-              <div className="flex max-md:py-2 max-sm:w-full max-lg:px-6 px-8 justify-center rounded-xl flex-col border-grey/50/25 border gap-1 bg-grey/50/5">
-                <h4 className="flex font-extrabold text-grey/50 max-xl:text-[0.75rem] text-[0.875rem]">
-                  How to earn points
-                </h4>
-                <span className="flex flex-col text-grey/50 max-xl:text-[0.75rem] text-[0.875rem]">
-                  <ul className="ml-4 list-disc">
-                    <li>Bridge EDU over to EDUCHAIN</li>
-                    <li>Use Dapps listed on our Leaderboard</li>
-                    <li>Refer others</li>
-                  </ul>
-                  <Link className="underline" href={""}>
-                    See Referal Dashboard
-                  </Link>
-                </span>
-              </div>
-            </div>
           </div>
-        </BannerContainer>
-
-        <div className="flex w-full">
-          <TableContainer
-            className="flex w-full max-sm:overflow-x-auto"
-            title="Ranking"
-          >
-            <table className="flex flex-col w-full">
-              <thead className="flex w-full max-sm:w-fit border-b border-primary/100 py-3 pl-6 text-grey/700 max-md:pr-24 max-lg:pr-32 pr-44">
-                <tr className="flex gap-4 justify-between w-full">
-                  <th className="flex min-w-[6rem]">
-                    <span className="flex font-semibold text-[0.875rem] text-grey/700 text-nowrap">
-                      Rank
-                    </span>
-                  </th>
-                  <th className="flex min-w-[8rem]">
-                    <span className="flex font-semibold text-[0.875rem] text-grey/700 text-nowrap">
-                      User address
-                    </span>
-                  </th>
-                  <th className="flex px-2 min-w-[10rem]">
-                    <span className="flex font-semibold text-[0.875rem] text-grey/700 text-nowrap">
-                      point
-                    </span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="flex flex-col gap-1 px-3 py-4">
-                {users.map((item, index) => {
-                  return (
-                    <TableRow
-                      key={index}
-                      rank={index + 1}
-                      userAddress={shortenAddress(item.address!) as Address}
-                      points={item.points?.toLocaleString() || "0.00"}
-                    />
-                  );
-                })}
-              </tbody>
-            </table>
-          </TableContainer>
+          <div className="flex z-10 w-full">
+            <Button
+              color="green"
+              text="Bridge into EDU"
+              className=" mx-auto w-[10rem]"
+            />
+          </div>
         </div>
       </div>
     </section>
   );
 }
+
+// export default function Airdrop() {
+//   const { address } = useAccount();
+//   const [users, setUsers] = useState<UserType[]>([]);
+//   const [currentUserPoints, setCurrentUserPoints] = useState<string>("0.00");
+//   const [currentUserRank, setCurrentUserRank] = useState<number>(0);
+
+//   useEffect(() => {
+//     (async () => {
+//       try {
+//         if (!address) {
+//           Swal.fire({
+//             title: "Error!!",
+//             text: "Please connect your wallet",
+//             icon: "error",
+//             confirmButtonText: "Okay",
+//           });
+//           return;
+//         }
+
+//         const { data } = await axios.get("/api/airdrop");
+
+//         setUsers(data?.data);
+//         console.table(data?.data);
+//       } catch (error) {
+//         console.error(
+//           "Error:",
+//           (error as any).response?.data || (error as any).message
+//         );
+//         Swal.fire({
+//           title: "Error",
+//           text: "Error fetching users",
+//           icon: "error",
+//           cancelButtonText: "Okay",
+//         });
+//       }
+//     })();
+//   }, [address]);
+
+//   useEffect(() => {
+//     users.forEach((user, index) => {
+//       if (user.address === address) {
+//         setCurrentUserPoints(user.points?.toLocaleString() || "0.00");
+//         setCurrentUserRank(index + 1);
+//       }
+//     });
+//   }, [address, users]);
+
+//   const TableRow = ({
+//     rank,
+//     userAddress,
+//     points,
+//   }: {
+//     rank: number;
+//     userAddress: string;
+//     points: string;
+//   }) => {
+//     return (
+//       <tr
+//         className={
+//           (rank === 1
+//             ? "border border-firstPlace bg-firstPlace/30 rounded-2xl"
+//             : rank === 2
+//             ? "border border-secondPlace bg-secondPlace/30 rounded-2xl"
+//             : rank === 3
+//             ? "border border-thirdPlace bg-thirdPlace/30 rounded-2xl"
+//             : "") +
+//           " flex w-full max-sm:w-fit justify-between gap-4 py-1.5 pl-3 max-md:pr-20 max-lg:pr-28 pr-40"
+//         }
+//       >
+//         <td className={" flex my-auto gap-4 min-w-[6rem] "}>
+//           <span className="flex w-full gap-3">
+//             {rank < 4 ? (
+//               <Image
+//                 className="flex max-md:w-10 w-12 max-md:h-10 h-12 rounded-lg object-fit my-auto"
+//                 src={
+//                   rank === 1
+//                     ? firstPlace
+//                     : rank === 2
+//                     ? secondPlace
+//                     : thirdPlace
+//                 }
+//                 alt={"position " + rank}
+//               />
+//             ) : (
+//               <span className="flex w-12 h-12 my-auto" />
+//             )}
+//             <span
+//               className={
+//                 (rank === 1
+//                   ? "text-firstPlace"
+//                   : rank === 2
+//                   ? "text-secondPlace"
+//                   : rank === 3
+//                   ? "text-thirdPlace"
+//                   : "text-primary/400 ") +
+//                 " flex max-md:text-[0.875rem] leading-none my-auto font-extrabold"
+//               }
+//             >
+//               {rank}
+//             </span>
+//           </span>
+//         </td>
+//         <td className="flex my-auto min-w-[8rem]">
+//           <span className="flex max-md:text-[0.75rem] text-[0.875rem] text-grey/700 font-extrabold">
+//             {userAddress}
+//           </span>
+//         </td>
+//         <td className="flex my-auto min-w-[10rem]">
+//           <span
+//             className={
+//               (rank === 1
+//                 ? "text-firstPlace"
+//                 : rank === 2
+//                 ? "text-secondPlace"
+//                 : rank === 3
+//                 ? "text-thirdPlace"
+//                 : "text-secondary/700") +
+//               " flex w-full my-auto max-md:text-[0.75rem] text-[0.875rem] font-black"
+//             }
+//           >
+//             {points} EP
+//           </span>
+//         </td>
+//       </tr>
+//     );
+//   };
+
+//   return (
+//     <section className="flex max-md:px-8 max-sm:px-6 max-xs:px-4 px-10 py-6 ">
+//       <div className="flex flex-col gap-6 w-full">
+//         <BannerContainer>
+//           <div className="flex w-full h-full gap-4 py-4 max-xl:px-4 px-6 max-md:flex-col max-md:gap-2">
+//             <div className="flex flex-col my-auto">
+//               <h1 className="flex text-grey/50 max-xl:text-[1.25rem] text-[1.75rem] font-extrabold">
+//                 Airdrop
+//               </h1>
+//               <span className="flex max-md:w-full max-xl:w-44 w-56 text-grey/50 max-xl:text-[0.75rem] text-[0.875rem] text-pretty font-medium">
+//                 Interact with tokens Created and Migrated into EDUCHAIN to rank
+//                 up.
+//               </span>
+//             </div>
+
+//             <div className="flex gap-2 py-4 max-sm:flex-wrap">
+//               <div className="flex max-md:py-2 max-xl:px-6 max-lg:px-4 px-8 justify-center rounded-xl flex-col border-grey/50/25 border bg-grey/50/5">
+//                 <span className="flex mx-auto font-bold text-grey/50 max-xl:text-[0.75rem] text-[0.875rem] text-nowrap">
+//                   Box Points earned
+//                 </span>
+//                 <span className="flex max-xl:text-[1.25rem] text-[1.75rem] text-secondary/500 font-extrabold mx-auto text-nowrap">
+//                   {currentUserPoints} EP
+//                 </span>
+//               </div>
+//               <div className="flex max-md:py-2 max-lg:px-6 px-8 justify-center rounded-xl flex-col border-grey/50/25 border bg-grey/50/5">
+//                 <span className="flex mx-auto font-bold text-grey/50 max-xl:text-[0.75rem] text-[0.875rem]">
+//                   Your rank
+//                 </span>
+//                 <span className="flex max-xl:text-[1.25rem] text-[1.75rem] text-secondary/500 font-extrabold mx-auto">
+//                   {currentUserRank}
+//                 </span>
+//               </div>
+//               <div className="flex max-md:py-2 max-sm:w-full max-lg:px-6 px-8 justify-center rounded-xl flex-col border-grey/50/25 border gap-1 bg-grey/50/5">
+//                 <h4 className="flex font-extrabold text-grey/50 max-xl:text-[0.75rem] text-[0.875rem]">
+//                   How to earn points
+//                 </h4>
+//                 <span className="flex flex-col text-grey/50 max-xl:text-[0.75rem] text-[0.875rem]">
+//                   <ul className="ml-4 list-disc">
+//                     <li>Bridge EDU over to EDUCHAIN</li>
+//                     <li>Use Dapps listed on our Leaderboard</li>
+//                     <li>Refer others</li>
+//                   </ul>
+//                   <Link className="underline" href={""}>
+//                     See Referal Dashboard
+//                   </Link>
+//                 </span>
+//               </div>
+//             </div>
+//           </div>
+//         </BannerContainer>
+
+//         <div className="flex w-full">
+//           <TableContainer
+//             className="flex w-full max-sm:overflow-x-auto"
+//             title="Ranking"
+//           >
+//             <table className="flex flex-col w-full">
+//               <thead className="flex w-full max-sm:w-fit border-b border-primary/100 py-3 pl-6 text-grey/700 max-md:pr-24 max-lg:pr-32 pr-44">
+//                 <tr className="flex gap-4 justify-between w-full">
+//                   <th className="flex min-w-[6rem]">
+//                     <span className="flex font-semibold text-[0.875rem] text-grey/700 text-nowrap">
+//                       Rank
+//                     </span>
+//                   </th>
+//                   <th className="flex min-w-[8rem]">
+//                     <span className="flex font-semibold text-[0.875rem] text-grey/700 text-nowrap">
+//                       User address
+//                     </span>
+//                   </th>
+//                   <th className="flex px-2 min-w-[10rem]">
+//                     <span className="flex font-semibold text-[0.875rem] text-grey/700 text-nowrap">
+//                       point
+//                     </span>
+//                   </th>
+//                 </tr>
+//               </thead>
+//               <tbody className="flex flex-col gap-1 px-3 py-4">
+//                 {users.map((item, index) => {
+//                   return (
+//                     <TableRow
+//                       key={index}
+//                       rank={index + 1}
+//                       userAddress={shortenAddress(item.address!) as Address}
+//                       points={item.points?.toLocaleString() || "0.00"}
+//                     />
+//                   );
+//                 })}
+//               </tbody>
+//             </table>
+//           </TableContainer>
+//         </div>
+//       </div>
+//     </section>
+//   );
+// }
diff --git a/app/assets/images/transparent_logo.png b/app/assets/images/transparent_logo.png
new file mode 100644
index 0000000..63bb2c6
Binary files /dev/null and b/app/assets/images/transparent_logo.png differ
diff --git a/app/page.tsx b/app/page.tsx
index e8564eb..62d1923 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -181,7 +181,7 @@ export default function Home() {
             Here are some of our most asked questions and their answers
           </span>
         </div>
-        <div className="flex flex-col max-sm:gap-1 gap-2 max-h-[20rem] overflow-y-auto">
+        <div className="flex flex-col max-sm:gap-1 gap-2">
           {[
             {
               question: "What is EduLaunchBox?",
@@ -211,7 +211,7 @@ export default function Home() {
             {
               question: "Which blockchains are compatible with EduLaunchBox?",
               answer:
-                "EduLaunchBox is designed to be compatible with EVM (Ethereum Virtual Machine) chains, enabling developers to easily migrate tokens and dApps from popular blockchains. Currently, Ethereum is supported, with upcoming support for Binance Smart Chain, Polygon, and others.",
+                "EduLaunchBox is designed to be compatible with EVM (Ethereum Virtual Machine) chains, enabling developers to easily migrate tokens and dApps from popular blockchains. Currently, Base is supported, with upcoming support for Binance Smart Chain, Polygon, and others.",
             },
             {
               question: "Can I migrate tokens from non-EVM chains to EduChain?",
diff --git a/app/sections/sidenav.tsx b/app/sections/sidenav.tsx
index 9236c63..6bb4593 100644
--- a/app/sections/sidenav.tsx
+++ b/app/sections/sidenav.tsx
@@ -47,11 +47,13 @@ export default function SideNav() {
     text,
     logo,
     active,
+    comingSoon,
   }: {
     href: string;
     text: string;
     active: boolean;
     logo: any;
+    comingSoon?: boolean;
   }) => {
     return (
       <Link
@@ -74,6 +76,11 @@ export default function SideNav() {
         >
           {text}
         </span>
+        {comingSoon && (
+          <span className="flex w-full flex-row-reverse">
+            <span className="text-[0.75rem] my-auto">Coming soon</span>
+          </span>
+        )}
       </Link>
     );
   };
@@ -125,6 +132,7 @@ export default function SideNav() {
             href="/airdrop"
             text="airdrop"
             logo={CoinSvg}
+            comingSoon
           />
           <NavItem
             active={pathname.includes("/dev")}