Update src/app/product/[id]/page.tsx

src/app/product/[id]/page.tsx

@@ -97,7 +97,7 @@ export default function ProductDetailPage() {
             buttonAnimation="slide-up"
             mediaItems={[
               { videoSrc: productData.videoSrc, imageSrc: productData.imageSrc, imageAlt: productData.name },
-              ...productData.gallery
+              { imageSrc: productData.gallery[0].imageSrc, imageAlt: productData.gallery[0].imageAlt }
             ]}
             mediaAnimation="opacity"
             rating={5}
@@ -111,9 +111,8 @@ export default function ProductDetailPage() {
             tag="Detalles del Producto"
             title="Información Completa"
             buttons={[]}
-          >
-            <p className="mt-4 text-base text-gray-600 dark:text-gray-300">{productData.fullDetails}</p>
-          </TextAbout>
+          />
+          <p className="mt-4 text-base text-gray-600 dark:text-gray-300">{productData.fullDetails}</p>
         </div>
 
         <div id="size-guide" data-section="size-guide">
@@ -122,9 +121,8 @@ export default function ProductDetailPage() {
             tag="Guía Esencial"
             title="Encuentra Tu Talla Perfecta"
             buttons={[]}
-          >
-            <p className="mt-4 text-base text-gray-600 dark:text-gray-300">{productData.sizeGuide}</p>
-          </TextAbout>
+          />
+          <p className="mt-4 text-base text-gray-600 dark:text-gray-300">{productData.sizeGuide}</p>
         </div>
 
         <div id="customer-reviews" data-section="customer-reviews">
@@ -164,12 +162,11 @@ export default function ProductDetailPage() {
             tag="Nuestra Promesa"
             title="Garantía de Satisfacción SAINTS DEN"
             buttons={[]}
-          >
-            <div className="mt-4 flex items-center gap-2 text-base text-gray-600 dark:text-gray-300">
-              <CheckCircle className="text-green-500 w-5 h-5" />
-              <p>{productData.guarantee}</p>
-            </div>
-          </TextAbout>
+          />
+          <div className="mt-4 flex items-center gap-2 text-base text-gray-600 dark:text-gray-300">
+            <CheckCircle className="text-green-500 w-5 h-5" />
+            <p>{productData.guarantee}</p>
+          </div>
         </div>
 
         <div id="footer" data-section="footer">