Fixed Teams page and finished SW page. Missing details/imgs for SW, M…

…ain page and maybe TT?
TechAtNYU · Nov 5, 2024 · 5c7fcdb · 5c7fcdb
1 parent 4b79078
commit 5c7fcdb
Show file tree

Hide file tree

Showing 129 changed files with 24,190 additions and 6,303 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -7,19 +7,19 @@ import Grid from "@/components/Grid";
 import Footer from "@/components/Footer";
 import Clients from "@/components/Clients";
 import Experience from "@/components/Experience";
-import RecentProjects from "@/components/RecentProjects";
+import RecentEventsPage from "@/components/RecentEvents";
 import { FloatingNav } from "@/components/ui/FloatingNavbar";
 import Program_Banner from "@/components/Program_Banner";
 
 const Home = () => {
   return (
-    <main className="relative bg-black-100 flex justify-center items-center flex-col overflow-hidden mx-auto sm:px-10 px-5">
+    <main className="relative bg-black-100 flex justify-center items-center flex-colmx-auto sm:px-10 px-5 overflow-clip">
       <div className="max-w-7xl w-full">
         <FloatingNav navItems={navItems} />
         <Hero />
         <Program_Banner />
         <Grid />
-        <RecentProjects />
+        <RecentEventsPage />
         <Clients />
         <Experience />
         <Footer />

diff --git a/app/startup-week/page.tsx b/app/startup-week/page.tsx
@@ -1 +1,27 @@
-// Page for SW page (startup week)
+// Page for SW page (startup week)
+"use client";
+
+import { navItems } from "@/data";
+
+import { FloatingNav } from "@/components/ui/FloatingNavbar";
+import {
+  TeamGridSection,
+  CloseIcon,
+} from "@/components/blocks/teamgridorientation";
+import TeamTitle from "@/components/TeamTitle";
+import SWPage from "@/components/StartupWeek";
+
+const Home = () => {
+  return (
+    <main
+      className=" w-full dark:bg-black-200 bg-white dark:bg-grid-white/[0.03] bg-grid-black-100/[0.2]
+       absolute top-0 left-0 flex justify-center items-center flex-col overflow-clip"
+    >
+      <FloatingNav navItems={navItems} />
+      <TeamTitle titleContent="Startup Committee" />
+      <SWPage />
+    </main>
+  );
+};
+
+export default Home;
diff --git a/app/teams/page.tsx b/app/teams/page.tsx
@@ -7,19 +7,25 @@ import Grid from "@/components/Grid";
 import Footer from "@/components/Footer";
 import Clients from "@/components/Clients";
 import Experience from "@/components/Experience";
-import RecentProjects from "@/components/RecentProjects";
+import RecentEventsPage from "@/components/RecentEvents";
 import { FloatingNav } from "@/components/ui/FloatingNavbar";
 import Program_Banner from "@/components/Program_Banner";
 import {
   TeamGridSection,
   CloseIcon,
 } from "@/components/blocks/teamgridorientation";
+import TeamTitle from "@/components/TeamTitle";
 
 const Home = () => {
   return (
-    <>
+    <main
+      className=" w-full dark:bg-black-100 bg-white dark:bg-grid-white/[0.03] bg-grid-black-100/[0.2]
+       absolute top-0 left-0 flex justify-center items-center flex-col overflow-clip"
+    >
+      <FloatingNav navItems={navItems} />
+      <TeamTitle titleContent="2024-2025 Team" />
       <TeamGridSection />
-    </>
+    </main>
   );
 };
 

diff --git a/components/Experience.tsx b/components/Experience.tsx
@@ -7,7 +7,7 @@ const Experience = () => {
   return (
     <div className="py-20 w-full">
       <h1 className="heading">
-        My <span className="text-purple">work experience</span>
+        Our <span className="text-purple">Values</span>
       </h1>
 
       <div className="w-full mt-12 grid lg:grid-cols-4 grid-cols-1 gap-10">

diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -5,36 +5,29 @@ import MagicButton from "./MagicButton";
 
 const Footer = () => {
   return (
-    <footer className="w-full pt-20 pb-10" id="contact">
+    <footer className="w-full mb-[100px] md:mb-5 pb-10" id="contact">
       {/* background grid */}
-      <div className="w-full absolute left-0 -bottom-72 min-h-96">
-        <img
-          src="/footer-grid.svg"
-          alt="grid"
-          className="w-full h-full opacity-50 "
-        />
-      </div>
 
       <div className="flex flex-col items-center">
-        <h1 className="heading lg:max-w-[45vw]">
-          Ready to take <span className="text-purple">your</span> digital
-          presence to the next level?
+        <h1 className="heading lg:max-w-[45vw] pb-5">
+          Learn more? <span className="text-purple">Coffee Chat</span> or Email
+          us here
         </h1>
-        <p className="text-white-200 md:mt-10 my-5 text-center">
+        {/* <p className="text-white-200 md:mt-10 my-5 text-center">
           Reach out to me today and let&apos;s discuss how I can help you
           achieve your goals.
-        </p>
-        <a href="mailto:[email protected]">
+        </p> */}
+        <a href="techatnyu.org/forms">
           <MagicButton
-            title="Let's get in touch"
+            title="Contact Form"
             icon={<FaLocationArrow />}
             position="right"
           />
         </a>
       </div>
       <div className="flex mt-16 md:flex-row flex-col justify-between items-center">
         <p className="md:text-base text-sm md:font-normal font-light">
-          Made by Sean Lai, Michael Shen, and special thanks to JS Mastery for helping style the website.
+          Developed by Sean Lai Sheng Hong alongside the 24-25 Tech@NYU Team
         </p>
 
         <div className="flex items-center md:gap-3 gap-6">

diff --git a/components/Grid.tsx b/components/Grid.tsx
@@ -4,6 +4,9 @@ import { BentoGrid, BentoGridItem } from "./ui/BentoGrid";
 const Grid = () => {
   return (
     <section id="about">
+      <h1 className="heading">
+        Our <span className="text-purple">Purpose</span>
+      </h1>
       <BentoGrid className="w-full py-20">
         {gridItems.map((item, i) => (
           <BentoGridItem

diff --git a/components/Hero.tsx b/components/Hero.tsx
@@ -7,11 +7,7 @@ import Image from "next/image";
 
 const Hero = () => {
   return (
-    <div className="pb-20 pt-36">
-      {/**
-       *  UI: Spotlights
-       *  Link: https://ui.aceternity.com/components/spotlight
-       */}
+    <div className="pb-20 md:pb-30 pt-36">
       <div>
         <Spotlight
           className="-top-40 -left-10 md:-left-32 md:-top-20 h-screen"
@@ -23,14 +19,8 @@ const Hero = () => {
         />
         <Spotlight className="left-80 top-28 h-[80vh] w-[50vw]" fill="blue" />
       </div>
-
-      {/**
-       *  UI: grid
-       *  change bg color to bg-black-100 and reduce grid color from
-       *  0.2 to 0.03
-       */}
       <div
-        className="h-screen w-full dark:bg-black-100 bg-white dark:bg-grid-white/[0.03] bg-grid-black-100/[0.2]
+        className="md:h-screen sm:h-80 w-full dark:bg-black-100 bg-white dark:bg-grid-white/[0.03] bg-grid-black-100/[0.2]
        absolute top-0 left-0 flex items-center justify-center"
       >
         {/* Radial gradient for the container to give a faded look */}
@@ -44,13 +34,8 @@ const Hero = () => {
       <div className="flex justify-center relative my-20 z-10">
         <div className="max-w-[89vw] md:max-w-2xl lg:max-w-[60vw] flex flex-col items-center justify-center">
           {/* We need to have a higher rez no bckg img TODO */}
-          <Image
-              src="/logo.png"
-              alt="Tech@NYU"
-              width={800}
-              height={400}
-            />
-
+          <Image src="/logo.png" alt="Tech@NYU" width={800} height={400} />
+
           {/**
            *  Link: https://ui.aceternity.com/components/text-generate-effect
            *
@@ -62,9 +47,10 @@ const Hero = () => {
           />
 
           <p className="text-center md:tracking-wider mb-4 text-sm md:text-lg lg:text-2xl">
-            We are a community for artists, makers and hackers to build stuff together, learn new skills, and explore opportunities in tech
+            We are a community for artists, makers and hackers to build stuff
+            together, learn new skills, and explore opportunities in tech
           </p>
-            {/* Change to Discord Link */}
+          {/* Change to Discord Link */}
           <a href="#about">
             <MagicButton
               title="Join the Club"

diff --git a/components/Program_Banner.tsx b/components/Program_Banner.tsx
@@ -5,8 +5,8 @@ import { CanvasRevealEffect } from "./ui/CanvasRevealEffect";
 
 const Program_Banner = () => {
   return (
-    <section className="w-full py-20">
-      <h1 className="heading">
+    <section className="w-full py-20 ">
+      <h1 className="heading z-100">
         Our <span className="text-purple">Programs</span>
       </h1>
       <p className="text-xl text-white text-center">
@@ -60,6 +60,19 @@ const Program_Banner = () => {
           <CanvasRevealEffect
             animationSpeed={3}
             containerClassName="bg-sky-600 rounded-3xl overflow-hidden"
+            colors={[[255, 211, 252]]}
+          />
+        </Card>
+        <Card
+          title="Dev Team"
+          icon={<AceternityIcon order="Dev Team" />}
+          target="All Students"
+          des="TBA Soon! Join a small cohort and develop projects with real impact and that will help you land a job or internship. This is for Experienced Developers."
+          href="/"
+        >
+          <CanvasRevealEffect
+            animationSpeed={3}
+            containerClassName="bg-violet-800 rounded-3xl overflow-hidden"
             colors={[[125, 211, 252]]}
           />
         </Card>
@@ -89,79 +102,80 @@ const Card = ({
   const [hovered, setHovered] = React.useState(false);
   return (
     <a href={href}>
-    <div
-      onMouseEnter={() => setHovered(true)}
-      onMouseLeave={() => setHovered(false)}
-      // change h-[30rem] to h-[35rem], add rounded-3xl
-      className="border border-black/[0.2] group/canvas-card flex items-center justify-center
+      <div
+        onMouseEnter={() => setHovered(true)}
+        onMouseLeave={() => setHovered(false)}
+        // change h-[30rem] to h-[35rem], add rounded-3xl
+        className="border border-black/[0.2] group/canvas-card flex items-center justify-center
        dark:border-white/[0.2]  max-w-sm w-full mx-auto p-4 relative lg:h-[35rem] rounded-3xl "
-      style={{
-        //   add these two
-        //   you can generate the color from here https://cssgradient.io/
-        background: "rgb(2,0,36)",
-        backgroundColor: "linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,111,121,1) 48%, rgba(29,0,255,1) 100%)",
-      }}
-    >
-      {/* change to h-10 w-10 , add opacity-30  */}
-      <Icon className="absolute h-10 w-10 -top-3 -left-3 dark:text-white text-black opacity-30" />
-      <Icon className="absolute h-10 w-10 -bottom-3 -left-3 dark:text-white text-black opacity-30" />
-      <Icon className="absolute h-10 w-10 -top-3 -right-3 dark:text-white text-black opacity-30" />
-      <Icon className="absolute h-10 w-10 -bottom-3 -right-3 dark:text-white text-black opacity-30" />
+        style={{
+          //   add these two
+          //   you can generate the color from here https://cssgradient.io/
+          background: "rgb(2,0,36)",
+          backgroundColor:
+            "linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,111,121,1) 48%, rgba(29,0,255,1) 100%)",
+        }}
+      >
+        {/* change to h-10 w-10 , add opacity-30  */}
+        <Icon className="absolute h-10 w-10 -top-3 -left-3 dark:text-white text-black opacity-30" />
+        <Icon className="absolute h-10 w-10 -bottom-3 -left-3 dark:text-white text-black opacity-30" />
+        <Icon className="absolute h-10 w-10 -top-3 -right-3 dark:text-white text-black opacity-30" />
+        <Icon className="absolute h-10 w-10 -bottom-3 -right-3 dark:text-white text-black opacity-30" />
 
-      <AnimatePresence>
-        {hovered && (
-          <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            className="h-full w-full absolute inset-0"
-          >
-            {children}
-          </motion.div>
-        )}
-      </AnimatePresence>
+        <AnimatePresence>
+          {hovered && (
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              className="h-full w-full absolute inset-0"
+            >
+              {children}
+            </motion.div>
+          )}
+        </AnimatePresence>
 
-      <div className="relative z-20 px-10">
-        <div
-          // add this for making it center
-          // absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]
-          className="text-center group-hover/canvas-card:-translate-y-4 absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] 
-        group-hover/canvas-card:opacity-0 transition duration-200 min-w-40 mx-auto flex items-center justify-center"
-        >
-          {icon}
-        </div>
-        <h2
-          // change text-3xl, add text-center
-          className="dark:text-white text-center text-3xl opacity-0 group-hover/canvas-card:opacity-100
+        <div className="relative z-20 px-10">
+          <div
+            // add this for making it center
+            // absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]
+            className="text-center group-hover/canvas-card:-translate-y-4 absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] 
+        group-hover/canvas-card:opacity-0 transition duration-200 min-w-60 mx-auto flex items-center justify-center"
+          >
+            {icon}
+          </div>
+          <h2
+            // change text-3xl, add text-center
+            className="dark:text-white text-center text-3xl opacity-0 group-hover/canvas-card:opacity-100
          relative z-10 text-black mt-4  font-bold group-hover/canvas-card:text-white 
-         group-hover/canvas-card:-translate-y-2 transition duration-200"
-        >
-          {title}
-        </h2>
-        <p
-          className="text-xl underline opacity-0 group-hover/canvas-card:opacity-100
+         group-hover/canvas-card:-translate-y-2 transition duration-200  mx-auto"
+          >
+            {title}
+          </h2>
+          <p
+            className="text-xl underline opacity-0 group-hover/canvas-card:opacity-100
          relative z-10 mt-4 group-hover/canvas-card:text-white text-center
-         group-hover/canvas-card:-translate-y-2 transition duration-200" 
-        >
-          {target}
-        </p>
-        {/* add this one for the description */}
-        <p
-          className="text-sm opacity-0 group-hover/canvas-card:opacity-100
+         group-hover/canvas-card:-translate-y-2 transition duration-200"
+          >
+            {target}
+          </p>
+          {/* add this one for the description */}
+          <p
+            className="text-sm opacity-0 group-hover/canvas-card:opacity-100
          relative z-10 mt-4 group-hover/canvas-card:text-white text-center
          group-hover/canvas-card:-translate-y-2 transition duration-200"
-          style={{ color: "#E4ECFF" }}
-        >
-          {des}
-        </p>
-        <div className="opacity-0 group-hover/canvas-card:opacity-100
+            style={{ color: "#E4ECFF" }}
+          >
+            {des}
+          </p>
+          <div
+            className="opacity-0 group-hover/canvas-card:opacity-100
          relative z-10 mt-4 group-hover/canvas-card:text-white text-center
-         group-hover/canvas-card:-translate-y-2 transition duration-200">
-          <AceternityIcon order="Learn More/Apply"/>
-
+         group-hover/canvas-card:-translate-y-2 transition duration-200"
+          >
+            <AceternityIcon order="Learn More" />
+          </div>
         </div>
-
       </div>
-    </div>
     </a>
   );
 };