(419) 352-6343
                            </a>
                        </div>
                    </div>
                    
                    <div class="contact__detail">
                        <div class="contact__detail-icon">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                <path d="M17 4H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm0 2L10 11 3 6V5l7 5 7-5v1z" fill="#722F37"/>
                            </svg>
                        </div>
                        <div>
                            <span class="contact__detail-label">Email</span>
                            <a href="mailto:rodeskycarpentry@aol.com" class="contact__detail-value">rodeskycarpentry@aol.com</a>
                        </div>
                    </div>
                    
                    <div class="contact__detail">
                        <div class="contact__detail-icon">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                <path d="M10 1a5 5 0 0 0-5 5c0 4 5 9 5 9s5-5 5-9a5 5 0 0 0-5-5zm0 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" fill="#722F37"/>
                            </svg>
                        </div>
                        <div>
                            <span class="contact__detail-label">Address</span>
                            <span class="contact__detail-value">10957 Oak St, Portage 43451</span>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="contact__form-col">
                <form class="contact__form" id="contactForm">
                    <div class="contact__form-row">
                        <div class="form-group">
                            <label for="name" class="form-label">Your Name</label>
                            <input type="text" id="name" name="name" class="form-input" placeholder="John Smith" required>
                        </div>
                        <div class="form-group">
                            <label for="phone" class="form-label">Phone Number</label>
                            <input type="tel" id="phone" name="phone" class="form-input" placeholder="(419) 000-0000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email" class="form-label">Email Address</label>
                        <input type="email" id="email" name="email" class="form-input" placeholder="you@example.com" required>
                    </div>
                    <div class="form-group">
                        <label for="service" class="form-label">Service Interested In</label>
                        <select id="service" name="service" class="form-input form-select">
                            <option value="">Select a service...</option>
                            <option value="cabinetry">Custom Cabinetry</option>
                            <option value="repairs">Home Repairs</option>
                            <option value="deck">Deck & Outdoor</option>
                            <option value="trim">Trim & Molding</option>
                            <option value="furniture">Custom Furniture</option>
                            <option value="remodeling">Remodeling</option>
                            <option value="other">Other</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="message" class="form-label">Tell Us About Your Project</label>
                        <textarea id="message" name="message" class="form-input form-textarea" placeholder="Describe your project, timeline, and any details that would help us understand what you're looking for..." rows="5" required></textarea>
                    </div>
                    <button type="submit" class="btn btn--primary btn--full">Send Message</button>
                    <p class="form-note">We typically respond within 24 hours.</p>
                </form>
                
                <div class="form-success" id="formSuccess">
                    <div class="form-success__icon">
                        <svg width="48" height="48" viewBox="0 0 48 48" fill="none">
                            <circle cx="24" cy="24" r="22" stroke="#722F37" stroke-width="2" fill="none"/>
                            <path d="M14 24l7 7 13-13" stroke="#722F37" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </div>
                    <h3 class="form-success__title">Message Sent!</h3>
                    <p class="form-success__text">Thank you for reaching out. We'll get back to you within 24 hours to discuss your project.</p>
                    <button class="btn btn--outline btn--small" id="resetForm">Send Another Message</button>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Map Section -->
    <section class="map-section">
        <div class="map-section__container">
            <iframe 
                src="https://maps.google.com/maps?q=41.3114589,-83.6519393&z=15&output=embed"
                width="100%" 
                height="350" 
                style="border:0;" 
                allowfullscreen="" 
                loading="lazy" 
                referrerpolicy="no-referrer-when-downgrade"
                title="Rodesky Carpentry location map">
            </iframe>
        </div>
    </section>
    
    <!-- Footer -->
    <footer class="footer">
        <div class="footer__container">
            <div class="footer__top">
                <div class="footer__brand">
                    <a href="#hero" class="footer__logo">
                        <svg class="footer__logo-icon" width="28" height="28" viewBox="0 0 32 32" fill="none">
                            <rect width="32" height="32" rx="4" fill="#C4787A"/>
                            <path d="M16 4L6 12v16h20V12L16 4zm0 4l6 4v10H10V12l6-4z" fill="#722F37"/>
                            <path d="M12 20h8v4h-8z" fill="#722F37"/>
                        </svg>
                        <span>Rodesky Carpentry</span>
                    </a>
                    <p class="footer__tagline">Fine woodworking and home repair services in Portage, Ohio. Quality craftsmanship you can trust.</p>
                </div>
                
                <div class="footer__links">
                    <h4 class="footer__heading">Quick Links</h4>
                    <ul>
                        <li><a href="#services">Services</a></li>
                        <li><a href="#about">About Us</a></li>
                        <li><a href="#gallery">Gallery</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
                
                <div class="footer__contact">
                    <h4 class="footer__heading">Contact Info</h4>
                    <ul>
                        <li><a href="tel:+14193526343">(419) 352-6343</a></li>
                        <li><a href="mailto:rodeskycarpentry@aol.com">rodeskycarpentry@aol.com</a></li>
                        <li>10957 Oak St, Portage 43451</li>
                    </ul>
                </div>
            </div>
            
            <div class="footer__bottom">
                <p>&copy; 2026 Rodesky Carpentry. All rights reserved.</p>
                <p>Serving Portage and surrounding communities with pride.</p>
            </div>
        </div>
    </footer>
    
    <script src="./script.js"></script>
<!--__semalt_leadbar__-->
<style>
body{padding-bottom:76px!important}
.smlt-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;gap:16px;
 padding:12px 20px;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
 border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 24px -12px rgba(15,23,42,.18);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
.smlt-bar__txt{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:-.2px}
.smlt-bar__btn{display:inline-flex;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;
 padding:10px 18px;border-radius:10px;transition:transform .12s ease,background .12s ease;white-space:nowrap}
.smlt-bar__btn:hover{background:#15803d;transform:translateY(-1px)}
.smlt-bar__btn svg{width:15px;height:15px}
@media(max-width:520px){.smlt-bar{gap:8px;padding:9px 12px}.smlt-bar__txt{font-size:12.5px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smlt-bar__btn{padding:8px 13px;font-size:12.5px;flex:0 0 auto}.smlt-bar__btn svg{width:14px;height:14px}}
</style>
<div class="smlt-bar" role="region" aria-label="This is my business" lang="en">
  <span class="smlt-bar__txt">Is this your business?</span>
  <a class="smlt-bar__btn" href="https://amp.pr/pricing?site=rodesky-carpentry" target="_blank" rel="noopener">
    This is my business
    <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h11M11 5l5 5-5 5"/></svg>
  </a>
</div>
<!--/__semalt_leadbar__--><script>/*__reveal_safety__*/(function(){function r(){try{var q=document.querySelectorAll('[class*="fade"],[class*="reveal"],[class*="animate"],[class*="scroll-"],[class*="in-view"],[data-aos]');for(var i=0;i<q.length;i++){var el=q[i];el.classList.add("visible","show","active","in-view","revealed","aos-animate","animated","is-visible");var s=getComputedStyle(el);if(parseFloat(s.opacity)===0)el.style.opacity="1";if(s.visibility==="hidden")el.style.visibility="visible";if(s.transform&&s.transform!=="none")el.style.transform="none";}}catch(e){}}setTimeout(r,1500);window.addEventListener("load",function(){setTimeout(r,1800);});})();</script>
<script>(function(w,d){var s=d.createElement('script');d.getElementsByTagName('script')[0].parentNode.appendChild(s);s.setAttribute('data-statinside-id',50);s.src='https://statinside.com/counter.js';w._siData=w._siData||[];w.statInside=function(){_siData.push(arguments);}})(window,document);</script><noscript><img src='https://statinside.com/pixel.png?id=50' referrerpolicy='unsafe-url'></noscript></body>
</html>