diff --git a/src/components/midbutton.js b/src/components/midbutton.js
index 6555fc7..801848c 100644
--- a/src/components/midbutton.js
+++ b/src/components/midbutton.js
@@ -1,21 +1,44 @@
 import Image from "next/image";
+import Link from "next/link";
 // import { delay, motion } from "framer-motion";
 
 export default function Midbutton() {
 	return (
-		<div className="text-button mr-14">
-			<div className="text-2-button mr-6">
-					Click to explore the <br></br>Day of the Festival!
-			</div>
-			<button>
-				
-					<Image
-						src={"/images/midbutton.svg"}
-						width={82}
-						height={82}
-					/>
-				
-			</button>
+		
+		 <div>
+
+<div className="hidden sm:block" >
+	<div className="text-button mr-14">
+		<div className="text-2-button mr-6">
+		<Link href="/teampage">
+			
+			Know the amazing <br></br>individuals who<br></br>make our team
+			</Link>
+		
 		</div>
+		<button>
+		<Link href="/teampage">
+	
+			<Image src={"/images/midbutton.svg"} width={82} height={82}/>
+			</Link>
+			
+		</button>
+	</div>
+</div>
+<div className="sm:hidden mt-12">
+	<div className="flex flex-col justify-center items-center">
+		<div className="text-[20px] font-medium tracking-wider">
+		<Link href="/teampage">
+		Know the amazing <br></br>individuals who<br></br>make our team
+                        </Link>
+                    </div>
+                    <button className="mt-4">
+                    <Link href="/teampage">
+                        <Image src={"/images/midbutton.svg"} width={62} height={62}/>  
+                        </Link>  
+                    </button>
+                </div>
+            </div>
+        </div>
 	);
 }
diff --git a/src/components/nextbutton.js b/src/components/nextbutton.js
index 8af7a9f..df37b45 100644
--- a/src/components/nextbutton.js
+++ b/src/components/nextbutton.js
@@ -1,20 +1,25 @@
 import Image from "next/image";
+import Link from "next/link";
 // import { delay, motion } from "framer-motion";
 
 export default function NextButton(){
     return(
         <div>
 
-            <div className="hidden sm:block">
+            <div className="hidden sm:block" >
                 <div className="text-button mr-14">
                     <div className="text-2-button mr-6">
+                    <Link href="/events">
                         
                         Explore all events <br></br>and sessions 
+                        </Link>
                     
                     </div>
                     <button>
+                    <Link href="/events">
                 
                         <Image src={"/images/midbutton.svg"} width={82} height={82}/>
+                        </Link>
                         
                     </button>
                 </div>
@@ -22,10 +27,15 @@ export default function NextButton(){
             <div className="sm:hidden mt-12">
                 <div className="flex flex-col justify-center items-center">
                     <div className="text-[20px] font-medium tracking-wider">
+                    <Link href="/events">
+                        
                         Click to explore the <br></br>Day of the Festival!
+                        </Link>
                     </div>
                     <button className="mt-4">
-                        <Image src={"/images/midbutton.svg"} width={62} height={62}/>    
+                    <Link href="/events">
+                        <Image src={"/images/midbutton.svg"} width={62} height={62}/>  
+                        </Link>  
                     </button>
                 </div>
             </div>
diff --git a/src/pages/index.js b/src/pages/index.js
index fcf8218..11ad37e 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,6 +1,6 @@
 import Mid from "@/components/mid"
 import Hero from "../components/hero"
-// import Midbutton from "@/components/midbutton"
+import Midbutton from "@/components/midbutton"
 import NextButton from "@/components/nextbutton"
 import Carousel from "@/components/carousel"
 import Team from "@/components/team"
@@ -58,11 +58,11 @@ export default function index() {
         <Navbar/>
         <Hero/>
         <Mid/>
-        <NextButton/>
+        
         <Carousel/>
         <NextButton/>
         <Team/>
-        <NextButton/>
+        <Midbutton/>
         <Sponsors/>
         <Footer/>
     </div>