Update index.html

index.html

@@ -65,16 +65,6 @@
             cursor: pointer;
             font-size: 1em;
         }
-        .slide first {
-            background-color: #fff; /* Tailwind purple-600 */
-            color: #000;
-            padding: 10px 20px;
-            margin-top: 20px;
-            border: none;
-            border-radius: 8px;
-            cursor: pointer;
-            font-size: 0.5em;
-        }
         .slide button:hover {
             background-color: #6D28D9; /* Tailwind purple-700 */
         }
@@ -87,9 +77,9 @@
     <div class="slider">
         <!-- Slide 1 -->
         <div class="slide" id="slide-1">
-            <div class="text-xl font-semibold text-white">tripleS</div>
+            <div class="text-xl font-semibold text-red-600">tripleS</div>
             <div class="text-sm text-red-400">Cream01 First</div>
-            <first>First</first>
+            <p>First</p>
             <p class="text-white text-opacity-50 text-xs">101Z-108Z (8 types)</p>
             <img src="https://placehold.co/200x200.png?text=Product+Image&fontsize=18" alt="tripleS Cream01 First product packaging with label FIRST Co1 tripleS" />
             <p class="text-white mt-2">KRW 4,400</p>