feat: ensure consistent call/text phone number across all pages

formsubmit-quote-form.html

@@ -0,0 +1,142 @@
+<!-- Consistent Call/Text Contact Block -->
+<div class="w-full flex flex-col items-center mb-6">
+    <a href="tel:+17153212825" class="text-2xl font-bold text-amber-400 hover:text-amber-300 transition-colors">Call or
+        Text: (715) 321-2825</a>
+    <span class="text-green-200 text-sm mt-1">Fastest response for quotes & questions</span>
+</div>
+<!-- BuckRub Taxidermy Quote Request Form (Formsubmit.co) -->
+<form action="https://formsubmit.co/cwcoach@yahoo.com" method="POST"
+    class="max-w-lg mx-auto bg-green-900/80 p-6 rounded-xl shadow-lg space-y-4">
+    <input type="hidden" name="_cc" value="dondlingergeneralcontracting@gmail.com">
+    <input type="hidden" name="_captcha" value="false">
+    <input type="hidden" name="_template" value="table">
+    <h2 class="text-2xl font-bold text-green-200 mb-4">Request a Quote</h2>
+    <p class="text-green-100 mb-4">Get a fast, friendly quote! Tell us about your project and how we can help you.
+    </p>
+    <div>
+        <label for="name" class="block text-green-100 font-semibold mb-1">Name</label>
+        <input type="text" id="name" name="name" required
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white" placeholder="Your Name">
+    </div>
+    <div>
+        <label for="email" class="block text-green-100 font-semibold mb-1">Email</label>
+        <input type="email" id="email" name="email" required
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white"
+            placeholder="you@email.com">
+    </div>
+    <div>
+        <label for="phone" class="block text-green-100 font-semibold mb-1">Phone</label>
+        <input type="tel" id="phone" name="phone"
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white" placeholder="(optional)">
+    </div>
+    <div>
+        <label for="service" class="block text-green-100 font-semibold mb-1">Service Requested</label>
+        <select id="service" name="service" required
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white">
+            <option value="">Select a service</option>
+            <option value="Shoulder Mount">Shoulder Mount</option>
+            <option value="Full Body Mount">Full Body Mount</option>
+            <option value="European Mount">European Mount</option>
+            <option value="Bird">Bird</option>
+            <option value="Fish">Fish</option>
+            <option value="Small Game">Small Game</option>
+            <option value="Habitat">Habitat</option>
+            <option value="Restoration">Restoration</option>
+            <option value="Rug">Rug</option>
+            <option value="Wall Mount">Wall Mount</option>
+            <option value="Lifesize">Lifesize</option>
+            <option value="Pedestal">Pedestal</option>
+            <option value="Antler Mount">Antler Mount</option>
+            <option value="Tanning">Tanning</option>
+            <option value="Pet Memorial">Pet Memorial</option>
+            <option value="Artisan/Custom">Artisan/Custom</option>
+            <option value="Other">Other (describe below)</option>
+        </select>
+    </div>
+    <div>
+        <label for="animal" class="block text-green-100 font-semibold mb-1">Animal/Species</label>
+        <input type="text" id="animal" name="animal"
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white"
+            placeholder="e.g. Whitetail Deer, Bass, Duck, Pet Dog">
+    </div>
+    <div>
+        <label for="pose" class="block text-green-100 font-semibold mb-1">Preferred Pose/Style</label>
+        <select id="pose" name="pose"
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white">
+            <option value="">Select a pose/style</option>
+            <option value="Upright">Upright</option>
+            <option value="Sneak">Sneak</option>
+            <option value="Full Sneak">Full Sneak</option>
+            <option value="Pedestal">Pedestal</option>
+            <option value="Wall Pedestal">Wall Pedestal</option>
+            <option value="Open Mouth">Open Mouth</option>
+            <option value="Closed Mouth">Closed Mouth</option>
+            <option value="Custom">Custom/Other</option>
+        </select>
+    </div>
+    <div>
+        <label for="details" class="block text-green-100 font-semibold mb-1">Project Details</label>
+        <textarea id="details" name="details" rows="4"
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white"
+            placeholder="Describe your project, special requests, or anything else we should know..."></textarea>
+    </div>
+    <div>
+        <label class="block text-green-100 font-semibold mb-1">Preferred Contact Method</label>
+        <div class="flex gap-4 mb-2">
+            <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Phone"
+                    class="mr-2">Phone</label>
+            <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Email"
+                    class="mr-2">Email</label>
+            <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Text"
+                    class="mr-2">Text</label>
+            <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Any"
+                    class="mr-2">Any</label>
+        </div>
+    </div>
+    <div>
+        <label for="best_time" class="block text-green-100 font-semibold mb-1">Best Time to Contact</label>
+        <select id="best_time" name="best_time"
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white">
+            <option value="">Select a time</option>
+            <option value="Morning">Morning</option>
+            <option value="Afternoon">Afternoon</option>
+            <option value="Evening">Evening</option>
+            <option value="Any">Any</option>
+        </select>
+    </div>
+    <div>
+        <label for="hear_about" class="block text-green-100 font-semibold mb-1">How did you hear about us?</label>
+        <select id="hear_about" name="hear_about"
+            class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white">
+            <option value="">Select an option</option>
+            <option value="Google Search">Google Search</option>
+            <option value="Facebook">Facebook</option>
+            <option value="Instagram">Instagram</option>
+            <option value="Friend/Family">Friend/Family</option>
+            <option value="Repeat Customer">Repeat Customer</option>
+            <option value="Event/Show">Event/Show</option>
+            <option value="Other">Other</option>
+        </select>
+    </div>
+    <div>
+        <label class="block text-green-100 font-semibold mb-1">How soon do you need this?</label>
+        <div class="flex gap-2 mb-2">
+            <label class="inline-flex items-center"><input type="radio" name="urgency" value="ASAP"
+                    class="mr-2">ASAP</label>
+            <label class="inline-flex items-center"><input type="radio" name="urgency" value="1-2 Weeks"
+                    class="mr-2">1-2 Weeks</label>
+            <label class="inline-flex items-center"><input type="radio" name="urgency" value="1 Month" class="mr-2">1
+                Month</label>
+            <label class="inline-flex items-center"><input type="radio" name="urgency" value="Flexible"
+                    class="mr-2">Flexible</label>
+        </div>
+    </div>
+    <div class="flex items-center mb-2">
+        <input type="checkbox" id="newsletter" name="newsletter" value="Yes" class="mr-2">
+        <label for="newsletter" class="text-green-100">Sign me up for news, tips, and special offers!</label>
+    </div>
+    <button type="submit"
+        class="w-full bg-green-600 hover:bg-green-500 text-white font-bold py-3 rounded-lg transition-colors">Send
+        Request</button>
+</form>
+<!-- End BuckRub Taxidermy Quote Request Form -->

index.html

@@ -99,35 +99,62 @@
     <header class="bg-green-900/80 backdrop-blur-sm border-b border-green-600/30 sticky top-0 z-50">
         <div class="container mx-auto px-4 py-4">
             <div class="flex justify-between items-center">
-                <h1 class="text-2xl font-bold text-green-300">BuckRub Taxidermy - Central WI</h1>
+                <h1 class="text-2xl font-bold text-green-300">BuckRub Taxidermy</h1>
                 <div class="flex gap-4">
-                    <a href="tel:5551234567"
+                    <a href="tel:+17153212825"
                         class="bg-green-600 text-white px-6 py-3 rounded-lg font-bold hover:bg-green-500 transition-colors flex items-center gap-2">
                         <i data-feather="phone"></i>
                         Call
                     </a>
-                    <a href="sms:5551234567"
+                    <a href="mailto:cwcoach@yahoo.com"
                         class="border-2 border-green-500 text-green-400 px-6 py-3 rounded-lg font-bold hover:bg-green-500 hover:text-white transition-colors flex items-center gap-2">
-                        <i data-feather="message-square"></i>
-                        Text
+                        <i data-feather="mail"></i>
+                        Email
                     </a>
                 </div>
             </div>
         </div>
     </header>
+    <!-- Consistent Call/Text Contact Block -->
+    <div class="w-full flex flex-col items-center mb-6">
+        <a href="tel:+17153212825" class="text-2xl font-bold text-amber-400 hover:text-amber-300 transition-colors">Call
+            or Text: (715)
+            321-2825</a>
+        <span class="text-green-200 text-sm mt-1">Fastest response for quotes & questions</span>
+    </div>
     <!-- Hero Section -->
     <section class="bg-gradient-to-br from-green-900 to-green-700 py-16">
         <div class="container mx-auto px-4 text-center">
             <h2 class="text-4xl md:text-6xl font-bold mb-6">Central Wisconsin's Premier Taxidermy</h2>
-            <p class="text-xl md:text-2xl text-green-100 mb-8">Serving hunters and outdoorsmen throughout Central WI</p>
+            <p class="text-xl md:text-2xl text-green-100 mb-8">Serving hunters and outdoorsmen throughout Central WI
+            </p>
             <a href="quote-calculator.html"
-                class="inline-block bg-green-600 text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-green-500 transition-colors">
+                class="inline-block bg-green-600 text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-green-500 transition-colors mr-2">
                 Get Instant Quote
             </a>
+            <a href="https://buckrubtaxidermy.s3.us-east-2.amazonaws.com/formsubmit-quote-form.html" target="_blank"
+                class="inline-block bg-amber-500 text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-amber-400 transition-colors ml-2">
+                Quick Online Quote (Email)
+            </a>
         </div>
     </section>
     <!-- Portfolio Grid -->
     <section class="py-12">
+        <div class="max-w-xl mx-auto mb-8 text-center">
+            <h3 class="text-2xl font-bold text-green-200 mb-2">Contact & Location</h3>
+            <div class="text-green-100 mb-2">
+                <div><strong>Address:</strong> Wisconsin Rapids, WI, United States, 54494</div>
+                <div><strong>Phone:</strong> <a href="tel:+17153212825" class="underline">+1 715-321-2825</a></div>
+                <div><strong>Email:</strong> <a href="mailto:cwcoach@yahoo.com" class="underline">cwcoach@yahoo.com</a>
+                </div>
+            </div>
+            <div class="rounded-xl overflow-hidden border border-green-700 shadow-lg mt-4">
+                <iframe width="100%" height="250" style="border:0" loading="lazy" allowfullscreen
+                    src="https://www.openstreetmap.org/export/embed.html?bbox=-89.858,44.350,-89.758,44.450&amp;layer=mapnik&amp;marker=44.400,-89.808"></iframe>
+                <div class="text-xs text-green-300 bg-green-900/80 p-1">Location: Wisconsin Rapids, WI, United States,
+                    54494</div>
+            </div>
+        </div>
         <div class="container mx-auto px-2 md:px-4">
             <div class="swiper mySwiper max-w-lg md:max-w-3xl mx-auto">
                 <div class="swiper-wrapper">
@@ -233,9 +260,9 @@
                     class="bg-white text-green-700 px-8 py-4 rounded-lg font-bold text-lg hover:bg-green-50 transition-colors">
                     Get Instant Quote
                 </a>
-                <a href="tel:5551234567"
+                <a href="tel:+17153212825"
                     class="border-2 border-white text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-white hover:text-green-700 transition-colors">
-                    Call Now: (555) 123-4567
+                    Call Now: (715) 321-2825
                 </a>
             </div>
     </section>

quote-calculator.html

@@ -12,141 +12,161 @@
 </head>
 
 <body class="font-body bg-gray-900 text-white min-h-screen flex items-center justify-center py-8">
-    <!-- BuckRub Taxidermy Quote Request Form (Formspree) -->
-    <form action="https://formspree.io/f/mjkaolga" method="POST"
-        class="max-w-lg w-full bg-green-900/80 p-6 rounded-xl shadow-lg space-y-4">
-        <h2 class="text-2xl font-bold text-green-200 mb-4">Request a Quote</h2>
-        <p class="text-green-100 mb-4">Get a fast, friendly quote! Tell us about your project and how we can help you.
-        </p>
-        <div>
-            <label for="name" class="block text-green-100 font-semibold mb-1">Name</label>
-            <input type="text" id="name" name="name" required
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white"
-                placeholder="Your Name">
-        </div>
-        <div>
-            <label for="email" class="block text-green-100 font-semibold mb-1">Email</label>
-            <input type="email" id="email" name="email" required
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white"
-                placeholder="you@email.com">
-        </div>
-        <div>
-            <label for="phone" class="block text-green-100 font-semibold mb-1">Phone</label>
-            <input type="tel" id="phone" name="phone"
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white"
-                placeholder="(optional)">
-        </div>
-        <div>
-            <label for="service" class="block text-green-100 font-semibold mb-1">Service Requested</label>
-            <select id="service" name="service" required
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white">
-                <option value="">Select a service</option>
-                <option value="Shoulder Mount">Shoulder Mount</option>
-                <option value="Full Body Mount">Full Body Mount</option>
-                <option value="European Mount">European Mount</option>
-                <option value="Bird">Bird</option>
-                <option value="Fish">Fish</option>
-                <option value="Small Game">Small Game</option>
-                <option value="Habitat">Habitat</option>
-                <option value="Restoration">Restoration</option>
-                <option value="Rug">Rug</option>
-                <option value="Wall Mount">Wall Mount</option>
-                <option value="Lifesize">Lifesize</option>
-                <option value="Pedestal">Pedestal</option>
-                <option value="Antler Mount">Antler Mount</option>
-                <option value="Tanning">Tanning</option>
-                <option value="Pet Memorial">Pet Memorial</option>
-                <option value="Artisan/Custom">Artisan/Custom</option>
-                <option value="Other">Other (describe below)</option>
-            </select>
-        </div>
-        <div>
-            <label for="animal" class="block text-green-100 font-semibold mb-1">Animal/Species</label>
-            <input type="text" id="animal" name="animal"
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white"
-                placeholder="e.g. Whitetail Deer, Bass, Duck, Pet Dog">
-        </div>
-        <div>
-            <label for="pose" class="block text-green-100 font-semibold mb-1">Preferred Pose/Style</label>
-            <select id="pose" name="pose"
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white">
-                <option value="">Select a pose/style</option>
-                <option value="Upright">Upright</option>
-                <option value="Sneak">Sneak</option>
-                <option value="Full Sneak">Full Sneak</option>
-                <option value="Pedestal">Pedestal</option>
-                <option value="Wall Pedestal">Wall Pedestal</option>
-                <option value="Open Mouth">Open Mouth</option>
-                <option value="Closed Mouth">Closed Mouth</option>
-                <option value="Custom">Custom/Other</option>
-            </select>
-        </div>
-        <div>
-            <label for="details" class="block text-green-100 font-semibold mb-1">Project Details</label>
-            <textarea id="details" name="details" rows="4"
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white"
-                placeholder="Describe your project, special requests, or anything else we should know..."></textarea>
-        </div>
-        <div>
-            <label class="block text-green-100 font-semibold mb-1">Preferred Contact Method</label>
-            <div class="flex gap-4 mb-2">
-                <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Phone"
-                        class="mr-2">Phone</label>
-                <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Email"
-                        class="mr-2">Email</label>
-                <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Text"
-                        class="mr-2">Text</label>
-                <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Any"
-                        class="mr-2">Any</label>
-            </div>
-        </div>
-        <div>
-            <label for="best_time" class="block text-green-100 font-semibold mb-1">Best Time to Contact</label>
-            <select id="best_time" name="best_time"
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white">
-                <option value="">Select a time</option>
-                <option value="Morning">Morning</option>
-                <option value="Afternoon">Afternoon</option>
-                <option value="Evening">Evening</option>
-                <option value="Any">Any</option>
-            </select>
-        </div>
-        <div>
-            <label for="hear_about" class="block text-green-100 font-semibold mb-1">How did you hear about us?</label>
-            <select id="hear_about" name="hear_about"
-                class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white">
-                <option value="">Select an option</option>
-                <option value="Google Search">Google Search</option>
-                <option value="Facebook">Facebook</option>
-                <option value="Instagram">Instagram</option>
-                <option value="Friend/Family">Friend/Family</option>
-                <option value="Repeat Customer">Repeat Customer</option>
-                <option value="Event/Show">Event/Show</option>
-                <option value="Other">Other</option>
-            </select>
-        </div>
-        <div>
-            <label class="block text-green-100 font-semibold mb-1">How soon do you need this?</label>
-            <div class="flex gap-2 mb-2">
-                <label class="inline-flex items-center"><input type="radio" name="urgency" value="ASAP"
-                        class="mr-2">ASAP</label>
-                <label class="inline-flex items-center"><input type="radio" name="urgency" value="1-2 Weeks"
-                        class="mr-2">1-2 Weeks</label>
-                <label class="inline-flex items-center"><input type="radio" name="urgency" value="1 Month"
-                        class="mr-2">1 Month</label>
-                <label class="inline-flex items-center"><input type="radio" name="urgency" value="Flexible"
-                        class="mr-2">Flexible</label>
-            </div>
-        </div>
-        <div class="flex items-center mb-2">
-            <input type="checkbox" id="newsletter" name="newsletter" value="Yes" class="mr-2">
-            <label for="newsletter" class="text-green-100">Sign me up for news, tips, and special offers!</label>
-        </div>
-        <button type="submit"
-            class="w-full bg-green-600 hover:bg-green-500 text-white font-bold py-3 rounded-lg transition-colors">Send
-            Request</button>
-        <div id="form-success" class="hidden mt-4 text-green-200 text-center font-semibold"></div>
-    </form>
+    <!-- Consistent Call/Text Contact Block -->
+    <div class="w-full flex flex-col items-center mb-6">
+        <a href="tel:+17153212825" class="text-2xl font-bold text-amber-400 hover:text-amber-300 transition-colors">Call
+            or Text: (715)
+            321-2825</a>
+        <span class="text-green-200 text-sm mt-1">Fastest response for quotes &amp; questions</span>
+    </div>
+    <!-- BuckRub Taxidermy Quote Request Form (Formspree, Industry Standard) -->
+    <main class="w-full flex flex-col items-center justify-center min-h-screen bg-gray-900 text-white py-8">
+        <section aria-labelledby="quote-form-title" class="w-full max-w-lg">
+            <form action="https://formspree.io/f/mjkaolga" method="POST"
+                class="bg-green-900/80 p-6 rounded-xl shadow-lg space-y-4" aria-describedby="privacy-note" novalidate>
+                <h1 id="quote-form-title" class="text-2xl font-bold text-green-200 mb-4">Request a Quote</h1>
+                <p class="text-green-100 mb-4">Get a fast, friendly quote! Tell us about your project and how we can
+                    help you.
+                </p>
+                <div>
+                    <label for="name" class="block text-green-100 font-semibold mb-1">Name <span aria-hidden="true"
+                            class="text-red-400">*</span></label>
+                    <input type="text" id="name" name="name" required autocomplete="name" aria-required="true"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white placeholder-green-200 focus:ring-2 focus:ring-green-400 focus:border-transparent transition"
+                        placeholder="Your Name">
+                </div>
+                <div>
+                    <label for="email" class="block text-green-100 font-semibold mb-1">Email <span aria-hidden="true"
+                            class="text-red-400">*</span></label>
+                    <input type="email" id="email" name="email" required autocomplete="email" aria-required="true"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white placeholder-green-200 focus:ring-2 focus:ring-green-400 focus:border-transparent transition"
+                        placeholder="you@email.com">
+                </div>
+                <div>
+                    <label for="phone" class="block text-green-100 font-semibold mb-1">Phone</label>
+                    <input type="tel" id="phone" name="phone" autocomplete="tel"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white placeholder-green-200 focus:ring-2 focus:ring-green-400 focus:border-transparent transition"
+                        placeholder="(optional)">
+                </div>
+                <div>
+                    <label for="service" class="block text-green-100 font-semibold mb-1">Service Requested <span
+                            aria-hidden="true" class="text-red-400">*</span></label>
+                    <select id="service" name="service" required aria-required="true"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white focus:ring-2 focus:ring-green-400 focus:border-transparent transition">
+                        <option value="">Select a service</option>
+                        <option value="Shoulder Mount">Shoulder Mount</option>
+                        <option value="Full Body Mount">Full Body Mount</option>
+                        <option value="European Mount">European Mount</option>
+                        <option value="Bird">Bird</option>
+                        <option value="Fish">Fish</option>
+                        <option value="Small Game">Small Game</option>
+                        <option value="Habitat">Habitat</option>
+                        <option value="Restoration">Restoration</option>
+                        <option value="Rug">Rug</option>
+                        <option value="Wall Mount">Wall Mount</option>
+                        <option value="Lifesize">Lifesize</option>
+                        <option value="Pedestal">Pedestal</option>
+                        <option value="Antler Mount">Antler Mount</option>
+                        <option value="Tanning">Tanning</option>
+                        <option value="Pet Memorial">Pet Memorial</option>
+                        <option value="Artisan/Custom">Artisan/Custom</option>
+                        <option value="Other">Other (describe below)</option>
+                    </select>
+                </div>
+                <div>
+                    <label for="animal" class="block text-green-100 font-semibold mb-1">Animal/Species</label>
+                    <input type="text" id="animal" name="animal"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white placeholder-green-200 focus:ring-2 focus:ring-green-400 focus:border-transparent transition"
+                        placeholder="e.g. Whitetail Deer, Bass, Duck, Pet Dog">
+                </div>
+                <div>
+                    <label for="pose" class="block text-green-100 font-semibold mb-1">Preferred Pose/Style</label>
+                    <select id="pose" name="pose"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white focus:ring-2 focus:ring-green-400 focus:border-transparent transition">
+                        <option value="">Select a pose/style</option>
+                        <option value="Upright">Upright</option>
+                        <option value="Sneak">Sneak</option>
+                        <option value="Full Sneak">Full Sneak</option>
+                        <option value="Pedestal">Pedestal</option>
+                        <option value="Wall Pedestal">Wall Pedestal</option>
+                        <option value="Open Mouth">Open Mouth</option>
+                        <option value="Closed Mouth">Closed Mouth</option>
+                        <option value="Custom">Custom/Other</option>
+                    </select>
+                </div>
+                <div>
+                    <label for="details" class="block text-green-100 font-semibold mb-1">Project Details</label>
+                    <textarea id="details" name="details" rows="4"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white placeholder-green-200 focus:ring-2 focus:ring-green-400 focus:border-transparent transition"
+                        placeholder="Describe your project, special requests, or anything else we should know..."></textarea>
+                </div>
+                <fieldset>
+                    <legend class="block text-green-100 font-semibold mb-1">Preferred Contact Method</legend>
+                    <div class="flex gap-4 mb-2">
+                        <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Phone"
+                                class="mr-2">Phone</label>
+                        <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Email"
+                                class="mr-2">Email</label>
+                        <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Text"
+                                class="mr-2">Text</label>
+                        <label class="inline-flex items-center"><input type="radio" name="contact_method" value="Any"
+                                class="mr-2">Any</label>
+                    </div>
+                </fieldset>
+                <div>
+                    <label for="best_time" class="block text-green-100 font-semibold mb-1">Best Time to Contact</label>
+                    <select id="best_time" name="best_time"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white focus:ring-2 focus:ring-green-400 focus:border-transparent transition">
+                        <option value="">Select a time</option>
+                        <option value="Morning">Morning</option>
+                        <option value="Afternoon">Afternoon</option>
+                        <option value="Evening">Evening</option>
+                        <option value="Any">Any</option>
+                    </select>
+                </div>
+                <div>
+                    <label for="hear_about" class="block text-green-100 font-semibold mb-1">How did you hear about
+                        us?</label>
+                    <select id="hear_about" name="hear_about"
+                        class="w-full px-4 py-2 rounded-lg bg-white/10 border border-green-700 text-white focus:ring-2 focus:ring-green-400 focus:border-transparent transition">
+                        <option value="">Select an option</option>
+                        <option value="Google Search">Google Search</option>
+                        <option value="Facebook">Facebook</option>
+                        <option value="Instagram">Instagram</option>
+                        <option value="Friend/Family">Friend/Family</option>
+                        <option value="Repeat Customer">Repeat Customer</option>
+                        <option value="Event/Show">Event/Show</option>
+                        <option value="Other">Other</option>
+                    </select>
+                </div>
+                <fieldset>
+                    <legend class="block text-green-100 font-semibold mb-1">How soon do you need this?</legend>
+                    <div class="flex gap-2 mb-2">
+                        <label class="inline-flex items-center"><input type="radio" name="urgency" value="ASAP"
+                                class="mr-2">ASAP</label>
+                        <label class="inline-flex items-center"><input type="radio" name="urgency" value="1-2 Weeks"
+                                class="mr-2">1-2 Weeks</label>
+                        <label class="inline-flex items-center"><input type="radio" name="urgency" value="1 Month"
+                                class="mr-2">1 Month</label>
+                        <label class="inline-flex items-center"><input type="radio" name="urgency" value="Flexible"
+                                class="mr-2">Flexible</label>
+                    </div>
+                </fieldset>
+                <div class="flex items-center mb-2">
+                    <input type="checkbox" id="newsletter" name="newsletter" value="Yes" class="mr-2">
+                    <label for="newsletter" class="text-green-100">Sign me up for news, tips, and special
+                        offers!</label>
+                </div>
+                <button type="submit"
+                    class="w-full bg-green-600 hover:bg-green-500 text-white font-bold py-3 rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-amber-400 focus:ring-offset-2">Send
+                    Request</button>
+                <div id="form-success" class="hidden mt-4 text-green-200 text-center font-semibold" role="status"
+                    aria-live="polite"></div>
+                <p id="privacy-note" class="text-xs text-green-300 mt-2">We respect your privacy. Your information will
+                    only be used to respond to your inquiry and will never be shared or sold.</p>
+            </form>
+        </section>
+    </main>
     <!-- End BuckRub Taxidermy Quote Request Form -->
 </body>