diff --git a/devcon/cms/pages/index.mdx b/devcon/cms/pages/index.mdx
index f9bca218..b84d4c5b 100644
--- a/devcon/cms/pages/index.mdx
+++ b/devcon/cms/pages/index.mdx
@@ -21,7 +21,8 @@ index_ctas:
     url: 'https://devcon.org/en/experiences/'
 section1:
   body: >
-    ## Devcon is the Ethereum conference for developers, thinkers, and makers.
+    ## **Devcon is the Ethereum conference for developers, thinkers, and
+    makers**.
 
 
     ##### Devcon's mission is to bring decentralized protocols, tools, and
diff --git a/devcon/src/components/domain/index/featured-speakers-dc7/index.tsx b/devcon/src/components/domain/index/featured-speakers-dc7/index.tsx
index 1d7d1d18..9bd778c4 100644
--- a/devcon/src/components/domain/index/featured-speakers-dc7/index.tsx
+++ b/devcon/src/components/domain/index/featured-speakers-dc7/index.tsx
@@ -203,26 +203,26 @@ const HighlightedSpeakers = ({
   const isInView = useInView(ref, { once: true })
   const controls = useAnimation()
 
-  useEffect(() => {
-    if (isInView && !isHovered) {
-      const rotateInterval = setInterval(() => {
-        try {
-          setCurrentIndex(prevIndex => (prevIndex + 4) % speakers.length)
-          controls.set({ scaleX: 0 })
-          controls.start({ scaleX: 1, transition: { duration: 6, ease: 'linear' } })
-        } catch (error) {
-          console.error('Error in rotateInterval:', error)
-        }
-      }, 6000)
-
-      controls.start({ scaleX: 1, transition: { duration: 6, ease: 'linear' } })
-
-      return () => clearInterval(rotateInterval)
-    } else if (isHovered) {
-      controls.stop()
-      controls.set({ scaleX: 0 })
-    }
-  }, [isInView, speakers, controls, isHovered])
+  // useEffect(() => {
+  //   if (isInView && !isHovered) {
+  //     const rotateInterval = setInterval(() => {
+  //       try {
+  //         setCurrentIndex(prevIndex => (prevIndex + 4) % speakers.length)
+  //         controls.set({ scaleX: 0 })
+  //         controls.start({ scaleX: 1, transition: { duration: 6, ease: 'linear' } })
+  //       } catch (error) {
+  //         console.error('Error in rotateInterval:', error)
+  //       }
+  //     }, 6000)
+
+  //     controls.start({ scaleX: 1, transition: { duration: 6, ease: 'linear' } })
+
+  //     return () => clearInterval(rotateInterval)
+  //   } else if (isHovered) {
+  //     controls.stop()
+  //     controls.set({ scaleX: 0 })
+  //   }
+  // }, [isInView, speakers, controls, isHovered])
 
   const currentSpeakers = useMemo(() => {
     const endIndex = currentIndex + 4
@@ -310,13 +310,13 @@ const HighlightedSpeakers = ({
           ))}
         </motion.div>
       </AnimatePresence>
-      <div className="flex justify-center items-center w-[100px] bg-gray-100 mx-auto transform translate-y-2">
+      {/* <div className="flex justify-center items-center w-[100px] bg-gray-100 mx-auto transform translate-y-2">
         <motion.div
           className="h-[2px] w-[100px] bg-indigo-400 origin-center"
           initial={{ scaleX: 0 }}
           animate={controls}
         />
-      </div>
+      </div> */}
     </div>
   )
 }
@@ -442,25 +442,29 @@ const FeaturedSpeakers = () => {
         name: 'Aya',
         role: 'Executive Director @ Ethereum Foundation',
         avatarUrl: AyaMiyaguchiImage,
-        link: 'https://x.com/AyaMiyagotchi',
+        // link: 'https://x.com/AyaMiyagotchi',
+        link: 'https://app.devcon.org/speakers/ADH9HF',
       },
       {
         name: 'Vitalik Buterin',
         role: 'Co-founder @ Ethereum',
         avatarUrl: VitalikImage,
-        link: 'https://x.com/VitalikButerin',
+        // link: 'https://x.com/VitalikButerin',
+        link: 'https://app.devcon.org/speakers/FLKFV8',
       },
       {
         name: 'Roger Dingledine',
         role: 'Co-founder @ Tor Project',
         avatarUrl: RogerDingledineImage,
-        link: 'https://x.com/RogerDingledine',
+        // link: 'https://x.com/RogerDingledine',
+        link: 'https://app.devcon.org/speakers/P9TDQR',
       },
       {
         name: 'Bruno Macaes',
         role: 'Political Scientist, Author, and former Secretary of State',
         avatarUrl: BrunoImage,
-        link: 'https://x.com/MacaesBruno',
+        // link: 'https://x.com/MacaesBruno',
+        link: 'https://app.devcon.org/speakers/PRM7AM',
       },
     ]
 
diff --git a/devcon/src/components/domain/index/hero/stats-anim/StatsAnimation.tsx b/devcon/src/components/domain/index/hero/stats-anim/StatsAnimation.tsx
index c5b2e61c..912e964d 100644
--- a/devcon/src/components/domain/index/hero/stats-anim/StatsAnimation.tsx
+++ b/devcon/src/components/domain/index/hero/stats-anim/StatsAnimation.tsx
@@ -190,8 +190,8 @@ const StatsAnimation = () => {
               render: {
                 sprite: {
                   texture: `/assets/textures/${icon}`,
-                  xScale: 0.7,
-                  yScale: 0.7,
+                  xScale: 0.6,
+                  yScale: 0.6,
                 },
               },
               frictionAir: 0.15,
diff --git a/devcon/src/pages/index.tsx b/devcon/src/pages/index.tsx
index a0dbc848..d222ec6a 100644
--- a/devcon/src/pages/index.tsx
+++ b/devcon/src/pages/index.tsx
@@ -25,7 +25,7 @@ import { GetContentSections } from 'services/page'
 import { useTina } from 'tinacms/dist/react'
 import { client } from '../../tina/__generated__/client'
 import { PagesQuery, PagesIndex, PagesFaq_General, PagesProgramming } from '../../tina/__generated__/types'
-// import TitleDevcon from 'assets/images/devcon-title.svg'
+import TitleDevcon from 'assets/images/devcon-title.svg'
 import LogoFlowers from 'assets/images/dc-7/logo-flowers.png'
 import InfiniteScroller from 'lib/components/infinite-scroll'
 import StatsAnimation from 'components/domain/index/hero/stats-anim'
@@ -61,17 +61,36 @@ import Security from 'assets/images/programming/Security.png'
 import Layer2 from 'assets/images/programming/Layer2.png'
 
 const videos = [
-  // {
-  //   url: 'YyK8i2-0aPk',
-  //   title: 'Devcon SEA Recap Video',
-  //   devcon: 7,
-  // },
+  {
+    url: 'YyK8i2-0aPk',
+    title: 'This Year in Ethereum',
+    author: 'Josh Stark',
+    devcon: 7,
+  },
+  {
+    url: 'SE15rsPVHz0',
+    title: 'Redefining boundaries in the Infinite Garden',
+    author: 'Aya Miyaguchi',
+    devcon: 7,
+  },
   {
     url: 'ei3tDRMjw6k',
-    title: 'Ethereum in 30 minutes by Vitalik Buterin | Devcon SEA',
+    title: 'Ethereum in 30 minutes',
     author: 'Vitalik Buterin',
     devcon: 7,
   },
+  {
+    url: 'n3R4ze2hesk',
+    title: 'Keynote: ⿻ Infinite Diversity in Infinite Combinations',
+    author: 'Audrey Tang',
+    devcon: 7,
+  },
+  {
+    url: '7LRbiZ_FiSg',
+    title: 'Keynote: Glass Houses and Tornados',
+    author: 'Peter Van Valkenburgh',
+    devcon: 7,
+  },
   {
     url: 'lgTMm7J0t7c',
     title: 'Devcon VI Bogota Recap Video',
@@ -97,7 +116,7 @@ const videos = [
   },
   {
     url: 'oLGZdLpHl1w',
-    title: 'A Conversation with Stewart Brand (Devcon4)',
+    title: 'A Conversation with Stewart Brand',
     author: 'Stewart Brand',
     devcon: 4,
   },
@@ -309,7 +328,7 @@ export default pageHOC(function Index(props: any) {
               {/* <TitleDevcon className="hidden lg:block" /> */}
               <RichText content={pages.section1?.body}></RichText>
 
-              {cal && (
+              {/* {cal && (
                 <Modal open={calendarModalOpen} close={() => setCalendarModalOpen(false)}>
                   <ModalContent
                     className="border-solid border-[#8B6BBB] border-t-4 w-[560px]"
@@ -340,7 +359,7 @@ export default pageHOC(function Index(props: any) {
                     </div>
                   </ModalContent>
                 </Modal>
-              )}
+              )} */}
             </div>
             {/* <div className="flex w-full flex-col grow shrink-0 max-w-[410px] lg:grow-0 relative">
               <div className="flex justify-between w-full gap-4">
@@ -381,12 +400,43 @@ export default pageHOC(function Index(props: any) {
         </div>
 
         <div className="section">
-          <div className="relative flex flex-col items-start pb-8 border-bottom gap-4 mt-8">
+          <div className="relative flex flex-col items-start border-bottom gap-8 pt-8 pointer-events-none ">
             <div className={`${css['scrolling-text-background']}`}>
               <InfiniteScroller nDuplications={2} speed="120s">
-                <p className="bold">SOUTHEAST ASIA&nbsp;</p>
+                <p className="bold">DEVCON RECAP&nbsp;</p>
+              </InfiniteScroller>
+            </div>
+            {/* 
+            <div className={`${css['scrolling-text-background']} ${css['alternate']} ${css['blue']}`}>
+              <InfiniteScroller nDuplications={2} speed="140s" reverse>
+                <p className="bold">DEVCON RECAP&nbsp;</p>
               </InfiniteScroller>
+            </div> */}
+
+            <div className={`z-10 ${css['background-text']}`}>
+              <RichText content={pages.section4?.body}></RichText>
+            </div>
+
+            <div
+              className="sm:h-[250px] xl:h-[300px] h-[350px] relative w-full z-0 pointer-events-auto"
+              ref={scrollRef}
+            >
+              {isInView && (
+                <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 0.6 }}>
+                  <StatsAnimation />
+                </motion.div>
+              )}
             </div>
+          </div>
+        </div>
+
+        <div className="section">
+          <div className="relative flex flex-col items-start pb-8 border-bottom gap-4 mt-8">
+            {/* <div className={`${css['scrolling-text-background']}`}>
+              <InfiniteScroller nDuplications={2} speed="120s">
+                <p className="bold">SOUTHEAST ASIA&nbsp;</p>
+              </InfiniteScroller>
+            </div> */}
 
             <div className="grid grid-cols-1 lg:grid-cols-[3fr_2fr] gap-8">
               <div className="flex flex-col h-full lg:mt-2">
@@ -453,7 +503,7 @@ export default pageHOC(function Index(props: any) {
             />
           </div>
 
-          <div className="relative flex flex-col items-start border-bottom gap-8 pt-8 pointer-events-none">
+          {/* <div className="relative flex flex-col items-start border-bottom gap-8 pt-8 pointer-events-none">
             <div className={`z-10 ${css['background-text']}`}>
               <RichText content={pages.section4?.body}></RichText>
             </div>
@@ -465,7 +515,7 @@ export default pageHOC(function Index(props: any) {
                 </motion.div>
               )}
             </div>
-          </div>
+          </div> */}
         </div>
 
         <div className="section">