chore: minor clean ups, optimizations, better file grouping, & naming…

… changes (#41)

src/app/about/page.tsx → src/app/about-us/page.tsx

@@ -1,10 +1,11 @@
-import AboutCardTitle from "@/components/about-card-title";
-import AboutInfoCard from "@/components/about-info-card";
+import AboutCardTitle from "@/components/about-us/about-card-title";
+import AboutInfoCard from "@/components/about-us/about-info-card";
 
 export default function About() {
   return (
     <div>
       <AboutCardTitle data="#00629b[IEEE] NSBM-IEEE STUDENT BRANCH OF NSBM" />
+
       <AboutInfoCard
         data='IEEE Computer Society (sometimes abbreviated as the Computer Society or CS) is a professional
       society of the Institute of Electrical and Electronics Engineers (IEEE). Its purpose and scope are "to advance the theory,
@@ -15,14 +16,18 @@ export default function About() {
       in educational activities at all levels of the profession, including distance learning, accreditation of higher education programs
       in computer science, and professional certification in software engineering.|https://nsbmieee.org/_nuxt/image/cd440c.webp'
       />
+
       <AboutCardTitle data="#702f8a[WIE] Affinity Group-IEEE WOMEN IN ENGINEERING AFFINITY GROUP OF NSBM" />
+
       <AboutInfoCard
         data="IEEE Women in Engineering (WIE) is a global platform of IEEE members and volunteers dedicated to advancing
       women engineers and scientists and empowering young girls throughout the world to pursue academic interests in engineering
       and scientific professions. Women in Engineering Affinity Group of NSBM (WIE NSBM) is one of the student branch chapters
       of the global network which uplifts the women in leadership roles in industry as well as international platforms.|https://nsbmieee.org/_nuxt/image/0eeb4d.webp"
       />
+
       <AboutCardTitle data="#ffa300[Computer Society] NSBM-IEEE COMPUTER SOCIETY STUDENT BRANCH CHAPTER OF NSBM" />
+
       <AboutInfoCard
         data='IEEE Computer Society (sometimes abbreviated as the Computer Society or CS) is a professional society of the Institute
       of Electrical and Electronics Engineers (IEEE). Its purpose and scope are "to advance the theory, practice, and application of computer

src/app/contact/page.tsx → src/app/contact-us/page.tsx

@@ -1,4 +1,4 @@
-import ContactUs from "@/components/contact-us";
+import ContactUs from "@/components/contact-us/contact-us-form";
 
 export default function Contact() {
   return (

src/app/globals.css

@@ -4,32 +4,6 @@
 
 @import url("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");
 
-.footer-social {
-  @apply w-9 h-9 flex items-center justify-center rounded-full bg-opacity-0 hover:bg-opacity-10 bg-white duration-500;
-}
-
-.footer-col {
-  @apply flex justify-center my-8;
-}
-
-.footer-col-title {
-  @apply text-lg font-semibold text-left mb-3;
-}
-
-.footer-col-navs-container {
-  @apply flex flex-col text-start text-base gap-2 font-normal;
-}
-
-.footer-col-content {
-  @apply max-lg:min-w-[250px] lg:w-4/5;
-}
-
-@import url("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");
-
-.footer-social {
-  @apply w-9 h-9 flex items-center justify-center rounded-full bg-opacity-0 hover:bg-opacity-10 bg-white duration-500;
-}
-
 .footer-col {
   @apply flex justify-center my-8;
 }

src/app/layout.tsx

@@ -1,21 +1,9 @@
 import type { Metadata } from "next";
-import localFont from "next/font/local";
 import "./globals.css";
 
 import Footer from "@/components/shared/footer";
 import Header, { LocalNav } from "@/components/shared/header";
 
-const geistSans = localFont({
-  src: "./fonts/GeistVF.woff",
-  variable: "--font-geist-sans",
-  weight: "100 900",
-});
-const geistMono = localFont({
-  src: "./fonts/GeistMonoVF.woff",
-  variable: "--font-geist-mono",
-  weight: "100 900",
-});
-
 export const metadata: Metadata = {
   title: "Create Next App",
   description: "Generated by create next app",
@@ -28,9 +16,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased flex flex-col min-h-screen font-poppins w-full h-full relative`}
-      >
+      <body className="antialiased flex flex-col min-h-screen font-poppins w-full h-full relative">
         <Header />
 
         <LocalNav />

src/app/page.tsx

@@ -4,7 +4,7 @@ import BranchCounsellors from "@/components/index/branch-counsellors";
 import EventCard from "@/components/index/event-card";
 import ExecutiveCommittee from "@/components/index/executive-committee";
 import Fellowship from "@/components/index/fellowship";
-import VisionMissionSection from "@/components/vm-section";
+import VisionMissionSection from "@/components/index/vm-section";
 
 export default function Home() {
   return (

src/components/shared/footer.tsx

@@ -15,28 +15,46 @@ import { MdEmail, MdOutlineLocationOn } from "react-icons/md";
 import ieeeFooterLogo from "@/assets/ieee-footer-logo.png";
 
 function Footer() {
+  const footerLinks = [
+    {
+      icon: <BsFacebook />,
+      link: "",
+    },
+    {
+      icon: <BsLinkedin />,
+      link: "",
+    },
+    {
+      icon: <BsTwitterX />,
+      link: "",
+    },
+    {
+      icon: <BsInstagram />,
+      link: "",
+    },
+    {
+      icon: <BsYoutube />,
+      link: "",
+    },
+  ];
+
   return (
     <footer className="w-full bg-primaryDark text-white text-center mt-auto">
       <div className="w-full lg:flex">
         <div className="w-full lg:w-1/4 flex justify-center">
           <div className="bg-primaryLight w-[250px] py-7 rounded-b-3xl mb-8 flex flex-col gap-4">
             <Image src={ieeeFooterLogo} width={250} height={123} alt="logo" />
+
             <div className="flex p-2 justify-center text-[20px] gap-2">
-              <Link href="#" className="footer-social">
-                <BsFacebook />
-              </Link>
-              <Link href="#" className="footer-social">
-                <BsLinkedin />
-              </Link>
-              <Link href="#" className="footer-social">
-                <BsTwitterX />
-              </Link>
-              <Link href="#" className="footer-social">
-                <BsInstagram />
-              </Link>
-              <Link href="#" className="footer-social">
-                <BsYoutube />
-              </Link>
+              {footerLinks.map((link, index) => (
+                <Link
+                  key={index}
+                  href={link.link}
+                  className="w-9 h-9 flex items-center justify-center rounded-full bg-opacity-0 hover:bg-opacity-10 bg-white duration-500"
+                >
+                  {link.icon}
+                </Link>
+              ))}
             </div>
           </div>
         </div>