Added Pictures Part 1 and begun testing with transitions

TechAtNYU · Nov 7, 2024 · b2bd2e7 · b2bd2e7
1 parent e189420
commit b2bd2e7
Show file tree

Hide file tree

Showing 15 changed files with 68 additions and 35 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,6 +3,7 @@ import { Inter } from "next/font/google";
 
 import "./globals.css";
 import { ThemeProvider } from "./provider";
+import Transition from "@/components/transition";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -19,7 +20,8 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <head>
-        <link rel="icon" href="/logo.png" sizes="any" />
+        <meta name="description" content="Tech@NYU" />
+        <link rel="icon" href="/favicon.ico" sizes="any" />
       </head>
       <body className={inter.className}>
         <ThemeProvider

diff --git a/app/mentorship/page.tsx b/app/mentorship/page.tsx
@@ -4,12 +4,7 @@
 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";
 import Footer from "@/components/Footer";
 import MentorPage from "@/components/Mentorship";
 

diff --git a/app/startup-week/page.tsx b/app/startup-week/page.tsx
@@ -4,24 +4,24 @@
 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";
 import Footer from "@/components/Footer";
 
 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]
+    <main className="">
+      <div className="max-w-7xl w-full">
+        <FloatingNav navItems={navItems} />
+        <div
+          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 />
-      <Footer />
+        >
+          <TeamTitle titleContent="Startup Committee" />
+          <SWPage />
+          <Footer />
+        </div>
+      </div>
     </main>
   );
 };

diff --git a/app/tech-treks/page.tsx b/app/tech-treks/page.tsx
@@ -4,12 +4,7 @@
 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";
 import TechTreksPage from "@/components/TechTreks";
 import Footer from "@/components/Footer";
 

diff --git a/app/template.tsx b/app/template.tsx
@@ -0,0 +1,6 @@
+import Transition from "../components/transition";
+import { navItems } from "../data";
+import { FloatingNav } from "../components/ui/FloatingNavbar";
+export default function Template({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}
diff --git a/components/Mentorship.tsx b/components/Mentorship.tsx
@@ -187,7 +187,7 @@ const MentorPage = () => {
       <h1 className="text-xl font-medium text-center pt-5 leading-snug tracking-wide">
         How it works
       </h1>
-      <div className="grid grid-cols-1 md:grid-cols-2  relative z-10 py-10 mx-auto justify-center">
+      <div className="grid grid-cols-1 md:grid-cols-2  relative z-10 py-10 mx-auto justify-center lg:max-w-[60%]">
         {MGridItems.map((feature, tindex) => (
           <Feature key={feature.title} {...feature} index={tindex} />
         ))}
@@ -262,9 +262,7 @@ const MentorPage = () => {
         ))}
       </ProgramPicGrid>
       {/* Some component that showcases past sponsors */}
-      <h1 className="heading py-10">
-        <span className="text-purple">Syllabus</span>
-      </h1>
+
       <Timeline data={data} />
     </div>
   );

diff --git a/components/TechTreks.tsx b/components/TechTreks.tsx
@@ -36,7 +36,7 @@ const TechTreksPage = () => {
       <h1 className="text-xl font-medium text-center pt-5 leading-snug tracking-wide">
         Two Tracks
       </h1>
-      <div className="grid grid-cols-1 md:grid-cols-2  relative z-10 py-10 mx-auto justify-center">
+      <div className="grid grid-cols-1 md:grid-cols-2  relative z-10 py-10 mx-auto justify-center lg:max-w-[60%]">
         {TTGridIterm.map((feature, tindex) => (
           <Feature key={feature.title} {...feature} index={tindex} />
         ))}

diff --git a/components/transition.tsx b/components/transition.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import { motion } from "framer-motion";
+
+const variants = {
+  initial: { x: "100vw", opacity: 0 },
+  animate: {
+    x: 0,
+    opacity: 1,
+    transition: { duration: 0.6, ease: "easeInOut" },
+  },
+  exit: {
+    x: "-100vw",
+    opacity: 0,
+    transition: { duration: 0.6, ease: "easeInOut" },
+  },
+};
+
+export default function Transition({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <motion.div
+      initial="initial"
+      animate="animate"
+      exit="exit"
+      variants={variants}
+      transition={{ duration: 0.5, ease: "easeInOut" }}
+      className="w-full dark:bg-black-200 bg-white dark:bg-grid-white/[0.03] bg-grid-black-100/[0.2]
+       "
+    >
+      {children}
+    </motion.div>
+  );
+}
diff --git a/components/ui/Feature.tsx b/components/ui/Feature.tsx
@@ -37,7 +37,7 @@ export function FeaturesSectionDemo() {
     },
   ];
   return (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4  relative z-10 py-10 max-w-7xl mx-auto">
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4  relative z-10 py-5 max-w-7xl mx-auto">
       {features.map((feature, index) => (
         <Feature key={feature.title} {...feature} index={index} />
       ))}

diff --git a/data/index.ts b/data/index.ts
@@ -77,23 +77,23 @@ export const selectEvents = [
     id: 1,
     title: "StartupWeek",
     des: "A week of panels, workshops and networking events for aspiring entrepreneurs or those interested in the startup world.",
-    img: "/p1.svg",
+    img: "/event-pics/swkeynote24.jpg",
     iconLists: ["/re.svg", "/tail.svg", "/ts.svg", "/three.svg", "/fm.svg"],
     link: "/ui.earth.com",
   },
   {
     id: 2,
-    title: "Leetcode Social!",
-    des: "Simplify your video conferencing experience with Yoom. Seamlessly connect with colleagues and friends.",
-    img: "/p2.svg",
+    title: "Kickoff!",
+    des: "The event to learn about our signature programs with Eboard!",
+    img: "/event-pics/leetcodesocial.png",
     iconLists: ["/next.svg", "/tail.svg", "/ts.svg", "/stream.svg", "/c.svg"],
     link: "/ui.yoom.com",
   },
   {
     id: 3,
-    title: "Mentor & Meet with Supermomos",
-    des: "10 Mentors, 40 Students, 4:1 Ratio, 2 Hours, 2 Goal: Mentorship & Networking.",
-    img: "/p3.svg",
+    title: "Mentor & Meet",
+    des: "10 Mentors, 2 Hours, 2 Goals: Mentorship & Networking.",
+    img: "/event-pics/Mentor_And_Meet.jpg",
     iconLists: ["/re.svg", "/tail.svg", "/ts.svg", "/three.svg", "/c.svg"],
     link: "/ui.aiimg.com",
   },

diff --git a/public/event-pics/Mentor_And_Meet.JPG b/public/event-pics/Mentor_And_Meet.JPG
diff --git a/public/event-pics/kickoff24.JPG b/public/event-pics/kickoff24.JPG
diff --git a/public/event-pics/leetcodesocial.png b/public/event-pics/leetcodesocial.png
diff --git a/public/event-pics/swkeynote24.JPG b/public/event-pics/swkeynote24.JPG
diff --git a/public/favicon.ico b/public/favicon.ico