change: fix links and removed event page

Author: itsmeyaw

src/app/favicon.ico

@@ -30,11 +30,6 @@ const menuLinks : MenuLink[] = [
     url: "/about",
     buttonType: "secondary"
   },
-  {
-    name: "Events",
-    url: "/about",
-    buttonType: "secondary"
-  },
   {
     name: "Membership",
     url: "/membership",
@@ -59,7 +54,6 @@ const menuLinks : MenuLink[] = [
   }
 ]
 
-// Set application deadline - example: one month from now
 const applicationDeadline = new Date(2025, 4, 17, 22, 59, 59);
 
 export default function RootLayout({

src/app/layout.tsx

@@ -220,7 +220,7 @@ export default function MembershipInfo() {
           viewport={{ once: true }}
           transition={{ duration: 0.5, ease: "easeOut" }}
         >
-          <Button buttonType="primary" className="px-12 py-4 text-lg">
+          <Button buttonType="cta" className="px-12 py-4 text-lg">
             APPLY NOW
           </Button>
         </motion.div>

src/app/membership/info/info.tsx

@@ -17,7 +17,7 @@ export default async function MembershipPage() {
               <h1 className="text-4xl text-center lg:text-center lg:text-[64px] font-heading font-bold leading-tight">
                 Become a Member
               </h1>
-              <p className="text-white text-md text-center font-body tracking-wide">
+              <p className="text-white text-md lg:text-lg text-center font-body tracking-wide">
               Our membership is open to all university students in Munich!
             </p>
             <div className="relative pb-12 w-full h-[450px] hidden lg:block mt-8 filter grayscale hover:grayscale-0 transition-all duration-150">

src/app/membership/page.tsx

@@ -49,7 +49,7 @@ export default function Home() {
             </p>
             <div className="flex gap-6 flex-col lg:flex-row items-center mt-10 lg:mt-3">
               <Button asChild buttonType="cta" className="w-fit">
-                <Link href={"#"}>Join Us</Link>
+                <Link href={"/membership"}>Join Us</Link>
               </Button>
               <Button asChild buttonType="secondary" className="w-fit">
                 <Link href={"#"}>Support our cause</Link>

src/app/page.tsx

@@ -9,11 +9,8 @@ const items = [
     image: '/conference.jpg',
     content: (
       <>
-        At TUM Blockchain Club, we host conferences, workshops, and 
-        events to educate and inspire the next generation of blockchain enthusiasts.
-        One of our flagship events is the annual <span className="font-bold">TUM Blockchain Conference</span>,
-        which brings together experts, enthusiasts, and professionals to discuss the
-        latest trends and developments in the blockchain space.
+        Our flagship annual <span className="font-bold">TUM Blockchain Conference</span> brings together experts, 
+        enthusiasts, and professionals to discuss the latest trends and developments in blockchain technology.
       </>
     )
   },
@@ -33,9 +30,7 @@ const items = [
     image: '/bootcamp.jpg',
     content: (
       <>
-        We offer a bootcamp to introduce students to the basics of blockchain technology.
-        This bootcamp is a great way to get started with blockchain and learn about the latest trends and developments in the industry.
-        The topics can range from basic concepts to more advanced topics like smart contracts and decentralized applications.
+        Our bootcamp introduces students to blockchain fundamentals and advanced topics like smart contracts and decentralized applications.
       </>
     )
   },
@@ -76,9 +71,9 @@ export const SlideShow = () => {
         <AccordionItem key={index} index={index} title={item.title} image={item.image}>
           <AccordionContent>
             <div className='absolute w-full overflow-x-hidden h-full bottom-0 left-0 z-10 p-4 flex items-end' style={{ background: 'linear-gradient(0deg, rgba(10, 0, 22, 0.75) 30%, rgba(10, 0, 22, 0.00) 100%)' }}>
-                <div className='flex min-w-96 w-[360px] flex-col gap-4 justify-end'>
+                <div className='flex lg:min-w-96 w-[360px] flex-col gap-4 justify-end'>
                   <h3 className='font-heading font-bold lg:text-2xl'>{item.title}</h3>
-                  <p className='text-md'>
+                  <p className='text-md text-wrap'>
                     {item.content}
                   </p>
                 </div>

src/app/slideshow.tsx

@@ -183,7 +183,9 @@ export const AccordionContent: React.FC<AccordionContentProps> = ({ children, cl
       })}
       {...divProps}
     >
-      {children}
+      <div className="max-w-full text-wrap">
+        {children}
+      </div>
     </div>
   );
 };