BI-12/login: refactor Footer logic

BacPacNet · Apr 13, 2024 · 7022c08 · 7022c08
1 parent 5e314bb
commit 7022c08
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 22 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -13,7 +13,7 @@ import { motion } from 'framer-motion'
 import StarIcon from '../assets/stars.svg'
 import Image from 'next/image'
 import { useQuery } from '@apollo/experimental-nextjs-app-support/ssr'
-
+import DiscordIcon from '@assets/discord.svg'
 export default function Home() {
   const { data, loading } = useQuery(query)
   const [searchOpen, setSearchOpen] = useState(false)
@@ -67,6 +67,26 @@ export default function Home() {
       <Sections />
       <Section2 />
       <Section3 />
+      <div className=" w-[90%] mx-auto relative flex flex-col center-v pt-8 lg:pt-16">
+        <div className="w-full flex flex-col lg:flex-row relative items-center justify-between border-b-2 border-b-gray-light pb-4">
+          <div className="w-full lg:w-1/2 text-center lg:text-left">
+            <p className=" text-[#6647FF] font-semibold text-xs lg:text-sm my-4">STILL HAVE QUESTIONS?</p>
+            <h1 className="text-[#171717] font-extrabold text-3xl lg:text-4xl w-full">Get to know us better</h1>
+            <p className="text-sm lg:text-md my-4 text-[#525252]">Familiarize yourself with Unibuzz&apos;s mission and purpose</p>
+          </div>
+          <div className="w-full lg:w-1/2 flex justify-center lg:justify-end gap-8 my-8">
+            <div className="discord">
+              <button className="btn btn-disc text-[#6647FF] text-base text-center font-medium py-3 px-4 flex justify-evenly items-center">
+                <Image src={DiscordIcon} className="icon mr-2" alt="DiscordIcon" />
+                Our Discord
+              </button>
+            </div>
+            <div className="aboutus">
+              <button className="btn-sec border border-[#E5E5E5] rounded-md bg-transparent text-[#404040] text-base font-medium">About us</button>
+            </div>
+          </div>
+        </div>
+      </div>
       <Footer />
     </div>
   )

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -6,7 +6,6 @@ import facebook from '@assets/Facebook.png'
 import insta from '@assets/instagram.png'
 import linkedin from '@assets/linkedin.png'
 import x from '@assets/X.png'
-import DiscordIcon from '@assets/discord.svg'
 
 const Footer: React.FC = () => {
   const handleRedirect = (platform: number) => {
@@ -36,26 +35,8 @@ const Footer: React.FC = () => {
     window.open(url, '_blank')
   }
   return (
-    <div className=" w-[90%] mx-auto relative flex flex-col center-v py-8 lg:pt-16">
-      <div className="w-full flex flex-col lg:flex-row relative items-center justify-between border-b-2 border-b-gray-light pb-4">
-        <div className="w-full lg:w-1/2 text-center lg:text-left">
-          <p className=" text-[#6647FF] font-semibold text-xs lg:text-sm my-4">STILL HAVE QUESTIONS?</p>
-          <h1 className="text-[#171717] font-extrabold text-3xl lg:text-4xl w-full">Get to know us better</h1>
-          <p className="text-sm lg:text-md my-4 text-[#525252]">Familiarize yourself with Unibuzz&apos;s mission and purpose</p>
-        </div>
-        <div className="w-full lg:w-1/2 flex justify-center lg:justify-end gap-8 my-8">
-          <div className="discord">
-            <button className="btn btn-disc text-[#6647FF] text-base text-center font-medium py-3 px-4 flex justify-evenly items-center">
-              <Image src={DiscordIcon} className="icon mr-2" alt="DiscordIcon" />
-              Our Discord
-            </button>
-          </div>
-          <div className="aboutus">
-            <button className="btn-sec border border-[#E5E5E5] rounded-md bg-transparent text-[#404040] text-base font-medium">About us</button>
-          </div>
-        </div>
-      </div>
-      <div className="w-full mt-8 text-gray-dark text-sm lg:text-lg">
+    <div className=" w-[90%] mx-auto relative flex flex-col center-v py-8 lg:pt-8">
+      <div className="w-full text-gray-dark text-sm lg:text-lg">
         <div className="flex justify-between md:justify-start gap-2 md:gap-16 ">
           <a href="#">Privacy Policy</a>
           <a href="#">Terms and Conditions</a>