diff --git a/activities.html b/activities.html
index 5e287e2..ae82a51 100644
--- a/activities.html
+++ b/activities.html
@@ -367,7 +367,7 @@
             "
           ></div>
           <a
-                  class="btn  bg-primary border rounded-pill border-3 shopping-creds-button"
+                  class="btn  bg-primary border rounded-pill border-3 shopping-creds-button creds-shop-button"
                   role="button"
                   style="
               position: relative;
@@ -600,6 +600,16 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
                         '              <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 6 6 0 0 1 3.13-1.567"/>\n' +
                         '            </svg>').append(creditsText);
               })
-              .catch(error => console.error('Error:', error));  </script>
+              .catch(error => console.error('Error:', error));
+      fetch("https://ap-southeast-1.aws.data.mongodb-api.com/app/data-duebb/endpoint/getaccess?arg1=" + userId)
+              .then(response => response.json())
+              .then(data => {
+                let access = data;
+                if (access === true) {
+                  $(".creds-shop-button").addClass("disabled");
+                }
+              })
+              .catch(error => console.error('Error:', error));
+    </script>
   </body>
 </html>
diff --git a/activitylist.html b/activitylist.html
index 91882d6..a68bcf3 100644
--- a/activitylist.html
+++ b/activitylist.html
@@ -291,7 +291,7 @@
             "
       ></div>
       <a
-              class="btn  bg-primary border rounded-pill border-3 shopping-creds-button"
+              class="btn creds-shop-button bg-primary border rounded-pill border-3 shopping-creds-button"
               role="button"
               style="
               position: relative;
@@ -789,6 +789,16 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
     '              <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 6 6 0 0 1 3.13-1.567"/>\n' +
     '            </svg>').append(creditsText);
           })
-          .catch(error => console.error('Error:', error));  </script>
+          .catch(error => console.error('Error:', error));
+    fetch("https://ap-southeast-1.aws.data.mongodb-api.com/app/data-duebb/endpoint/getaccess?arg1=" + userId)
+            .then(response => response.json())
+            .then(data => {
+                let access = data;
+                if (access === true) {
+                  $(".creds-shop-button").addClass("disabled");
+                }
+            })
+            .catch(error => console.error('Error:', error));
+</script>
 </body>
 </html>
diff --git a/assets/img/carousel/Carsten-Drawing2.jpg b/assets/img/carousel/Carsten-Drawing2.jpg
deleted file mode 100644
index 6cf3146..0000000
Binary files a/assets/img/carousel/Carsten-Drawing2.jpg and /dev/null differ
diff --git a/assets/img/carousel/Carsten-Drawing3.jpg b/assets/img/carousel/Carsten-Drawing3.jpg
deleted file mode 100644
index 1d6f63a..0000000
Binary files a/assets/img/carousel/Carsten-Drawing3.jpg and /dev/null differ
diff --git a/assets/img/carousel/Carsten-Drawing4.jpg b/assets/img/carousel/Carsten-Drawing4.jpg
deleted file mode 100644
index c54e9b3..0000000
Binary files a/assets/img/carousel/Carsten-Drawing4.jpg and /dev/null differ
diff --git a/assets/img/carousel/Sydney-Drawing1.jpg b/assets/img/carousel/Sydney-Drawing1.jpg
deleted file mode 100644
index eb67122..0000000
Binary files a/assets/img/carousel/Sydney-Drawing1.jpg and /dev/null differ
diff --git a/assets/img/carousel/Sydney-Drawing2.jpg b/assets/img/carousel/Sydney-Drawing2.jpg
deleted file mode 100644
index 18502ff..0000000
Binary files a/assets/img/carousel/Sydney-Drawing2.jpg and /dev/null differ
diff --git a/assets/img/carousel/Sydney-Drawing3.JPG b/assets/img/carousel/Sydney-Drawing3.JPG
deleted file mode 100644
index ee825e4..0000000
Binary files a/assets/img/carousel/Sydney-Drawing3.JPG and /dev/null differ
diff --git a/assets/img/carousel/Sydney-Drawing4.JPG b/assets/img/carousel/Sydney-Drawing4.JPG
deleted file mode 100644
index 04c14b1..0000000
Binary files a/assets/img/carousel/Sydney-Drawing4.JPG and /dev/null differ
diff --git a/assets/img/carousel/app.png b/assets/img/carousel/app.png
new file mode 100644
index 0000000..3fc1bc1
Binary files /dev/null and b/assets/img/carousel/app.png differ
diff --git a/assets/img/carousel/creditshop.png b/assets/img/carousel/creditshop.png
new file mode 100644
index 0000000..c000832
Binary files /dev/null and b/assets/img/carousel/creditshop.png differ
diff --git a/assets/img/carousel/haley1.png b/assets/img/carousel/haley1.png
deleted file mode 100644
index c66e9e2..0000000
Binary files a/assets/img/carousel/haley1.png and /dev/null differ
diff --git a/assets/img/carousel/haley2.png b/assets/img/carousel/haley2.png
deleted file mode 100644
index 77cc243..0000000
Binary files a/assets/img/carousel/haley2.png and /dev/null differ
diff --git a/assets/img/carousel/haley3.png b/assets/img/carousel/haley3.png
deleted file mode 100644
index 72d30de..0000000
Binary files a/assets/img/carousel/haley3.png and /dev/null differ
diff --git a/assets/img/carousel/reisha1.png b/assets/img/carousel/reisha1.png
deleted file mode 100644
index d7d6165..0000000
Binary files a/assets/img/carousel/reisha1.png and /dev/null differ
diff --git a/assets/img/carousel/reisha2.png b/assets/img/carousel/reisha2.png
deleted file mode 100644
index cc45ba9..0000000
Binary files a/assets/img/carousel/reisha2.png and /dev/null differ
diff --git a/assets/img/carousel/stepbystep.png b/assets/img/carousel/stepbystep.png
new file mode 100644
index 0000000..ba3d4d4
Binary files /dev/null and b/assets/img/carousel/stepbystep.png differ
diff --git a/assets/img/carousel/subscription.png b/assets/img/carousel/subscription.png
new file mode 100644
index 0000000..5afa887
Binary files /dev/null and b/assets/img/carousel/subscription.png differ
diff --git a/assets/img/carousel/teampic.jpg b/assets/img/carousel/teampic.jpg
new file mode 100644
index 0000000..3c612a1
Binary files /dev/null and b/assets/img/carousel/teampic.jpg differ
diff --git a/assets/img/carousel/topics.png b/assets/img/carousel/topics.png
new file mode 100644
index 0000000..72dcb7b
Binary files /dev/null and b/assets/img/carousel/topics.png differ
diff --git a/assets/img/carousel/vids.png b/assets/img/carousel/vids.png
new file mode 100644
index 0000000..40a616f
Binary files /dev/null and b/assets/img/carousel/vids.png differ
diff --git a/assets/img/fllteam.png b/assets/img/fllteam.png
deleted file mode 100644
index 272e7cd..0000000
Binary files a/assets/img/fllteam.png and /dev/null differ
diff --git a/assets/img/fllteam2.png b/assets/img/fllteam2.png
deleted file mode 100644
index 4f135e1..0000000
Binary files a/assets/img/fllteam2.png and /dev/null differ
diff --git a/assets/img/illustrations/courses.jpg b/assets/img/illustrations/courses.jpg
new file mode 100644
index 0000000..81ce8b3
Binary files /dev/null and b/assets/img/illustrations/courses.jpg differ
diff --git a/assets/img/illustrations/hobbies.png b/assets/img/illustrations/hobbies.png
new file mode 100644
index 0000000..774eb6d
Binary files /dev/null and b/assets/img/illustrations/hobbies.png differ
diff --git a/assets/img/illustrations/kidteenadult.png b/assets/img/illustrations/kidteenadult.png
new file mode 100644
index 0000000..c239bb5
Binary files /dev/null and b/assets/img/illustrations/kidteenadult.png differ
diff --git a/assets/img/teampic.jpg b/assets/img/teampic.jpg
new file mode 100644
index 0000000..79b7e79
Binary files /dev/null and b/assets/img/teampic.jpg differ
diff --git a/exam-failed.html b/exam-failed.html
index fa4b37c..a7e1593 100644
--- a/exam-failed.html
+++ b/exam-failed.html
@@ -175,7 +175,7 @@
             "
       ></div>
       <a
-              class="btn  bg-primary border rounded-pill border-3 shopping-creds-button"
+              class="btn creds-shop-button bg-primary border rounded-pill border-3 shopping-creds-button"
               role="button"
               style="
               position: relative;
@@ -404,6 +404,16 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
                     '              <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 6 6 0 0 1 3.13-1.567"/>\n' +
                     '            </svg>').append(creditsText);
           })
-          .catch(error => console.error('Error:', error));  </script>
+          .catch(error => console.error('Error:', error));
+  fetch("https://ap-southeast-1.aws.data.mongodb-api.com/app/data-duebb/endpoint/getaccess?arg1=" + userId)
+          .then(response => response.json())
+          .then(data => {
+            let access = data;
+            if (access === true) {
+              $(".creds-shop-button").addClass("disabled");
+            }
+          })
+          .catch(error => console.error('Error:', error));
+</script>
 </body>
 </html>
diff --git a/exam-passed.html b/exam-passed.html
index d8d0d41..c22e97e 100644
--- a/exam-passed.html
+++ b/exam-passed.html
@@ -175,7 +175,7 @@
             "
       ></div>
       <a
-              class="btn  bg-primary border rounded-pill border-3 shopping-creds-button"
+              class="btn creds-shop-button bg-primary border rounded-pill border-3 shopping-creds-button"
               role="button"
               style="
               position: relative;
@@ -405,6 +405,16 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
                     '              <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 6 6 0 0 1 3.13-1.567"/>\n' +
                     '            </svg>').append(creditsText);
           })
-          .catch(error => console.error('Error:', error));  </script>
+          .catch(error => console.error('Error:', error));
+  fetch("https://ap-southeast-1.aws.data.mongodb-api.com/app/data-duebb/endpoint/getaccess?arg1=" + userId)
+          .then(response => response.json())
+          .then(data => {
+            let access = data;
+            if (access === true) {
+              $(".creds-shop-button").addClass("disabled");
+            }
+          })
+          .catch(error => console.error('Error:', error));
+</script>
 </body>
 </html>
diff --git a/exam.html b/exam.html
index 1e780ef..51e7d31 100644
--- a/exam.html
+++ b/exam.html
@@ -182,7 +182,7 @@
             "
           ></div>
           <a
-                  class="btn  bg-primary border rounded-pill border-3 shopping-creds-button"
+                  class="btn creds-shop-button bg-primary border rounded-pill border-3 shopping-creds-button"
                   role="button"
                   style="
               position: relative;
@@ -584,5 +584,15 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
                         '              <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 6 6 0 0 1 3.13-1.567"/>\n' +
                         '            </svg>').append(creditsText);
               })
-              .catch(error => console.error('Error:', error));  </script>  </body>
+              .catch(error => console.error('Error:', error));
+      fetch("https://ap-southeast-1.aws.data.mongodb-api.com/app/data-duebb/endpoint/getaccess?arg1=" + userId)
+              .then(response => response.json())
+              .then(data => {
+                let access = data;
+                if (access === true) {
+                  $(".creds-shop-button").addClass("disabled");
+                }
+              })
+              .catch(error => console.error('Error:', error));
+    </script>  </body>
 </html>
diff --git a/fll.html b/fll.html
index 751bbb4..3c26a23 100644
--- a/fll.html
+++ b/fll.html
@@ -495,7 +495,7 @@ <h2>Paul Lee</h2>
                 <div class="profile-name">
                   <h2>Luke Sy</h2>
                   <div class="profile-bio">
-                    <b>The Sleepy Head</b>
+                    <b>"I'm Haley's Brother"</b>
                   </div>
                 </div>
               </div>
@@ -512,7 +512,7 @@ <h2>Luke Sy</h2>
                 <div class="profile-name">
                   <h2>Haley Sy</h2>
                   <div class="profile-bio">
-                    <b>Nonexistent Height</b>
+                    <b>"I hate my brother"</b>
                   </div>
                 </div>
               </div>
@@ -529,7 +529,7 @@ <h2>Haley Sy</h2>
                 <div class="profile-name">
                   <h2>Renee Sy</h2>
                   <div class="profile-bio">
-                    <b>The Rat</b>
+                    <b>Apparently Not Related</b>
                   </div>
                 </div>
               </div>
diff --git a/index.html b/index.html
index dd37299..aeeba37 100644
--- a/index.html
+++ b/index.html
@@ -73,6 +73,34 @@
     <link rel="stylesheet" href="assets/css/vanilla-zoom.min.css" />
     <link rel="stylesheet" href="assets/css/bs-theme-overrides.css" />
     <link rel="stylesheet" href="assets/css/index.css" />
+    <style>
+
+      .video-section::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(90deg, #282828b3 25%, #28282800 44%);
+        z-index: 1;
+      }
+
+      .video-section > * {
+        position: relative;
+        z-index: 2;
+      }
+
+
+      .text {
+        text-align: left;
+        position: absolute;
+        left: 10%; /* Adjust as needed */
+        color: #fff; /* Text color */
+        z-index: 2;
+      }
+
+    </style>
   </head>
 
   <body>
@@ -210,9 +238,8 @@
       </div>
     </nav>
     <main class="page landing-page" style="background-color: #00416c">
-
       <section
-        class="border rounded-0 clean-block clean-hero"
+        class="border rounded-0 clean-block clean-hero video-section"
         id="home"
         style="
           background-image: url('./assets/img/fll logo with name new.png');
@@ -221,34 +248,28 @@
         "
       >
         <video
-          width="560"
-          height="315"
+
           style="
             position: absolute;
             top: 50%;
             left: 50%;
             min-width: 100%;
             min-height: 100%;
-            width: auto;
-            height: auto;
+            width: 100%;
+            height: 100%;
             z-index: 0;
             transform: translate(-50%, -50%);
-            object-fit: contain;
+            object-fit: cover;
           "
           autoplay=""
           muted=""
           loop=""
           playsinline=""
         >
-          <source src="./assets/img/VID%20HALLWAY.webm" type="video/webm" />
+          <source src="./assets/img/mainvid.mov" type="video/webm" />
         </video>
         <div
           class="text"
-          style="
-            background-color: rgba(255, 255, 255, 0.7);
-            padding: 20px 80px;
-            border-radius: 10px;
-          "
         >
           <h2
             style="
@@ -258,7 +279,7 @@
               padding-top: 0px;
               padding-bottom: 0px;
               margin-bottom: -36px;
-              color: #365486;
+              color: white;
             "
           >
             Introducing
@@ -268,7 +289,7 @@
               font-family: 'mainPAGE';
               font-size: 105px;
               padding-top: 0px;
-              color: #365486;
+              color: #FED103;
               padding-bottom: 0px;
             "
           >
@@ -283,13 +304,15 @@
               padding-bottom: 0px;
               padding-top: 0px;
               margin-top: -58px;
-              color: #365486;
+              color: white;
             "
           >
             Where Creativity Ignites!
           </p>
         </div>
       </section>
+
+
       <section style="background-color: white">
         <div
           class="container bg-primary-gradient py-5"
@@ -996,41 +1019,7 @@ <h3>Hobby Explorer</h3>
             aria-label="Slide 8"
             class=""
           ></button>
-          <button
-            type="button"
-            data-bs-target="#myCarousel"
-            data-bs-slide-to="8"
-            aria-label="Slide 9"
-            class=""
-          ></button>
-          <button
-            type="button"
-            data-bs-target="#myCarousel"
-            data-bs-slide-to="9"
-            aria-label="Slide 10"
-            class=""
-          ></button>
-          <button
-            type="button"
-            data-bs-target="#myCarousel"
-            data-bs-slide-to="10"
-            aria-label="Slide 11"
-            class=""
-          ></button>
-          <button
-            type="button"
-            data-bs-target="#myCarousel"
-            data-bs-slide-to="11"
-            aria-label="Slide 12"
-            class=""
-          ></button>
-          <button
-            type="button"
-            data-bs-target="#myCarousel"
-            data-bs-slide-to="12"
-            aria-label="Slide 13"
-            class=""
-          ></button>
+
         </div>
         <div class="carousel-inner">
           <div class="carousel-item active">
@@ -1046,15 +1035,14 @@ <h3>Hobby Explorer</h3>
                 class="carousel-caption text-start"
                 style="
                   color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
+                  background-color: rgba(255, 255, 255, 0.8);
                   padding: 25px;
                   border-radius: 5px;
                 "
               >
-                <h1>Wowie a kit !</h1>
+                <h1>Carefully Crafted Kits</h1>
                 <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
+                  Unlock your creativity with our carefully crafted kits designed to inspire and empower.
                 </p>
                 <p>
                   <a class="btn btn-lg btn-primary" href="./product-page.html"
@@ -1069,7 +1057,7 @@ <h1>Wowie a kit !</h1>
               class="bd-placeholder-img"
               width="100%"
               height="100%"
-              src="./assets/img/carousel/haley1.png"
+              src="./assets/img/carousel/creditshop.png"
               alt="Description of the image"
             />
             <div class="container">
@@ -1077,19 +1065,18 @@ <h1>Wowie a kit !</h1>
                 class="carousel-caption text-start"
                 style="
                   color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
+                  background-color: rgba(255, 255, 255, 0.8);
                   padding: 25px;
                   border-radius: 5px;
                 "
               >
-                <h1>Wowie a kit !</h1>
+                <h1>Multiple Rewards Available</h1>
                 <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
+                  Unlock a world of possibilities with multiple rewards
                 </p>
                 <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
+                  <a class="btn btn-lg btn-primary" href="./index.html#subscriptions"
+                    >View Subscriptions</a
                   >
                 </p>
               </div>
@@ -1100,7 +1087,7 @@ <h1>Wowie a kit !</h1>
               class="bd-placeholder-img"
               width="100%"
               height="100%"
-              src="./assets/img/carousel/Sydney-Drawing1.jpg"
+              src="./assets/img/carousel/topics.png"
               alt="Description of the image"
             />
             <div class="container">
@@ -1108,19 +1095,18 @@ <h1>Wowie a kit !</h1>
                 class="carousel-caption text-start"
                 style="
                   color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
+                  background-color: rgba(255, 255, 255, 0.8);
                   padding: 25px;
                   border-radius: 5px;
                 "
               >
-                <h1>Wowie a kit !</h1>
+                <h1>Numerous topics to choose</h1>
                 <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
+                  Explore a plethora of subjects with our diverse range of topics.
                 </p>
                 <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
+                  <a class="btn btn-lg btn-primary" href="./index.html#subscriptions"
+                  >View Subscriptions</a
                   >
                 </p>
               </div>
@@ -1131,7 +1117,7 @@ <h1>Wowie a kit !</h1>
               class="bd-placeholder-img"
               width="100%"
               height="100%"
-              src="./assets/img/carousel/reisha1.png"
+              src="./assets/img/carousel/vids.png"
               alt="Description of the image"
             />
             <div class="container">
@@ -1139,15 +1125,14 @@ <h1>Wowie a kit !</h1>
                 class="carousel-caption text-start"
                 style="
                   color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
+                  background-color: rgba(255, 255, 255, 0.8);
                   padding: 25px;
                   border-radius: 5px;
                 "
               >
-                <h1>Wowie a kit !</h1>
+                <h1>Countless tutorials available</h1>
                 <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
+                  Unlock boundless knowledge with our extensive array of tutorials.
                 </p>
                 <p>
                   <a class="btn btn-lg btn-primary" href="./product-page.html"
@@ -1163,7 +1148,7 @@ <h1>Wowie a kit !</h1>
               class="bd-placeholder-img"
               width="100%"
               height="100%"
-              src="./assets/img/carousel/Carsten-Drawing2.jpg"
+              src="./assets/img/carousel/stepbystep.png"
               alt="Description of the image"
             />
             <div class="container">
@@ -1171,15 +1156,14 @@ <h1>Wowie a kit !</h1>
                 class="carousel-caption text-start"
                 style="
                   color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
+                  background-color: rgba(255, 255, 255, 0.8);
                   padding: 25px;
                   border-radius: 5px;
                 "
               >
-                <h1>Wowie a kit !</h1>
+                <h1>Step by Step Tutorials</h1>
                 <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
+                  Comprehensive videos with the step by step tutorials.
                 </p>
                 <p>
                   <a class="btn btn-lg btn-primary" href="./product-page.html"
@@ -1194,7 +1178,7 @@ <h1>Wowie a kit !</h1>
               class="bd-placeholder-img"
               width="100%"
               height="100%"
-              src="./assets/img/carousel/haley2.png"
+              src="./assets/img/carousel/teampic.jpg"
               alt="Description of the image"
             />
             <div class="container">
@@ -1202,19 +1186,18 @@ <h1>Wowie a kit !</h1>
                 class="carousel-caption text-start"
                 style="
                   color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
+                  background-color: rgba(255, 255, 255, 0.8);
                   padding: 25px;
                   border-radius: 5px;
                 "
               >
-                <h1>Wowie a kit !</h1>
+                <h1>Meet the Team</h1>
                 <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
+                  Teamwork makes the dream work!
                 </p>
                 <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
+                  <a class="btn btn-lg btn-primary" href="./fll.html"
+                    >View FLL page</a
                   >
                 </p>
               </div>
@@ -1225,7 +1208,7 @@ <h1>Wowie a kit !</h1>
               class="bd-placeholder-img"
               width="100%"
               height="100%"
-              src="./assets/img/carousel/Sydney-Drawing2.jpg"
+              src="./assets/img/carousel/subscription.png"
               alt="Description of the image"
             />
             <div class="container">
@@ -1233,19 +1216,18 @@ <h1>Wowie a kit !</h1>
                 class="carousel-caption text-start"
                 style="
                   color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
+                  background-color: rgba(255, 255, 255, 0.8);
                   padding: 25px;
                   border-radius: 5px;
                 "
               >
-                <h1>Wowie a kit !</h1>
+                <h1>Multiple Subscriptions Available</h1>
                 <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
+                  Gaim more access through our multiple subscriptions.
                 </p>
                 <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
+                  <a class="btn btn-lg btn-primary" href="./index.html#subscriptions"
+                  >View Subscriptions</a
                   >
                 </p>
               </div>
@@ -1256,7 +1238,7 @@ <h1>Wowie a kit !</h1>
               class="bd-placeholder-img"
               width="100%"
               height="100%"
-              src="./assets/img/carousel/reisha2.png"
+              src="./assets/img/carousel/app.png"
               alt="Description of the image"
             />
             <div class="container">
@@ -1264,171 +1246,14 @@ <h1>Wowie a kit !</h1>
                 class="carousel-caption text-start"
                 style="
                   color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
+                  background-color: rgba(255, 255, 255, 0.8);
                   padding: 25px;
                   border-radius: 5px;
                 "
               >
-                <h1>Wowie a kit !</h1>
+                <h1>Comprehensive Music App</h1>
                 <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
-                </p>
-                <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
-                  >
-                </p>
-              </div>
-            </div>
-          </div>
-
-          <div class="carousel-item">
-            <img
-              class="bd-placeholder-img"
-              width="100%"
-              height="100%"
-              src="./assets/img/carousel/Carsten-Drawing3.jpg"
-              alt="Description of the image"
-            />
-            <div class="container">
-              <div
-                class="carousel-caption text-start"
-                style="
-                  color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
-                  padding: 25px;
-                  border-radius: 5px;
-                "
-              >
-                <h1>Wowie a kit !</h1>
-                <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
-                </p>
-                <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
-                  >
-                </p>
-              </div>
-            </div>
-          </div>
-          <div class="carousel-item">
-            <img
-              class="bd-placeholder-img"
-              width="100%"
-              height="100%"
-              src="./assets/img/carousel/haley3.png"
-              alt="Description of the image"
-            />
-            <div class="container">
-              <div
-                class="carousel-caption text-start"
-                style="
-                  color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
-                  padding: 25px;
-                  border-radius: 5px;
-                "
-              >
-                <h1>Wowie a kit !</h1>
-                <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
-                </p>
-                <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
-                  >
-                </p>
-              </div>
-            </div>
-          </div>
-          <div class="carousel-item">
-            <img
-              class="bd-placeholder-img"
-              width="100%"
-              height="100%"
-              src="./assets/img/carousel/Sydney-Drawing3.JPG"
-              alt="Description of the image"
-            />
-            <div class="container">
-              <div
-                class="carousel-caption text-start"
-                style="
-                  color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
-                  padding: 25px;
-                  border-radius: 5px;
-                "
-              >
-                <h1>Wowie a kit !</h1>
-                <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
-                </p>
-                <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
-                  >
-                </p>
-              </div>
-            </div>
-          </div>
-          <div class="carousel-item">
-            <img
-              class="bd-placeholder-img"
-              width="100%"
-              height="100%"
-              src="./assets/img/carousel/Carsten-Drawing4.jpg"
-              alt="Description of the image"
-            />
-            <div class="container">
-              <div
-                class="carousel-caption text-start"
-                style="
-                  color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
-                  padding: 25px;
-                  border-radius: 5px;
-                "
-              >
-                <h1>Wowie a kit !</h1>
-                <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
-                </p>
-                <p>
-                  <a class="btn btn-lg btn-primary" href="./product-page.html"
-                    >Buy Kits</a
-                  >
-                </p>
-              </div>
-            </div>
-          </div>
-          <div class="carousel-item">
-            <img
-              class="bd-placeholder-img"
-              width="100%"
-              height="100%"
-              src="./assets/img/carousel/Sydney-Drawing4.JPG"
-              alt="Description of the image"
-            />
-            <div class="container">
-              <div
-                class="carousel-caption text-start"
-                style="
-                  color: black;
-                  background-color: rgba(255, 255, 255, 0.6);
-                  padding: 25px;
-                  border-radius: 5px;
-                "
-              >
-                <h1>Wowie a kit !</h1>
-                <p>
-                  Some representative placeholder content for the first slide of
-                  the carousel.
+                  This app is the only thing you'll ever need for your musical journey.
                 </p>
                 <p>
                   <a class="btn btn-lg btn-primary" href="./product-page.html"
@@ -2056,12 +1881,8 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
           scrollTo: { y: "#subscriptions", offsetY: 70 },
         });
       });
-    </script>
+      $(".loading").hide();
 
-    <script>
-      $(window).on("load", function () {
-        $(".loading").hide();
-      });
     </script>
   </body>
 </html>
diff --git a/specificactivity.html b/specificactivity.html
index 31f32ae..77d9aed 100644
--- a/specificactivity.html
+++ b/specificactivity.html
@@ -171,7 +171,7 @@
             "
           ></div>
           <a
-                  class="btn  bg-primary border rounded-pill border-3 shopping-creds-button"
+                  class="btn creds-shop-button bg-primary border rounded-pill border-3 shopping-creds-button"
                   role="button"
                   style="
               position: relative;
@@ -419,6 +419,16 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
                         '              <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 6 6 0 0 1 3.13-1.567"/>\n' +
                         '            </svg>').append(creditsText);
               })
-              .catch(error => console.error('Error:', error));  </script>
+              .catch(error => console.error('Error:', error));
+      fetch("https://ap-southeast-1.aws.data.mongodb-api.com/app/data-duebb/endpoint/getaccess?arg1=" + userId)
+              .then(response => response.json())
+              .then(data => {
+                let access = data;
+                if (access === true) {
+                  $(".creds-shop-button").addClass("disabled");
+                }
+              })
+              .catch(error => console.error('Error:', error));
+  </script>
   </body>
 </html>
diff --git a/success.html b/success.html
index 89732dc..00300d1 100644
--- a/success.html
+++ b/success.html
@@ -175,7 +175,7 @@
             "
       ></div>
       <a
-              class="btn  bg-primary border rounded-pill border-3 shopping-creds-button"
+              class="btn creds-shop-button bg-primary border rounded-pill border-3 shopping-creds-button"
               role="button"
               style="
               position: relative;
@@ -416,6 +416,16 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
           .catch(error => {
             console.error('Error:', error);
             $(".loading").hide();
-          });  </script>
+          });
+  fetch("https://ap-southeast-1.aws.data.mongodb-api.com/app/data-duebb/endpoint/getaccess?arg1=" + userId)
+          .then(response => response.json())
+          .then(data => {
+            let access = data;
+            if (access === true) {
+              $(".creds-shop-button").addClass("disabled");
+            }
+          })
+          .catch(error => console.error('Error:', error));
+</script>
 </body>
 </html>