Sponsor Section Update

src/app/agentic-ai/page.tsx

@@ -2,6 +2,7 @@ import NavBar, { type Link } from '@/components/Navabr';
 import About_Bootcamp from '@/components/Bootcamp/About';
 import Content from '@/components/Bootcamp/Content';
 import FAQ from '@/components/Bootcamp/FAQ';
+import ContentCarousel from '@/components/Bootcamp/ContentCarousel';
 import ProjectShowcase from '@/components/Bootcamp/ProjectShowcase';
 import BootcampCarousel from '@/components/Bootcamp/BootcampCarousel';
 
@@ -18,16 +19,8 @@ export default function MLPage() {
       <main>
         <About_Bootcamp />
         <BootcampCarousel />
-
-        <Content
-          year={'2025'}
-          hasSlides={true}
-          hasRecordings={false}
-          hasNotebook={true}
-          hasContent={true}
-        />
+        <ContentCarousel />
         <ProjectShowcase />
-
         <FAQ />
       </main>
     </>

src/app/datathon/page.tsx

@@ -9,7 +9,6 @@ import DatathonHero from '@/components/Datathon/Hero';
 import AboutDatathon from '@/components/Datathon/About';
 import { FAQ } from '@/components/Datathon/FAQ';
 import { ImageCarousel } from '@/components/Datathon/HighlightCarousel';
-import Sponsors from '@/components/Datathon/Sponsors';
 
 import img1 from '@/public/Datathon/carousel/IMG_1818.png';
 import img2 from '@/public/Datathon/carousel/IMG_1883.png';
@@ -73,7 +72,7 @@ export default function Datathon() {
   const links: Link[] = [
     { title: 'Home', href: '/' },
     { title: 'About', href: '#about-us' },
-    { title: 'Sponsors', href: '#sponsors' },
+    //{ title: 'Sponsors', href: '#sponsors' },
     { title: 'Highlights', href: '#highlights' },
     { title: 'FAQ', href: '#faq' },
   ];
@@ -94,10 +93,10 @@ export default function Datathon() {
             </p>
             <LinkButton
               href="/datathon/leaderboard/past"
-              className="mt-6 px-12 py-2 text-lg md:text-2xl lg:text-6xl font-bold transition-all shadow-lg">
+              className="mt-6 px-12 py-2 text-lg md:text-2xl lg:text-6xl font-bold transition-all shadow-lg mb-20">
               →
             </LinkButton>
-            <Sponsors />
+            {/* <Sponsors/> Tag Removed */}
             <ImageCarousel images={images} />
             <FAQ faqs={faqs} />
           </div>

src/components/Bootcamp/Content/index.tsx

@@ -18,6 +18,7 @@ export interface ContentProps {
   hasSlides?: boolean;
   hasNotebook?: boolean;
   hasContent?: boolean;
+  title?: string;
 }
 
 const defaultPlaceholderText = {
@@ -27,7 +28,7 @@ const defaultPlaceholderText = {
 };
 
 const yearToSheetName: { [key: string]: string } = {
-  '2024': 'sheet1',
+  '2024': 'Archive',
   '2025': '2025',
 };
 
@@ -48,6 +49,7 @@ export default function Content({
   hasSlides = false,
   hasNotebook = false,
   hasContent = false,
+  title = '',
 }: ContentProps) {
   const [content, setContent] = useState<Lessons[]>([]);
 
@@ -87,7 +89,11 @@ export default function Content({
         }
 
         if (hasContent) {
-          content = otherColumns[col].toLowerCase() === 'true';
+          if (year == '2025') {
+            content = otherColumns[col].toLowerCase() === 'true';
+          } else {
+            content = true;
+          }
         }
 
         return {
@@ -107,10 +113,10 @@ export default function Content({
   return (
     <section
       id="content"
-      className="flex flex-col items-center justify-center space-y-10">
+      className="flex flex-col items-center justify-center space-y-10 space-x-0 pb-5">
       <div className="flex justify-center flex-col gap-8 xl:gap-12">
         <h1 className="lg:justify-start col-span-2 text-[#d9d9d9] text-4xl font-medium tracking-widest md:text-5xl lg:text-7xl text-center sm:flex sm:justify-center">
-          Content
+          {title ? title : 'Content'}
         </h1>
       </div>
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10 mt-10">
@@ -171,7 +177,7 @@ export default function Content({
                       </Link>
                     ) : (
                       <span className="text-gray-400">
-                        {hasSlides ? defaultPlaceholderText.noNotebook : ''}
+                        {hasNotebook ? defaultPlaceholderText.noNotebook : ''}
                       </span>
                     )}
                   </p>

src/components/Bootcamp/ContentCarousel/index.tsx

@@ -0,0 +1,81 @@
+'use client';
+
+import React, { useEffect, useState } from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import Content from '@/components/Bootcamp/Content';
+
+export default function ContentCarousel() {
+  const [emblaRef, emblaApi] = useEmblaCarousel({
+    loop: true,
+    align: 'center',
+  });
+
+  const [selectedIndex, setSelectedIndex] = useState(0);
+
+  //@ts-ignore
+  useEffect(() => {
+    if (!emblaApi) return;
+    const onSelect = () => setSelectedIndex(emblaApi.selectedScrollSnap());
+    emblaApi.on('select', onSelect);
+    return () => emblaApi.off('select', onSelect);
+  }, [emblaApi]);
+
+  const contents = [
+    {
+      year: '2025',
+      hasSlides: true,
+      hasRecordings: false,
+      hasNotebook: true,
+      hasContent: true,
+      title: 'Agentic AI Content 2025',
+    },
+    {
+      year: '2024',
+      hasSlides: true,
+      hasRecordings: true,
+      hasNotebook: false,
+      hasContent: true,
+      title: 'ML Bootcamp Content 2024',
+    },
+  ];
+
+  return (
+    <div className="relative w-full">
+      <div
+        ref={emblaRef}
+        className="overflow-hidden flex flex-col-reverse">
+        <div className="flex order-1 md:order-2">
+          {contents.map((content, index) => (
+            <div
+              key={content.year}
+              className="flex-[0_0_100%] select-none p-0">
+              <Content
+                year={content.year}
+                hasSlides={content.hasSlides}
+                hasRecordings={content.hasRecordings}
+                hasNotebook={content.hasNotebook}
+                hasContent={content.hasContent}
+                title={content.title}
+              />
+            </div>
+          ))}
+        </div>
+
+        <div className="flex justify-center mt-5 pb-2 order-2 md:order-1 overflow-visible">
+          {[0, 1].map((index) => (
+            <button
+              key={index}
+              onClick={() => emblaApi?.scrollTo(index)}
+              className={`w-[14px] h-[14px] mx-[6px] rounded-full transition-transform transition-opacity duration-200 ease-linear cursor-pointer
+              ${
+                selectedIndex === index
+                  ? 'opacity-100 scale-[1.15] bg-[#a855f7]'
+                  : 'bg-[#a855f7] opacity-40'
+              }`}
+            />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}