diff --git a/src/components/Faq.jsx b/src/components/Faq.jsx
index 6223904..a97c6d1 100644
--- a/src/components/Faq.jsx
+++ b/src/components/Faq.jsx
@@ -165,6 +165,9 @@ const Faq = () => {
                 ))}
             </div>
             <hr className="h-px my-8 bg-gray-200 border-0 dark:bg-gray-700"></hr>
+            <div className="invisible">blank</div>
+            <div className="invisible">blank</div>
+            <div className="invisible">blank</div>
         </div>
     );
 };
diff --git a/src/components/Menu.jsx b/src/components/Menu.jsx
index b12f808..4640cc5 100644
--- a/src/components/Menu.jsx
+++ b/src/components/Menu.jsx
@@ -41,7 +41,7 @@ const Menu = () => {
   return (
     <>
       <motion.div variants={textVariant()}>
-        <h2 className={styles.sectionCenterText}>SOS CAMP 12th</h2>
+        <h2 id="sos-head" className={styles.sectionCenterText}>SOS CAMP 12th</h2>
       </motion.div>
 
       <motion.p
@@ -66,6 +66,8 @@ const Menu = () => {
       <div class="invisible">blankblankblankblankblankblankblankblankblankblankblank
       blankblankblankblankblankblankblankblankblankblankblankblankblankblankblankblank
       blankblankblankblankblankblankblankblankblankblankblankblankblankblankblank</div>
+
+    <div className="invisible"></div>
     </>
   );
 };
diff --git a/src/components/Problems.css b/src/components/Problems.css
index ab24404..7448ce3 100644
--- a/src/components/Problems.css
+++ b/src/components/Problems.css
@@ -412,3 +412,15 @@ div.MuiContainer-root {
     margin-bottom: 30px;
 }
 
+/*.bg-\[\#050816\] {*/
+/*    --tw-bg-opacity: 1;*/
+/*    background-color: #36ff9a;*/
+/*}*/
+
+.invisible {
+    margin-bottom: 30px;
+}
+
+#sos-head {
+    margin-top: 50px;
+}
diff --git a/src/constants/Card.jsx b/src/constants/Card.jsx
index 39aacf4..cbbd655 100644
--- a/src/constants/Card.jsx
+++ b/src/constants/Card.jsx
@@ -1,154 +1,75 @@
 const cards = [
     {
-        'title': 'Syntax',
-        'describe': 'Mai tum leaw',
-        'link': 'https://elabsheet.org/elab/taskpads/show/jr070sqaqp/',
-        'img': './images/syntax.jpeg',
+        'title': 'Data type',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/iln6rkv0ch/',
+        'img': '../../public/images/gif/_1.jpg',
         'id': 1
     },
     {
-        'title': 'Variables',
-        'describe': 'Mai tum leaw',
-        'link': 'https://elabsheet.org/elab/taskpads/change/jr070sqaqp/yqxiczozva/',
-        'img': './images/syntax.jpeg',
+        'title': 'Boolean',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/558n9h46d9/',
+        'img': '../../public/images/gif/_2.jpg',
         'id': 2
     },
     {
-        'title': 'Data Type 01',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
+        'title': 'Operator 01 (Area)',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/l2uoxc77z9/',
+        'img': '../../public/images/gif/_3.jpg',
         'id': 3
     },
     {
-        'title': 'Data Type 02',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
+        'title': 'Operator 02 (Radius)',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/dzm24rq6hp/',
+        'img': '../../public/images/gif/_4.jpg',
         'id': 4
     },
     {
-        'title': 'Data Type 03',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
+        'title': 'Variables',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/jr070sqaqp/',
+        'img': '../../public/images/gif/_5.jpg',
         'id': 5
     },
     {
         'title': 'Numbers, Casting, String',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/qkea3sxyo0/',
+        'img': '../../public/images/gif/_6.jpg',
         'id': 6
     },
     {
         'title': 'Strings',
-        'describe': 'Mai tum leaw',
-        'link': 'https://elabsheet.org/elab/taskpads/change/4k422fwoou/v49ajp3qgh/',
-        'img': './images/syntax.jpeg',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/npxunwm0n5/',
+        'img': '../../public/images/gif/_7.jpg',
         'id': 7
     },
     {
-        'title': 'Boolean 01',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
+        'title': 'Strings slicing',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/h62ity5o8f/',
+        'img': '../../public/images/gif/_8.jpg',
         'id': 8
     },
     {
-        'title': 'Boolean 02',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
+        'title': 'Computation',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/0537fkytq9/',
+        'img': '../../public/images/gif/_9.jpg',
         'id': 9
     },
     {
-        'title': 'Operators 01',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
+        'title': 'Comment',
+        'describe': 'Day 1',
+        'link': 'https://elabsheet.org/elab/taskpads/show/xj450gjw5y/',
+        'img': '../../public/images/gif/_10.jpg',
         'id': 10
-    },
-    {
-        'title': 'Operators 02',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 11
-    },
-    {
-        'title': 'Lists',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 12
-    },
-    {
-        'title': 'Tuples',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 13
-    },
-    {
-        'title': 'Sets',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 14
-    },
-    {
-        'title': 'Dictionaries',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 15
-    },
-    {
-        'title': 'If Else 01',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 16
-    },
-    {
-        'title': 'If Else 02',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 17
-    },
-    {
-        'title': 'If Else 03',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 18
-    },
-    {
-        'title': 'While Loops',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 19
-
-    },
-    {
-        'title': 'For Loops',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 20
-
-    },
-    {
-        'title': 'Functions',
-        'describe': 'Mai tum leaw',
-        'link': 'www.',
-        'img': './images/syntax.jpeg',
-        'id': 21
-
     }
 ]
 
+
 export default cards;
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 4485a47..87dd524 100644
--- a/src/index.css
+++ b/src/index.css
@@ -45,8 +45,8 @@
 
 .green-pink-gradient {
     background: "#00cea8";
-    background: linear-gradient(90.13deg, #fc75c3 1.9%, #bf61ff 97.5%);
-    background: -webkit-linear-gradient(-90.13deg, #fc75c3 1.9%, #bf61ff 97.5%);
+    background: linear-gradient(90.13deg, #36ff9a 1.9%, #bf61ff 97.5%);
+    background: -webkit-linear-gradient(-90.13deg, #36ff9a 1.9%, #bf61ff 97.5%);
 }
 
 .orange-text-gradient {