Aquí tienes el código completo en formato de texto para que puedas copiarlo y pegarlo fácilmente:

<!-- Hero Section -->
<div class="relative overflow-hidden bg-gradient-to-r from-pink-500 to-red-500 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24 relative z-10">
        <div class="text-center">
            <!-- Personaliza este texto con el nombre de tu marca -->
            <h1 class="heading text-4xl md:text-6xl font-bold mb-4">Dulce Amor para Mamá</h1>
            <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Fresas cubiertas de chocolate, el regalo perfecto para celebrar a la mujer más especial en su día</p>
            <div class="inline-block animate-bounce bg-white text-red-500 font-semibold py-3 px-8 rounded-full shadow-lg">
                <span class="flex items-center">
                    <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path>
                    </svg>
                    Edición Especial Día de la Madre
                </span>
            </div>
        </div>
    </div>
    
    <!-- Decorative elements -->
    <div class="absolute top-0 left-0 w-full h-full overflow-hidden opacity-10">
        <svg class="absolute top-0 left-0" width="400" height="400" viewBox="0 0 200 200">
            <path fill="white" d="M42.7,-57.2C53.1,-45.7,58.9,-30.5,62.3,-14.8C65.7,0.9,66.8,17.2,60.2,29.3C53.7,41.5,39.5,49.5,24.8,55.8C10.1,62.1,-5.1,66.6,-20.9,64.4C-36.7,62.1,-53.1,53.1,-62.3,38.8C-71.5,24.5,-73.5,5,-68.3,-11.7C-63.1,-28.4,-50.7,-42.3,-36.8,-53.2C-22.9,-64.1,-7.4,-72.1,7.2,-80.5C21.9,-88.9,43.8,-97.7,59.3,-94.1C74.8,-90.5,83.9,-74.5,83.4,-58.5C82.9,-42.5,72.9,-26.6,63.4,-13.1C53.9,0.4,45,11.5,38.7,23.5C32.4,35.5,28.8,48.5,20.7,57.8C12.7,67.1,0.2,72.7,-12.2,71.1C-24.5,69.5,-36.8,60.7,-45.9,49.7C-55,38.7,-60.9,25.5,-65.3,11.1C-69.7,-3.3,-72.5,-18.9,-67.6,-31.7C-62.7,-44.5,-50,-54.5,-36.6,-65.3C-23.2,-76.2,-9.1,-87.9,3.9,-92.7C16.9,-97.5,33.8,-95.5,42.7,-84.1C51.6,-72.7,52.5,-51.9,52.2,-35.6C51.9,-19.3,50.4,-7.4,53.8,6.7C57.2,20.8,65.5,37.1,62.4,47.8C59.3,58.5,44.9,63.6,31.1,62.4C17.3,61.2,4.1,53.7,-8.9,49.9C-21.9,46.1,-34.7,46,-45.6,40.5C-56.5,35,-65.5,24.1,-69.8,11.2C-74.1,-1.8,-73.7,-16.8,-67.8,-29.2C-61.9,-41.6,-50.4,-51.3,-37.8,-57.8C-25.1,-64.3,-11.3,-67.5,1.2,-69.1C13.7,-70.7,26.1,-70.7,42.7,-57.2Z" transform="translate(100 100)" />
        </svg>
        <svg class="absolute bottom-0 right-0" width="400" height="400" viewBox="0 0 200 200">
            <path fill="white" d="M38.5,-47.1C52.9,-36.1,69.8,-25.8,73.5,-12.1C77.2,1.7,67.8,18.9,56.9,33.5C46,48.1,33.7,60.1,18.4,68.5C3.1,76.9,-15.1,81.7,-30.9,76.2C-46.7,70.7,-60.1,55,-68.1,37.4C-76.1,19.8,-78.8,0.3,-73.9,-16.5C-69,-33.3,-56.6,-47.5,-42.1,-58.5C-27.6,-69.5,-10.9,-77.3,1.4,-79C13.7,-80.7,24.1,-58.1,38.5,-47.1Z" transform="translate(100 100)" />
        </svg>
    </div>
</div>

<!-- Featured Products -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
    <div class="text-center mb-16">
        <h2 class="heading text-3xl md:text-4xl font-bold text-gray-800 mb-4">Nuestras Creaciones Especiales</h2>
        <p class="text-lg text-gray-600 max-w-2xl mx-auto">Cada fresa es seleccionada cuidadosamente y decorada a mano con los más finos chocolates para sorprender a mamá</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <!-- Product 1 -->
        <div class="product-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300 relative">
            <div class="ribbon">
                <span class="ribbon-content">Más Vendido</span>
            </div>
            <div class="h-64 overflow-hidden">
                <!-- Reemplaza este div con tu imagen real -->
                <div class="image-placeholder h-full w-full">
                    <span>Imagen de Ramo de Fresas Clásicas</span>
                </div>
                <!-- Cuando tengas la imagen, usa esto: -->
                <!-- <img src="ruta-a-tu-imagen.jpg" alt="Ramo de Fresas Clásicas" class="product-image"> -->
            </div>
            <div class="p-6">
                <h3 class="heading text-xl font-bold text-gray-800 mb-2">Ramo de Fresas Clásicas</h3>
                <p class="text-gray-600 mb-4">12 fresas jugosas bañadas en chocolate belga y decoradas con hilos de chocolate blanco</p>
                <div class="flex justify-between items-center">
                    <span class="text-2xl font-bold text-pink-600">$299</span>
                    <button class="bg-pink-500 hover:bg-pink-600 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-300 flex items-center">
                        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
                        </svg>
                        Agregar
                    </button>
                </div>
            </div>
        </div>

        <!-- Product 2 -->
        <div class="product-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300">
            <div class="h-64 overflow-hidden">
                <!-- Reemplaza este div con tu imagen real -->
                <div class="image-placeholder h-full w-full">
                    <span>Imagen de Corazón de Fresas</span>
                </div>
                <!-- Cuando tengas la imagen, usa esto: -->
                <!-- <img src="ruta-a-tu-imagen.jpg" alt="Corazón de Fresas" class="product-image"> -->
            </div>
            <div class="p-6">
                <h3 class="heading text-xl font-bold text-gray-800 mb-2">Corazón de Fresas</h3>
                <p class="text-gray-600 mb-4">Arreglo en forma de corazón con 24 fresas cubiertas de chocolate negro, blanco y rosa</p>
                <div class="flex justify-between items-center">
                    <span class="text-2xl font-bold text-pink-600">$399</span>
                    <button class="bg-pink-500 hover:bg-pink-600 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-300 flex items-center">
                        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
                        </svg>
                        Agregar
                    </button>
                </div>
            </div>
        </div>

        <!-- Product 3 -->
        <div class="product-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300">
            <div class="h-64 overflow-hidden">
                <!-- Reemplaza este div con tu imagen real -->
                <div class="image-placeholder h-full w-full">
                    <span>Imagen de Caja Deluxe Dorada</span>
                </div>
                <!-- Cuando tengas la imagen, usa esto: -->
                <!-- <img src="ruta-a-tu-imagen.jpg" alt="Caja Deluxe Dorada" class="product-image"> -->
            </div>
            <div class="p-6">
                <h3 class="heading text-xl font-bold text-gray-800 mb-2">Caja Deluxe Dorada</h3>
                <p class="text-gray-600 mb-4">18 fresas premium decoradas con oro comestible y detalles de chocolate gourmet</p>
                <div class="flex justify-between items-center">
                    <span class="text-2xl font-bold text-pink-600">$499</span>
                    <button class="bg-pink-500 hover:bg-pink-600 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-300 flex items-center">
                        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
                        </svg>
                        Agregar
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Special Offer -->
<div class="bg-gradient-to-r from-red-500 to-pink-500 py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="bg-white rounded-2xl shadow-xl overflow-hidden">
            <div class="md:flex">
                <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
                    <div class="inline-block bg-pink-100 text-pink-600 font-semibold px-4 py-2 rounded-full mb-4">Oferta Especial</div>
                    <h2 class="heading text-3xl md:text-4xl font-bold text-gray-800 mb-4">¡Sorprende a Mamá!</h2>
                    <p class="text-gray-600 mb-6">Por tiempo limitado, recibe un 15% de descuento en cualquier pedido y entrega gratuita para el Día de la Madre.</p>
                    <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4">
                        <button class="bg-pink-500 hover:bg-pink-600 text-white font-medium py-3 px-6 rounded-lg transition-colors duration-300">
                            Ver Colección
                        </button>
                        <button class="border-2 border-pink-500 text-pink-500 hover:bg-pink-50 font-medium py-3 px-6 rounded-lg transition-colors duration-300">
                            Más Información
                        </button>
                    </div>
                </div>
                <div class="md:w-1/2 bg-pink-100 flex items-center justify-center p-8">
                    <!-- Reemplaza este div con tu imagen real -->
                    <div class="w-64 h-64 bg-white rounded-full shadow-lg flex items-center justify-center">
                        <div class="image-placeholder h-full w-full rounded-full">
                            <span>Imagen de Oferta Especial</span>
                        </div>
                        <!-- Cuando tengas la imagen, usa esto: -->
                        <!-- <img src="ruta-a-tu-imagen.jpg" alt="Oferta Especial" class="w-full h-full object-cover rounded-full"> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Collection Grid -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
    <div class="text-center mb-16">
        <h2 class="heading text-3xl md:text-4xl font-bold text-gray-800 mb-4">Colecciones Especiales</h2>
        <p class="text-lg text-gray-600 max-w-2xl mx-auto">Descubre nuestras colecciones temáticas diseñadas especialmente para celebrar a mamá</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
        <div class="group relative overflow-hidden rounded-xl shadow-lg h-80 cursor-pointer">
            <!-- Reemplaza este div con tu imagen real -->
            <div class="absolute inset-0 bg-gradient-to-br from-pink-400 to-red-500">
                <div class="image-placeholder h-full w-full">
                    <span>Imagen de Colección Romántica</span>
                </div>
                <!-- Cuando tengas la imagen, usa esto: -->
                <!-- <img src="ruta-a-tu-imagen.jpg" alt="Colección Romántica" class="w-full h-full object-cover"> -->
            </div>
            <div class="absolute inset-0 flex flex-col items-center justify-center text-white p-8 z-10">
                <h3 class="heading text-2xl md:text-3xl font-bold mb-2">Colección Romántica</h3>
                <p class="text-center mb-6 max-w-xs">Fresas decoradas con motivos románticos y elegantes</p>
                <span class="bg-white text-pink-500 font-semibold py-2 px-6 rounded-full shadow-lg group-hover:bg-pink-50 transition-colors duration-300">Ver Colección</span>
            </div>
            <div class="absolute inset-0 bg-black opacity-20 group-hover:opacity-30 transition-opacity duration-300"></div>
        </div>

        <div class="group relative overflow-hidden rounded-xl shadow-lg h-80 cursor-pointer">
            <!-- Reemplaza este div con tu imagen real -->
            <div class="absolute inset-0 bg-gradient-to-br from-purple-400 to-indigo-500">
                <div class="image-placeholder h-full w-full">
                    <span>Imagen de Colección Luxury</span>
                </div>
                <!-- Cuando tengas la imagen, usa esto: -->
                <!-- <img src="ruta-a-tu-imagen.jpg" alt="Colección Luxury" class="w-full h-full object-cover"> -->
            </div>
            <div class="absolute inset-0 flex flex-col items-center justify-center text-white p-8 z-10">
                <h3 class="heading text-2xl md:text-3xl font-bold mb-2">Colección Luxury</h3>
                <p class="text-center mb-6 max-w-xs">Fresas premium con acabados dorados y decoraciones exclusivas</p>
                <span class="bg-white text-purple-500 font-semibold py-2 px-6 rounded-full shadow-lg group-hover:bg-purple-50 transition-colors duration-300">Ver Colección</span>
            </div>
            <div class="absolute inset-0 bg-black opacity-20 group-hover:opacity-30 transition-opacity duration-300"></div>
        </div>
    </div>
</div>

<!-- Personalización de Productos -->
<div class="bg-pink-50 py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="heading text-3xl md:text-4xl font-bold text-gray-800 mb-4">Personaliza Tu Regalo</h2>
            <p class="text-lg text-gray-600 max-w-2xl mx-auto">Crea un regalo único para mamá con nuestras opciones de personalización</p>
        </div>

        <div class="bg-white rounded-2xl shadow-xl overflow-hidden">
            <div class="md:flex">
                <div class="md:w-1/2 p-8 md:p-12">
                    <h3 class="heading text-2xl font-bold text-gray-800 mb-4">Opciones de Personalización</h3>
                    <ul class="space-y-4 mb-6">
                        <li class="flex items-start">
                            <svg class="w-6 h-6 text-pink-500 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <div>
                                <h4 class="font-semibold text-gray-800">Mensaje Personalizado</h4>
                                <p class="text-gray-600">Incluye una tarjeta con tu mensaje especial para mamá</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <svg class="w-6 h-6 text-pink-500 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <div>
                                <h4 class="font-semibold text-gray-800">Decoraciones Especiales</h4>
                                <p class="text-gray-600">Elige entre diferentes decoraciones y toppings exclusivos</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <svg class="w-6 h-6 text-pink-500 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <div>
                                <h4 class="font-semibold text-gray-800">Empaque Premium</h4>
                                <p class="text-gray-600">Selecciona entre nuestras cajas y empaques de lujo</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <svg class="w-6 h-6 text-pink-500 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <div>
                                <h4 class="font-semibold text-gray-800">Combinaciones Únicas</h4>
                                <p class="text-gray-600">Crea tu propia combinación de sabores y decoraciones</p>
                            </div>
                        </li>
                    </ul>
                    <button class="bg-pink-500 hover:bg-pink-600 text-white font-medium py-3 px-6 rounded-lg transition-colors duration-300">
                        Personalizar Ahora
                    </button>
                </div>
                <div class="md:w-1/2 bg-pink-100">
                    <!-- Reemplaza este div con tu imagen real -->
                    <div class="image-placeholder h-full w-full">
                        <span>Imagen de Personalización</span>
                    </div>
                    <!-- Cuando tengas la imagen, usa esto: -->
                    <!-- <img src="ruta-a-tu-imagen.jpg" alt="Personalización" class="w-full h-full object-cover"> -->
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Testimonials -->
<div class="bg-white py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="heading text-3xl md:text-4xl font-bold text-gray-800 mb-4">Lo Que Dicen Nuestros Clientes</h2>
            <p class="text-lg text-gray-600 max-w-2xl mx-auto">Descubre por qué nuestras fresas con chocolate son el regalo perfecto para mamá</p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div class="bg-pink-50 p-6 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <div class="text-yellow-400 flex">
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                    </div>
                </div>
                <p class="text-gray-600 mb-4">"Las fresas estaban perfectas, frescas y la decoración era hermosa. Mi mamá quedó encantada con el detalle. ¡Definitivamente volveré a comprar!"</p>
                <div class="flex items-center">
                    <!-- Reemplaza este div con la foto del cliente si la tienes -->
                    <div class="w-10 h-10 rounded-full bg-pink-200 flex items-center justify-center text-pink-600 font-bold">L</div>
                    <div class="ml-3">
                        <h4 class="font-semibold text-gray-800">Laura Méndez</h4>
                        <p class="text-sm text-gray-500">Cliente Frecuente</p>
                    </div>
                </div>
            </div>

            <div class="bg-pink-50 p-6 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <div class="text-yellow-400 flex">
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                    </div>
                </div>
                <p class="text-gray-600 mb-4">"La presentación es espectacular y el sabor inigualable. Llegaron a tiempo y en perfectas condiciones. Mi madre estaba feliz con su regalo sorpresa."</p>
                <div class="flex items-center">
                    <!-- Reemplaza este div con la foto del cliente si la tienes -->
                    <div class="w-10 h-10 rounded-full bg-purple-200 flex items-center justify-center text-purple-600 font-bold">C</div>
                    <div class="ml-3">
                        <h4 class="font-semibold text-gray-800">Carlos Jiménez</h4>
                        <p class="text-sm text-gray-500">Cliente Nuevo</p>
                    </div>
                </div>
            </div>

            <div class="bg-pink-50 p-6 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <div class="text-yellow-400 flex">
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                        </svg>
                    </div>
                </div>
                <p class="text-gray-600 mb-4">"El servicio fue excelente y las fresas estaban deliciosas. La caja Deluxe Dorada superó mis expectativas. Un regalo elegante y delicioso."</p>
                <div class="flex items-center">
                    <!-- Reemplaza este div con la foto del cliente si la tienes -->
                    <div class="w-10 h-10 rounded-full bg-red-200 flex items-center justify-center text-red-600 font-bold">M</div>
                    <div class="ml-3">
                        <h4 class="font-semibold text-gray-800">María González</h4>
                        <p class="text-sm text-gray-500">Cliente Frecuente</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- CTA Section -->
<div class="bg-gradient-to-r from-pink-500 to-red-500 py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h2 class="heading text-3xl md:text-4xl font-bold text-white mb-6">¡Haz tu pedido ahora!</h2>
        <p class="text-xl text-white opacity-90 mb-8 max-w-2xl mx-auto">Sorprende a mamá con el regalo más dulce y delicioso en su día especial</p>
        <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
            <button class="bg-white text-pink-500 hover:bg-pink-50 font-semibold py-3 px-8 rounded-full shadow-lg transition-colors duration-300">
                Ver Catálogo Completo
            </button>
            <button class="bg-transparent border-2 border-white text-white hover:bg-white hover:text-pink-500 font-semibold py-3 px-8 rounded-full shadow-lg transition-colors duration-300">
                Contactar Ahora
            </button>
        </div>
    </div>
</div>

<!-- Footer -->
<footer class="bg-gray-900 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
            <div class="md:col-span-1">
                <!-- Reemplaza este div con tu logo -->
                <div class="w-40 h-10 bg-gray-800 flex items-center justify-center text-white rounded mb-4">
                    Tu Logo Aquí
                </div>
                <p class="text-gray-400 mb-4">Fresas con chocolate gourmet para ocasiones especiales