ok

src/pages/LinktreePage.module.css

@@ -12,7 +12,7 @@
   display: flex;
   flex-direction: column;
   justify-content: start;
-  background-color: rgb(193 201 134);
+  background-color: rgb(255 255 255);
   position: relative;
 }
 
@@ -53,6 +53,10 @@
   animation: swipeUp 12s infinite;
 }
 
+.swipeCreditsContent {
+  animation: swipeUpCredits 12s infinite;
+}
+
 .swipeItem {
   overflow: hidden;
   height: 75px;
@@ -90,6 +94,53 @@
   }
 }
 
+@keyframes swipeUpCredits {
+
+  0%,
+  5% {
+    transform: translateY(0);
+  }
+
+  10%,
+  15% {
+    transform: translateY(-11.1%);
+  }
+
+  20%,
+  25% {
+    transform: translateY(-22.2%);
+  }
+
+  30%,
+  35% {
+    transform: translateY(-33.3%);
+  }
+
+  40%,
+  45% {
+    transform: translateY(-44.4%);
+  }
+  
+  50%,
+  55% {
+    transform: translateY(-55.5%);
+  }
+
+  60%,
+  65% {
+    transform: translateY(-66.6%);
+  }
+
+  70%,
+  75% {
+    transform: translateY(-77.7%);
+  }
+
+  80%,
+  85% {
+    transform: translateY(-88.8%);
+  }
+}
 /* Sub Heading */
 .subHeading {
   font-weight: 400;
@@ -417,6 +468,7 @@
 
 .header {
   background-color: white;
+  border-bottom: 1px solid gray;
   top: 0;
   width: 100%;
   height: calc(25vh - 25px);
@@ -435,7 +487,8 @@
 }
 
 .headerCard {
-  background-color: #779f94;
+  background-color: white;
+  border: 1px solid gray;
   position: relative;
   width: 90%;
   border-radius: 20px;
@@ -447,23 +500,22 @@
   width: 100%;
   height: 100%;
   align-items: center;
-  justify-content: center; /* Center the content */
+  justify-content: space-evenly;
 }
 
 .cardImg {
   border-radius: 20px;
   font-size: 15px;
   text-align: center;
-  margin: 10px;
-  padding: 5px;
   height: 100%;
   place-content: center;
-
+  color: black;
+  width: 110px;
 }
 
 .cardImg img {
-  width: 100%;
-  height: auto;
+  width: 56.27px;
+  height: 56.27px;
   max-width: 85px;
   object-fit: contain;
   border-radius: 50%; /* Keep the circular shape */
@@ -478,8 +530,8 @@
   border-radius: 20px;
   font-size: 15px;
   text-align: center;
-  margin: 10px;
-  padding: 5px;
+  color: black;
+  width: 110px;
 }
 .dashboardBody {
   padding-left: 5vw;
@@ -500,6 +552,7 @@
   bottom: 0;
   position: absolute;
   width: 100%;
+  height: 165px;
 }
 
 .cafeListHeader {