ntuscse · xJQx · May 20, 2023 · May 19, 2023 · May 19, 2023 · May 19, 2023
@@ -144,25 +144,6 @@ exports[`renders homepage unchanged 1`] = `
       </div>
     </div>
   </div>
-  <div
-    class="chakra-stack css-ku5d1q"
-  >
-    <h2
-      class="chakra-heading css-df8nxq"
-    >
-      Let’s work together
-    </h2>
-    <a
-      class="chakra-button css-qklkzv"
-      href="./contact"
-    >
-      <p
-        class="chakra-text css-0"
-      >
-        Contact Us
-      </p>
-    </a>
-  </div>
   <span
     hidden=""
     id="__chakra_env"

@@ -1,2 +1 @@
 export { PYPSection } from './PYPSection';
-export { AcademicsFooterContentText } from './AcademicsFooterContentText';
@@ -1,2 +1,2 @@
 // Export Components
-export { PYPSection, AcademicsFooterContentText } from './components';
+export { PYPSection } from './components';
@@ -1,5 +1,6 @@
 import React from "react";
 import { FooterProps, Layout, NavBarProps } from "ui";
+import { FaGithub, FaInstagram, FaLinkedin } from "react-icons/fa";
 
 interface WebLayoutProps {
   children: React.ReactNode
@@ -16,19 +17,38 @@ export const WebLayout = ({ children }: WebLayoutProps) => {
       { label: "Sponsors", href: "/sponsors" },
     ],
     logoProps: {
-      src: "/scse-logo.png",
+      src: "/scse-logo/scse-logo-blue.png",
       alt: "scse logo",
     },
   };
   const footerProps: FooterProps = {
-    links: [
-      { label: "Home", href: "/", position: 12 },
-      { label: "Academics", href: "/academics", position: 13 },
-      { label: "Events", href: "/events", position: 14 },
-      { label: "Sponsors", href: "/sponsors", position: 15 },
-      { label: "Contact", href: "/contact", position: 16 },
+    logoProps: {
+      src: "/scse-logo/scse-logo-red.png",
+      alt: "scse logo",
+    },
+    socialLinks: [
+      { name: "Instagram", icon: FaInstagram, href: "https://www.instagram.com/ntuscseclub/" },
+      { name: "LinkedIn", icon: FaLinkedin, href: "https://sg.linkedin.com/company/ntu-scseclub" },
+      { name: "GitHub", icon: FaGithub, href: "https://github.com/ntuscse" },
     ],
-    vercelpoweredProps: {
+    studentLinksGroup: {
+      header: "For Students",
+      links: [
+        { label: "Academics", href: "/academics" },
+        { label: "Events", href: "/events" },
+        { label: "Join a Subcommittee", href: "/join" },
+        { label: "Learn", href: "/learn" },
+        { label: "Feedback", href: "/contact" },
+      ]
+    },
+    companyLinksGroup: {
+      header: "For Companies",
+      links: [
+        { label: "Sponsor Us", href: "/sponsors" },
+        { label: "Contact", href: "/contact" },
+      ]
+    },
+    vercelPoweredProps: {
       href: "https://vercel.com/?utm_source=cse-it&&utm_campaign=oss",
       src: "/powered-by-vercel.svg",
       alt: "Powered by Vercel Branding",

@@ -26,6 +26,7 @@
     "react": "18.2.0",
     "react-bootstrap": "^2.5.0",
     "react-dom": "18.2.0",
+    "react-icons": "^4.8.0",
     "ui": "*"
   },
   "devDependencies": {

@@ -1,5 +1,5 @@
 import { Hero } from "ui";
-import { AcademicsFooterContentText, PYPSection } from "@/features/academics";
+import { PYPSection } from "@/features/academics";
 
 const Academics = () => {
   return (
@@ -9,7 +9,6 @@ const Academics = () => {
         backgroundGradient="linear(to-r, whiteAlpha.500, whiteAlpha.500)"
       />
       <PYPSection />
-      <AcademicsFooterContentText />
     </>
   );
 };

@@ -1,6 +1,6 @@
 import { VStack, Heading } from "@chakra-ui/react";
 import { GetStaticProps, GetStaticPropsResult } from "next";
-import { FooterContentButton, Hero } from "ui";
+import { Hero } from "ui";
 import { BlogCardsDisplay, BlogCardsDisplayProps, getAllBlogPosts } from "@/features/blogs";
 
 interface EventsProps {
@@ -20,13 +20,6 @@ const Events = ({ posts }: EventsProps) => {
         <Heading p={5}>Recent/Ongoing Events</Heading>
         <BlogCardsDisplay posts={posts} />
       </VStack>
-
-      {/* Extra Footer Content */}
-      <FooterContentButton
-        href="./contact"
-        label="Contact Us"
-        title="Let's Talk"
-      />
     </>
   );
 };

@@ -1,4 +1,3 @@
-import { FooterContentButton } from "ui";
 import { VStack } from "@chakra-ui/react";
 import { GetStaticProps, GetStaticPropsResult } from "next";
 import { HomeHero } from "@/features/home";
@@ -15,11 +14,6 @@ const Home = ({ posts }: HomeProps) => {
       <VStack mx={{ base: 5, lg: 10 }} pt={12}>
         <BlogCardsDisplay posts={posts.slice(0, 6)} />
       </VStack>
-      <FooterContentButton
-        href="./contact"
-        label="Contact Us"
-        title="Let’s work together"
-      />
     </>
   );
 };

@@ -1,4 +1,3 @@
-import { FooterContentButton } from "ui";
 import { Divider, Heading, VStack } from "@chakra-ui/react";
 import { sponsorsData, SponsorsGrid } from "@/features/sponsors";
 const Sponsors = () => {
@@ -18,11 +17,6 @@ const Sponsors = () => {
         {/* Sponsors Grid */}
         <SponsorsGrid sponsorsData={sponsorsData} />
       </VStack>
-      <FooterContentButton
-        href="./contact"
-        label="Contact Us"
-        title="Want to sponsor us or work on a event together?"
-      />
     </>
   );
 };