From 11c4f1c967dd0845a0fda40347a387aaa421e492 Mon Sep 17 00:00:00 2001
From: Proxyy587 <abhijitbhattacharjee333@gmail.com>
Date: Sun, 16 Jun 2024 19:22:48 +0530
Subject: [PATCH] removing flare effect from footer

---
 app/(root)/downloads/page.tsx   |  9 ++++-----
 app/globals.css                 | 16 ++++++++--------
 app/page.tsx                    |  2 ++
 components/shared/DataTable.tsx | 11 +++++++++++
 components/shared/Footer.tsx    |  2 +-
 5 files changed, 26 insertions(+), 14 deletions(-)
 create mode 100644 components/shared/DataTable.tsx

diff --git a/app/(root)/downloads/page.tsx b/app/(root)/downloads/page.tsx
index f1a7d4f..4f2662d 100644
--- a/app/(root)/downloads/page.tsx
+++ b/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>
diff --git a/app/globals.css b/app/globals.css
index 2cdaeee..7d422ca 100644
--- a/app/globals.css
+++ b/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;
-}
diff --git a/app/page.tsx b/app/page.tsx
index 9f4fa52..3e4e129 100644
--- a/app/page.tsx
+++ b/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 />
     </>
diff --git a/components/shared/DataTable.tsx b/components/shared/DataTable.tsx
new file mode 100644
index 0000000..3227368
--- /dev/null
+++ b/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;
diff --git a/components/shared/Footer.tsx b/components/shared/Footer.tsx
index 06a6d82..685b9c6 100644
--- a/components/shared/Footer.tsx
+++ b/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