removing flare effect from footer

app/(root)/downloads/page.tsx

@@ -56,7 +56,7 @@ const DownloadPage = () => {
         Get all the latest version of SVRJS download and compiled Files here!
       </p>
       <Table>
-        <TableCaption>A list of available downloads.</TableCaption>
+        <TableCaption>A list of all available downloads.</TableCaption>
         <TableHeader>
           <TableRow>
             <TableHead className="w-[150px]">Date</TableHead>
@@ -73,10 +73,9 @@ const DownloadPage = () => {
               <TableCell>{download.fileName}</TableCell>
               <TableCell>{download.version}</TableCell>
               <TableCell className="text-left">{download.fileSize}</TableCell>
-              <TableCell>
-                <Link href={download.downloadLink} className="flex items-end">
-                  <Button variant={"outline"}>
-                    {" "}
+              <TableCell className="flex items-center justify-end">
+                <Link href={download.downloadLink}>
+                  <Button variant={"ghost"} className="">
                     <Download className="w-4 h-4 mr-2" />
                     Download
                   </Button>

app/globals.css

@@ -92,6 +92,14 @@ body {
     @apply flex justify-between items-center;
   }
 
+  .flex-start {
+    @apply flex justify-between items-start;
+  }
+
+  .flex-end {
+    @apply flex justify-between items-end;
+  }
+
   /* TYPOGRAPHY */
   /* 64 */
   .h1-bold {
@@ -204,11 +212,3 @@ body {
     @apply bg-gray-300 !important;
   }
 }
-
-footer {
-  background-image: url("/bg.svg");
-  background-position: top;
-  background-size: cover;
-  background-repeat: no-repeat;
-  transition: all 0.3s ease;
-}

app/page.tsx

@@ -1,4 +1,5 @@
 import About from "@/components/shared/About";
+import DataTable from "@/components/shared/DataTable";
 import Faq from "@/components/shared/FAQ";
 import Hero from "@/components/shared/Hero";
 import HowItWorks from "@/components/shared/HowItWorks";
@@ -12,6 +13,7 @@ const RootPage = () => {
       <HowItWorks />
       <Partners />
       <About />
+      {/* <DataTable /> */}
       <Newsletter />
       <Faq />
     </>

components/shared/DataTable.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+const DataTable = () => {
+  return (
+    <section id="datatable" className="wrapper container py-2 sm:py-9">
+      DataTable
+    </section>
+  );
+};
+
+export default DataTable;

components/shared/Footer.tsx

@@ -6,7 +6,7 @@ import { FOOTERLINKS } from "@/constants";
 
 const Footer = () => {
   return (
-    <footer className="flex flex-col px-6 md:px-16 lg:px-32 py-10 w-full bg-zinc-100 text-black dark:bg-[#0308033b] dark:text-white border-t max-lg:bg-none transition-all">
+    <footer className="flex flex-col px-6 md:px-16 lg:px-32 py-10 w-full bg-zinc-100 text-black dark:bg-[#0308033b] dark:text-white border-t transition-all">
       <div className="flex flex-col lg:flex-row justify-between md:items-start items-center mb-14">
         <div className="flex items-center mb-6 lg:mb-0">
           <Image