diff --git a/src/components/Preproblems.jsx b/src/components/Preproblems.jsx
index 9d4a273..037772e 100644
--- a/src/components/Preproblems.jsx
+++ b/src/components/Preproblems.jsx
@@ -21,6 +21,40 @@ const Preproblems = () => {
                 introducing and reinforcing core programming concepts and syntax in the Python programming language. It
                 typically involves solving a specific problem or completing a task using Python code.
             </motion.p>
+
+            <motion.p
+                variants={fadeIn("", "", 0.1, 1)}
+                className='mt-4 text-secondary text-[17px] max-w-3xl leading-[30px] mx-auto text-center'
+            >
+               {/*Day 1*/}
+               <button>
+                   <a
+                       href="https://www.canva.com/design/DAFmtzSyMEU/iDO-l19EMxqTZuB6xiX56g/view?utm_content=DAFmtzSyMEU&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"
+                       target="_blank"
+                   >
+                     <span className="underline decoration-pink-500">Day 1 Slides</span>
+               </a></button>
+
+                {/*# Day 2*/}
+               <button>
+                   <a
+                       href=" https://www.canva.com/design/DAFnlHJWs8A/Fr7CmfQqTRXB_NkUSsop5g/view?utm_content=DAFnlHJWs8A&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"
+                       target="_blank"
+                   >
+                     <span className="underline decoration-pink-500">Day 2 Slides</span>
+               </a></button>
+
+                {/*# Day 3*/}
+               <button>
+                   <a
+                       href="https://www.canva.com/design/DAFnjy2nh4g/aN8Wpiu8r_h4Sfr1hYEFLA/view?utm_content=DAFnjy2nh4g&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"
+                       target="_blank"
+                   >
+                     <span className="underline decoration-pink-500">Day 3 Slides</span>
+               </a></button>
+
+            </motion.p>
+
         </>
     );
 };
diff --git a/src/components/Problems.jsx b/src/components/Problems.jsx
index b3084c3..85138e1 100644
--- a/src/components/Problems.jsx
+++ b/src/components/Problems.jsx
@@ -14,6 +14,7 @@ import cards from '../constants/Card';
 import myimage from '../../public/images/syntax.jpeg';
 import { SectionWrapper } from '../hoc';
 import Cookies from 'js-cookie';
+import Preproblems from "./Preproblems.jsx";
 
 export const ThemeContext = createContext(null);
 
@@ -86,6 +87,7 @@ const Problems = () => {
           <CssBaseline />
           <main>
             <Container sx={{ py: 8 }} maxWidth="fit-content">
+                <Preproblems />
               <div className="flex mt-4 border border-gray-500 p-4">
                 <Grid container spacing={4}>
                   {cards.map((card) => (