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

This commit is contained in:
2026-06-11 10:21:46 +00:00
parent f586cd970f
commit d62e54f764

View File

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