remove routes for launch (#129)

ntuscds · Oct 7, 2023 · 27947cf · 27947cf · vercel · Oct 7, 2023
1 parent 0e25d62
commit 27947cf
Show file tree

Hide file tree

Showing 9 changed files with 151 additions and 165 deletions.
diff --git a/apps/web/features/home/components/HomeHero.tsx b/apps/web/features/home/components/HomeHero.tsx
@@ -1,7 +1,7 @@
 import { Box, Flex, Icon, Text } from "@chakra-ui/react";
-import { FaArrowDown } from 'react-icons/fa';
+import { FaArrowDown } from "react-icons/fa";
 import Image from "next/image";
-import { keyframes } from '@emotion/react';
+import { keyframes } from "@emotion/react";
 import Link from "next/link";
 
 export const HomeHero = () => {
@@ -18,10 +18,8 @@ export const HomeHero = () => {
       overflow="hidden"
     >
       {/* Header */}
-      <Box
-        marginBottom={["0px", "0px", "0px", "32px"]}
-      >
-        <Link href="/" >
+      <Box marginTop={24} marginBottom={["0px", "0px", "0px", "32px"]}>
+        <Link href="/">
           <Text
             as="header"
             role="heading"
@@ -60,24 +58,26 @@ export const HomeHero = () => {
           color="transparent"
           paddingY={["0px", "0px", "0px", "24px"]}
         >
-          <Link href="/about">
-            <Text
-              textAlign="center"
-              my={["8px", "8px", "8px", "0px"]}
-              cursor="pointer"
-            >
-              10,000+<br />Undergraduates
-            </Text>
-          </Link>
-          <Link href="/join">
-            <Text
-              textAlign="center"
-              my={["8px", "8px", "8px", "0px"]}
-              cursor="pointer"
-            >
-              8 Sub-Committees
-            </Text>
-          </Link>
+          {/*<Link href="/about">*/}
+          <Text
+            textAlign="center"
+            my={["8px", "8px", "8px", "0px"]}
+            // cursor="pointer"
+          >
+            10,000+
+            <br />
+            Undergraduates
+          </Text>
+          {/*</Link>*/}
+          {/*<Link href="/join">*/}
+          <Text
+            textAlign="center"
+            my={["8px", "8px", "8px", "0px"]}
+            // cursor="pointer"
+          >
+            8 Sub-Committees
+          </Text>
+          {/*</Link>*/}
         </Flex>
 
         {/* Main Hero Image */}
@@ -115,20 +115,20 @@ export const HomeHero = () => {
           paddingY={["0px", "0px", "0px", "24px"]}
         >
           {/*<Link href="/events">*/}
-            <Text
-              textAlign="center"
-              my={["8px", "8px", "8px", "0px"]}
-              cursor="pointer"
-            >
-              10+ events yearly
-            </Text>
+          <Text
+            textAlign="center"
+            my={["8px", "8px", "8px", "0px"]}
+            // cursor="pointer"
+          >
+            10+ events yearly
+          </Text>
           {/*</Link>*/}
 
           <Link href="/academics">
             <Text
               textAlign="center"
               my={["8px", "8px", "8px", "0px"]}
-              cursor="pointer"
+              // cursor="pointer"
             >
               One-stop place for all your academic needs
             </Text>
@@ -141,16 +141,16 @@ export const HomeHero = () => {
         as={FaArrowDown}
         boxSize="30px"
         _hover={{
-          cursor: "pointer"
+          cursor: "pointer",
         }}
         position="absolute"
         bottom={["24px", "24px", "24px", "48px"]}
         animation={`${arrowAnimation} 2s infinite`}
         onClick={() => {
           window.scrollTo({
             top: window.innerHeight - 100,
-            behavior: "smooth"
-          })
+            behavior: "smooth",
+          });
         }}
       />
 
@@ -193,7 +193,8 @@ export const HomeHero = () => {
   );
 };
 
-const linearGradientBrand = "linear-gradient(90deg, #254876 13.43%, #DD616B 87.61%)";
+const linearGradientBrand =
+  "linear-gradient(90deg, #254876 13.43%, #DD616B 87.61%)";
 
 const arrowAnimation = keyframes`
   0%   { transform: translateY(0px) }

diff --git a/apps/web/features/home/components/HomeWhoRWe.tsx b/apps/web/features/home/components/HomeWhoRWe.tsx
@@ -1,33 +1,58 @@
 import { FramedText } from "ui";
-import { Text, Grid, GridItem, Box, Button, Flex } from "@chakra-ui/react";
+import {
+  Text,
+  Grid,
+  GridItem,
+  Box,
+  // Button,
+  Flex,
+} from "@chakra-ui/react";
 import Image from "next/image";
 import { whoWeAreCopy } from "../../../content/home";
 
 export const HomeWhoRWe = () => {
-  return(
+  return (
     <>
       {/*Heading*/}
-      <Flex justifyContent='center' direction={"column"} alignItems={'center'} my={'3rem'}>
-        <FramedText text={'Who We Are'} textColor={'black'}/>
-        <Grid gridTemplateAreas={{
-          base: `'image image' 'content content'`,
-          md: `'content image' 'content image'`
-        }}
-              templateColumns = 'repeat(2, 1fr)' gap={'1.5rem'} mx={{ base: '3rem', lg: '6rem' }} maxWidth={'1440px'} >
-
+      <Flex
+        justifyContent="center"
+        direction={"column"}
+        alignItems={"center"}
+        my={"3rem"}
+      >
+        <FramedText text={"Who We Are"} textColor={"black"} />
+        <Grid
+          gridTemplateAreas={{
+            base: `'image image' 'content content'`,
+            md: `'content image' 'content image'`,
+          }}
+          templateColumns="repeat(2, 1fr)"
+          gap={"1.5rem"}
+          mx={{ base: "3rem", lg: "6rem" }}
+          maxWidth={"1440px"}
+        >
           {/* Who are we content with the button */}
-          <GridItem area={'content'} >
-            <Flex direction={'column'} gap={'1rem'} align={'flex-start'} justify={'center'} h='100%'>
-              <Text maxWidth={'600px'} fontSize={{ base: '16px', '2xl':'20px' }}>
+          <GridItem area={"content"}>
+            <Flex
+              direction={"column"}
+              gap={"1rem"}
+              align={"flex-start"}
+              justify={"center"}
+              h="100%"
+            >
+              <Text
+                maxWidth={"600px"}
+                fontSize={{ base: "16px", "2xl": "20px" }}
+              >
                 {whoWeAreCopy}
               </Text>
-              <Button variant={'red-scse'} size={'md'}>Learn More</Button>
+              {/*<Button variant={'red-scse'} size={'md'}>Learn More</Button>*/}
             </Flex>
           </GridItem>
 
           {/* Who are we Image */}
-          <GridItem area={'image'} >
-            <Flex justifyContent='center'>
+          <GridItem area={"image"}>
+            <Flex justifyContent="center">
               <Box
                 position="relative"
                 boxSize={["260px", "350px", "350px", "400px"]}

diff --git a/apps/web/features/layout/components/WebLayout.tsx b/apps/web/features/layout/components/WebLayout.tsx
@@ -10,12 +10,12 @@ export const WebLayout = ({ children }: WebLayoutProps) => {
   const navbarProps: NavBarProps = {
     links: [
       { label: "Home", href: "/" },
-      { label: "About", href: "/about" },
+      // { label: "About", href: "/about" },
       // { label: "Events", href: "/events" },
       { label: "Academics", href: "/academics" },
-      { label: "Learn", href: "/learn" },
-      { label: "Sponsors", href: "/sponsors" },
-      { label: "Merch", href: "/merch" },
+      // { label: "Learn", href: "/learn" },
+      // { label: "Sponsors", href: "/sponsors" },
+      // { label: "Merch", href: "/merch" },
     ],
     logoProps: {
       src: "/scse-logo/scse-logo-blue.png",
@@ -28,26 +28,34 @@ export const WebLayout = ({ children }: WebLayoutProps) => {
       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: "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" },
     ],
     studentLinksGroup: {
       header: "For Students",
       links: [
         { label: "Academics", href: "/academics" },
-        { label: "Events", href: "/events" },
-        { label: "Join a Subcommittee", href: "/join" },
-        { label: "Learn", href: "/learn" },
+        // { 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: "Sponsor Us", href: "/sponsors" },
         { label: "Contact", href: "/contact" },
-      ]
+      ],
     },
     vercelPoweredProps: {
       href: "https://vercel.com/?utm_source=cse-it&&utm_campaign=oss",

diff --git a/apps/web/pages/about.tsx b/apps/web/pages/about.tsx
diff --git a/apps/web/pages/index.tsx b/apps/web/pages/index.tsx
@@ -1,4 +1,8 @@
-import { HomeHero, HomeWhoRWe, UpcomingEventRibbon } from "@/features/home";
+import {
+  HomeHero,
+  HomeWhoRWe,
+  //UpcomingEventRibbon
+} from "@/features/home";
 // import { HomeMemories } from "@/features/home";
 import { FooterSeparator } from "ui";
 import React from "react";
@@ -10,7 +14,7 @@ const Home = () => {
       <HomeWhoRWe />
       {/*<HomeMemories />*/}
       <FooterSeparator />
-      <UpcomingEventRibbon href={"/events"} />
+      {/*<UpcomingEventRibbon href={"/events"} />*/}
     </>
   );
 };

diff --git a/apps/web/pages/join.tsx b/apps/web/pages/join.tsx
diff --git a/apps/web/pages/learn.tsx b/apps/web/pages/learn.tsx
diff --git a/apps/web/pages/sponsors.tsx b/apps/web/pages/sponsors.tsx