<div class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-gray-50 py-6 sm:py-12"> <div class="absolute inset-0 bg-center [mask-image:linear-gradient(180deg,white,rgba(255,255,255,0))]"></div> <div class="relative bg-white px-6 pt-10 pb-8 shadow-xl ring-1 ring-gray-900/5 sm:mx-auto sm:max-w-lg sm:rounded-lg sm:px-10"> <div class="mx-auto max-w-md"> <h1 class="text-2xl font-bold mb-6 text-center">Bottle Packaging Design</h1> <div class="mb-4"> <img src="https://placehold.co/300x400" alt="Bottle" class="w-full h-auto rounded-lg shadow-md"> </div> <div class="mb-4"> <h2 class="text-xl font-semibold">Product Name</h2> <p class="text-gray-700">Refreshing Spring Water</p> </div> <div class="mb-4"> <h2 class="text-xl font-semibold">Description</h2> <p class="text-gray-700">Pure and natural spring water sourced from the heart of the mountains. Perfect for hydration and refreshment.</p> </div> <div class="mb-4"> <h2 class="text-xl font-semibold">Ingredients</h2> <p class="text-gray-700">100% Natural Spring Water</p> </div> <div class="mb-4"> <h2 class="text-xl font-semibold">Nutritional Information</h2> <ul class="list-disc list-inside text-gray-700"> <li>Calories: 0</li> <li>Sodium: 0mg</li> <li>Carbohydrates: 0g</li> <li>Protein: 0g</li> </ul> </div> <div class="mb-4"> <h2 class="text-xl font-semibold">Contact Information</h2> <p class="text-gray-700">For inquiries, contact us at: <a href="mailto:info@bottlecompany.com" class="text-blue-500 hover:underline">info@bottlecompany.com</a></p> </div> <div class="flex justify-center"> <button class="bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Order Now</button> </div> </div> </div> </div>
v