ta bem legal, agora tira o "more website eamples" - Follow Up Deployment

index.html

@@ -117,7 +117,42 @@
                 </div>
             </div>
             <div class="md:w-1/2 flex justify-center">
-                <img src="https://cdn.pixabay.com/photo/2019/07/14/16/27/pen-4337521_1280.png" alt="Website development" class="w-full max-w-md floating">
+                <div class="relative w-full max-w-md">
+                    <div class="floating">
+                        <div class="grid grid-cols-2 gap-2">
+                            <!-- Restaurant Example -->
+                            <div class="bg-white rounded-lg shadow-md overflow-hidden">
+                                <img src="https://images.unsplash.com/photo-1555396273-367ea4eb4db5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" 
+                                     alt="Restaurant website example" 
+                                     class="w-full h-full object-cover">
+                                <div class="absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-20 transition duration-300 flex items-center justify-center opacity-0 hover:opacity-100">
+                                    <span class="text-white font-bold text-lg">Restaurante</span>
+                                </div>
+                            </div>
+                            
+                            <!-- Dental Clinic Example -->
+                            <div class="bg-white rounded-lg shadow-md overflow-hidden">
+                                <img src="https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" 
+                                     alt="Dental clinic website example" 
+                                     class="w-full h-full object-cover">
+                                <div class="absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-20 transition duration-300 flex items-center justify-center opacity-0 hover:opacity-100">
+                                    <span class="text-white font-bold text-lg">Clínica Odontológica</span>
+                                </div>
+                            </div>
+                            
+                            <!-- Barbershop Example -->
+                            <div class="bg-white rounded-lg shadow-md overflow-hidden">
+                                <img src="https://images.unsplash.com/photo-1595476108010-b4d1f102b1b1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" 
+                                     alt="Barbershop website example" 
+                                     class="w-full h-full object-cover">
+                                <div class="absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-20 transition duration-300 flex items-center justify-center opacity-0 hover:opacity-100">
+                                    <span class="text-white font-bold text-lg">Barbearia</span>
+                                </div>
+                            </div>
+                            
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </section>