remove contact information
Browse files- customize.html +2 -31
customize.html
CHANGED
|
@@ -139,30 +139,7 @@
|
|
| 139 |
class="block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
|
| 140 |
placeholder="Any special requests or notes for your order..."></textarea>
|
| 141 |
</div>
|
| 142 |
-
|
| 143 |
-
<!-- Contact Information -->
|
| 144 |
-
<div class="mb-8">
|
| 145 |
-
<h3 class="text-lg font-medium text-gray-900 mb-3">Contact Information</h3>
|
| 146 |
-
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 147 |
-
<div>
|
| 148 |
-
<label for="fullName" class="block text-sm font-medium text-gray-700">Full Name</label>
|
| 149 |
-
<input type="text" id="fullName" required
|
| 150 |
-
class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
|
| 151 |
-
</div>
|
| 152 |
-
<div>
|
| 153 |
-
<label for="phone" class="block text-sm font-medium text-gray-700">Phone Number</label>
|
| 154 |
-
<input type="tel" id="phone"
|
| 155 |
-
class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
|
| 156 |
-
</div>
|
| 157 |
-
<div class="md:col-span-2">
|
| 158 |
-
<label for="address" class="block text-sm font-medium text-gray-700">Shipping Address</label>
|
| 159 |
-
<textarea id="address" rows="2" required
|
| 160 |
-
class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></textarea>
|
| 161 |
-
</div>
|
| 162 |
-
</div>
|
| 163 |
-
</div>
|
| 164 |
-
|
| 165 |
-
<!-- Submit Button -->
|
| 166 |
<div class="pt-4 border-t border-gray-200">
|
| 167 |
<button id="submitRequestBtn"
|
| 168 |
class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all duration-200">
|
|
@@ -253,13 +230,7 @@ const urlParams = new URLSearchParams(window.location.search);
|
|
| 253 |
});
|
| 254 |
|
| 255 |
document.getElementById('submitRequestBtn').addEventListener('click', function() {
|
| 256 |
-
|
| 257 |
-
if (!document.getElementById('fullName').value || !document.getElementById('address').value) {
|
| 258 |
-
alert('Please fill in all required fields (Name and Address)');
|
| 259 |
-
return;
|
| 260 |
-
}
|
| 261 |
-
|
| 262 |
-
// In a real app, you would send this data to the server
|
| 263 |
alert('Customization request submitted successfully! Our team will review your request and contact you soon.');
|
| 264 |
|
| 265 |
// Redirect to confirmation page or back to products
|
|
|
|
| 139 |
class="block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
|
| 140 |
placeholder="Any special requests or notes for your order..."></textarea>
|
| 141 |
</div>
|
| 142 |
+
<!-- Submit Button -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 143 |
<div class="pt-4 border-t border-gray-200">
|
| 144 |
<button id="submitRequestBtn"
|
| 145 |
class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all duration-200">
|
|
|
|
| 230 |
});
|
| 231 |
|
| 232 |
document.getElementById('submitRequestBtn').addEventListener('click', function() {
|
| 233 |
+
// In a real app, you would send this data to the server
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 234 |
alert('Customization request submitted successfully! Our team will review your request and contact you soon.');
|
| 235 |
|
| 236 |
// Redirect to confirmation page or back to products
|