/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get Professional Notary Services Today - Adjure Notary</title>
<meta name="description" content="Need documents notarized fast? Book same-day mobile notary service in Michigan & Tennessee. Professional, certified, and convenient.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Open Sans', sans-serif;
color: #333;
line-height: 1.6;
overflow-x: hidden;
}
/* Header */
.header {
background: #fff;
padding: 15px 0;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 1000;
}
.header-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo img {
height: 50px;
}
.header-cta {
display: flex;
gap: 15px;
align-items: center;
}
.phone-number {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #5CB85C;
font-size: 1.2rem;
text-decoration: none;
}
.phone-number:hover {
color: #4CAF50;
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, rgba(92, 184, 92, 0.95) 0%, rgba(76, 175, 80, 0.95) 100%),
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23f8f9fa" width="1200" height="600"/></svg>');
background-size: cover;
background-position: center;
color: white;
padding: 80px 20px;
text-align: center;
}
.hero-content {
max-width: 900px;
margin: 0 auto;
}
.hero h1 {
font-family: 'Montserrat', sans-serif;
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 20px;
line-height: 1.2;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
.hero-subheading {
font-size: 1.5rem;
margin-bottom: 15px;
font-weight: 600;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 40px;
opacity: 0.95;
}
.trust-badges {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 40px;
flex-wrap: wrap;
}
.trust-badge {
display: flex;
align-items: center;
gap: 10px;
font-size: 1rem;
font-weight: 600;
}
.trust-badge svg {
width: 30px;
height: 30px;
}
/* CTA Buttons */
.btn {
display: inline-block;
padding: 18px 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 1.1rem;
text-decoration: none;
border-radius: 50px;
transition: all 0.3s ease;
cursor: pointer;
border: none;
text-align: center;
}
.btn-primary {
background: #fff;
color: #5CB85C;
box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}
.btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 8px 30px rgba(0,0,0,0.3);
background: #f8f9fa;
}
.btn-secondary {
background: transparent;
color: #fff;
border: 3px solid #fff;
}
.btn-secondary:hover {
background: #fff;
color: #5CB85C;
transform: translateY(-3px);
}
.btn-green {
background: #5CB85C;
color: #fff;
box-shadow: 0 5px 20px rgba(92, 184, 92, 0.3);
}
.btn-green:hover {
background: #4CAF50;
transform: translateY(-3px);
box-shadow: 0 8px 30px rgba(92, 184, 92, 0.4);
}
.hero-ctas {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
/* Lead Form Section */
.lead-form-section {
background: #fff;
padding: 80px 20px;
}
.section-container {
max-width: 600px;
margin: 0 auto;
}
.section-header {
text-align: center;
margin-bottom: 50px;
}
.section-header h2 {
font-family: 'Montserrat', sans-serif;
font-size: 2.5rem;
color: #2c3e50;
margin-bottom: 15px;
}
.section-header p {
font-size: 1.2rem;
color: #666;
}
.lead-form {
background: #f8f9fa;
padding: 40px;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}
.form-group {
margin-bottom: 25px;
}
.form-group label {
display: block;
font-weight: 600;
margin-bottom: 8px;
color: #2c3e50;
font-size: 1rem;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 15px 20px;
font-size: 1rem;
border: 2px solid #e0e0e0;
border-radius: 10px;
font-family: 'Open Sans', sans-serif;
transition: all 0.3s ease;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: #5CB85C;
box-shadow: 0 0 0 3px rgba(92, 184, 92, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 120px;
}
.required {
color: #d9534f;
}
.form-submit {
width: 100%;
padding: 18px;
font-size: 1.2rem;
}
.privacy-note {
text-align: center;
font-size: 0.9rem;
color: #666;
margin-top: 15px;
}
/* Benefits Section */
.benefits-section {
background: #f8f9fa;
padding: 80px 20px;
}
.benefits-container {
max-width: 1200px;
margin: 0 auto;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
margin-top: 50px;
}
.benefit-card {
background: #fff;
padding: 40px 30px;
border-radius: 15px;
text-align: center;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
transition: all 0.3s ease;
}
.benefit-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 30px rgba(92, 184, 92, 0.2);
}
.benefit-icon {
width: 80px;
height: 80px;
margin: 0 auto 25px;
background: linear-gradient(135deg, #5CB85C 0%, #4CAF50 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.benefit-card h3 {
font-family: 'Montserrat', sans-serif;
font-size: 1.4rem;
color: #2c3e50;
margin-bottom: 15px;
}
.benefit-card p {
color: #666;
line-height: 1.8;
}
/* Services Quick List */
.services-section {
background: #fff;
padding: 80px 20px;
}
.services-container {
max-width: 1000px;
margin: 0 auto;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 40px;
}
.service-item {
background: #f8f9fa;
padding: 25px;
border-radius: 12px;
border-left: 4px solid #5CB85C;
transition: all 0.3s ease;
}
.service-item:hover {
background: #e9f7e9;
transform: translateX(5px);
}
.service-item h4 {
font-family: 'Montserrat', sans-serif;
color: #2c3e50;
margin-bottom: 8px;
font-size: 1.1rem;
}
.service-item p {
color: #666;
font-size: 0.95rem;
}
/* Social Proof */
.social-proof {
background: linear-gradient(135deg, #5CB85C 0%, #4CAF50 100%);
color: white;
padding: 60px 20px;
text-align: center;
}
.social-proof h2 {
font-family: 'Montserrat', sans-serif;
font-size: 2.5rem;
margin-bottom: 40px;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 40px;
max-width: 1000px;
margin: 0 auto;
}
.stat-item {
text-align: center;
}
.stat-number {
font-size: 3.5rem;
font-weight: 800;
font-family: 'Montserrat', sans-serif;
display: block;
margin-bottom: 10px;
}
.stat-label {
font-size: 1.1rem;
opacity: 0.95;
}
/* Urgency Section */
.urgency-section {
background: #fff3cd;
border-left: 5px solid #ffc107;
padding: 30px;
margin: 60px auto;
max-width: 800px;
border-radius: 10px;
}
.urgency-section h3 {
font-family: 'Montserrat', sans-serif;
color: #856404;
margin-bottom: 15px;
font-size: 1.5rem;
}
.urgency-section p {
color: #856404;
font-size: 1.1rem;
}
/* Final CTA */
.final-cta {
background: #2c3e50;
color: white;
padding: 80px 20px;
text-align: center;
}
.final-cta h2 {
font-family: 'Montserrat', sans-serif;
font-size: 2.8rem;
margin-bottom: 25px;
}
.final-cta p {
font-size: 1.3rem;
margin-bottom: 40px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
/* Footer */
.footer {
background: #1a252f;
color: #bbb;
padding: 40px 20px;
text-align: center;
}
.footer p {
margin-bottom: 10px;
}
.footer a {
color: #5CB85C;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Success Message */
.success-message {
display: none;
background: #d4edda;
border: 2px solid #5CB85C;
color: #155724;
padding: 30px;
border-radius: 15px;
text-align: center;
margin-top: 20px;
}
.success-message.show {
display: block;
}
.success-message h3 {
font-family: 'Montserrat', sans-serif;
font-size: 1.8rem;
margin-bottom: 15px;
}
/* Responsive */
@media (max-width: 768px) {
.hero h1 {
font-size: 2.2rem;
}
.hero-subheading {
font-size: 1.2rem;
}
.hero p {
font-size: 1rem;
}
.section-header h2 {
font-size: 2rem;
}
.lead-form {
padding: 30px 20px;
}
.header-cta {
flex-direction: column;
gap: 10px;
}
.phone-number {
font-size: 1rem;
}
.trust-badges {
flex-direction: column;
gap: 15px;
}
.hero-ctas {
flex-direction: column;
}
.stat-number {
font-size: 2.5rem;
}
}
/* Floating CTA Button */
.floating-cta {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
.floating-cta .btn {
box-shadow: 0 5px 30px rgba(92, 184, 92, 0.5);
}
@media (max-width: 768px) {
.floating-cta {
bottom: 10px;
right: 10px;
}
.floating-cta .btn {
padding: 15px 25px;
font-size: 0.95rem;
}
}
</style>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="header-content">
<div class="logo">
<img src="logo.png" alt="Adjure Notary Services">
</div>
<div class="header-cta">
<a href="tel:810-221-1450" class="phone-number">📞 810-221-1450</a>
<a href="#contact-form" class="btn btn-green">Get Started</a>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<h1>Need Documents Notarized Fast?</h1>
<p class="hero-subheading">We Come to You — Mobile & Online Notary Services</p>
<p>Professional, certified notary services in Michigan & Tennessee. Same-day appointments available. Evenings & weekends. No hassle.</p>
<div class="hero-ctas">
<a href="#contact-form" class="btn btn-primary">Book Your Appointment Now</a>
<a href="tel:810-221-1450" class="btn btn-secondary">Call 810-221-1450</a>
</div>
<div class="trust-badges">
<div class="trust-badge">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none">
<path d="M15 2L18.5 9.5L27 10.8L21 16.7L22.5 25.5L15 21.3L7.5 25.5L9 16.7L3 10.8L11.5 9.5L15 2Z" fill="white"/>
</svg>
<span>Certified & Bonded</span>
</div>
<div class="trust-badge">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none">
<path d="M15 3C8.4 3 3 8.4 3 15C3 21.6 8.4 27 15 27C21.6 27 27 21.6 27 15C27 8.4 21.6 3 15 3ZM15 24C10.05 24 6 19.95 6 15C6 10.05 10.05 6 15 6C19.95 6 24 10.05 24 15C24 19.95 19.95 24 15 24ZM16.5 9H13.5V16.5L19.875 20.25L21 18.225L16.5 15.375V9Z" fill="white"/>
</svg>
<span>Same-Day Service</span>
</div>
<div class="trust-badge">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none">
<path d="M21 7H9C7.34 7 6 8.34 6 10V22C6 23.66 7.34 25 9 25H21C22.66 25 24 23.66 24 22V10C24 8.34 22.66 7 21 7ZM21 22H9V13H21V22Z" fill="white"/>
</svg>
<span>100% Confidential</span>
</div>
</div>
</div>
</section>
<!-- Lead Form Section -->
<section id="contact-form" class="lead-form-section">
<div class="section-container">
<div class="section-header">
<h2>Get Your Free Quote in 60 Seconds</h2>
<p>Fill out the form below and we'll contact you within 1 hour (during business hours)</p>
</div>
<form class="lead-form" id="leadForm">
<div class="form-group">
<label for="fullName">Full Name <span class="required">*</span></label>
<input type="text" id="fullName" name="fullName" required placeholder="John Smith">
</div>
<div class="form-group">
<label for="email">Email Address <span class="required">*</span></label>
<input type="email" id="email" name="email" required placeholder="john@example.com">
</div>
<div class="form-group">
<label for="phone">Phone Number <span class="required">*</span></label>
<input type="tel" id="phone" name="phone" required placeholder="(810) 555-1234">
</div>
<div class="form-group">
<label for="serviceNeeded">Service Needed <span class="required">*</span></label>
<select id="serviceNeeded" name="serviceNeeded" required>
<option value="">-- Select a Service --</option>
<option value="power-of-attorney">Power of Attorney</option>
<option value="real-estate">Real Estate / Loan Signing</option>
<option value="financial">Financial Documents</option>
<option value="business">Business Documents</option>
<option value="property-deed">Property Deed</option>
<option value="wedding">Wedding Officiant</option>
<option value="adoption">Adoption Documents</option>
<option value="prenup">Prenuptial Agreement</option>
<option value="trust">Living Trust / Estate Planning</option>
<option value="fingerprinting">Finger Printing</option>
<option value="other">Other / Not Sure</option>
</select>
</div>
<div class="form-group">
<label for="location">Your Location (City, State)</label>
<input type="text" id="location" name="location" placeholder="Flint, MI">
</div>
<div class="form-group">
<label for="urgency">When do you need service?</label>
<select id="urgency" name="urgency">
<option value="today">Today / Emergency</option>
<option value="this-week">This Week</option>
<option value="next-week">Next Week</option>
<option value="flexible">I'm Flexible</option>
</select>
</div>
<div class="form-group">
<label for="message">Additional Details (Optional)</label>
<textarea id="message" name="message" placeholder="Tell us more about your notary needs..."></textarea>
</div>
<button type="submit" class="btn btn-green form-submit">Get My Free Quote Now →</button>
<p class="privacy-note">🔒 Your information is 100% secure and will never be shared.</p>
</form>
<div class="success-message" id="successMessage">
<h3>✅ Thank You! We've Received Your Request</h3>
<p>We'll contact you within 1 hour during business hours (9 AM - 6 PM EST).</p>
<p>For immediate assistance, call us at <strong>810-221-1450</strong></p>
</div>
</div>
</section>
<!-- Urgency Section -->
<div class="urgency-section">
<h3>⏰ Need Service Today?</h3>
<p>We offer same-day appointments! Call us now at <strong>810-221-1450</strong> and we'll prioritize your request.</p>
</div>
<!-- Benefits Section -->
<section class="benefits-section">
<div class="benefits-container">
<div class="section-header">
<h2>Why Choose Adjure Notary Services?</h2>
<p>We make notarization simple, fast, and stress-free</p>
</div>
<div class="benefits-grid">
<div class="benefit-card">
<div class="benefit-icon">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none">
<path d="M20 5L24.33 13.73L34 15.18L27 22L28.66 32L20 27.27L11.34 32L13 22L6 15.18L15.67 13.73L20 5Z" fill="white" stroke="white" stroke-width="2"/>
</svg>
</div>
<h3>We Come to You</h3>
<p>Mobile notary service at your home, office, hospital, or anywhere convenient for you. No need to travel.</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none">
<path d="M20 5C11.72 5 5 11.72 5 20C5 28.28 11.72 35 20 35C28.28 35 35 28.28 35 20C35 11.72 28.28 5 20 5ZM20 30C14.48 30 10 25.52 10 20C10 14.48 14.48 10 20 10C25.52 10 30 14.48 30 20C30 25.52 25.52 30 20 30ZM22.5 15H17.5V22.5L23.75 26.25L25 24.15L20 21.25V15Z" fill="white"/>
</svg>
</div>
<h3>Same-Day Service</h3>
<p>Need it done today? We offer same-day appointments for urgent notarizations. Evenings and weekends available.</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none">
<path d="M28 13H12C10.34 13 9 14.34 9 16V28C9 29.66 10.34 31 12 31H28C29.66 31 31 29.66 31 28V16C31 14.34 29.66 13 28 13ZM28 28H12V19H28V28Z" fill="white"/>
</svg>
</div>
<h3>Certified & Professional</h3>
<p>Fully licensed, bonded, and insured notary public with years of experience handling sensitive documents.</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none">
<path d="M32 8H28V6C28 4.34 26.66 3 25 3H15C13.34 3 12 4.34 12 6V8H8C5.8 8 4 9.8 4 12V34C4 36.2 5.8 38 8 38H32C34.2 38 36 36.2 36 34V12C36 9.8 34.2 8 32 8ZM15 6H25V8H15V6ZM32 34H8V12H32V34Z" fill="white"/>
</svg>
</div>
<h3>All Document Types</h3>
<p>From real estate closings to power of attorney, we handle all types of notarization with expertise.</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none">
<path d="M20 3C10.6 3 3 10.6 3 20C3 29.4 10.6 37 20 37C29.4 37 37 29.4 37 20C37 10.6 29.4 3 20 3ZM28.4 16.4L18.9 25.9C18.5 26.3 18 26.5 17.5 26.5C17 26.5 16.5 26.3 16.1 25.9L11.6 21.4C10.8 20.6 10.8 19.3 11.6 18.5C12.4 17.7 13.7 17.7 14.5 18.5L17.5 21.5L25.5 13.5C26.3 12.7 27.6 12.7 28.4 13.5C29.2 14.3 29.2 15.6 28.4 16.4Z" fill="white"/>
</svg>
</div>
<h3>100% Satisfaction</h3>
<p>We guarantee professional, accurate service. Your documents are handled with care and confidentiality.</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none">
<path d="M32 18H28V14C28 11.8 26.2 10 24 10H16C13.8 10 12 11.8 12 14V18H8C5.8 18 4 19.8 4 22V34C4 36.2 5.8 38 8 38H32C34.2 38 36 36.2 36 34V22C36 19.8 34.2 18 32 18ZM16 14H24V18H16V14Z" fill="white"/>
</svg>
</div>
<h3>Transparent Pricing</h3>
<p>No hidden fees. Clear, upfront pricing with free quotes. You'll know exactly what you're paying before we start.</p>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section class="services-section">
<div class="services-container">
<div class="section-header">
<h2>Notary Services We Provide</h2>
<p>Professional notarization for all your important documents</p>
</div>
<div class="services-grid">
<div class="service-item">
<h4>✓ Power of Attorney</h4>
<p>General, medical, financial POA documents</p>
</div>
<div class="service-item">
<h4>✓ Real Estate Closings</h4>
<p>Loan signings, mortgage documents, deeds</p>
</div>
<div class="service-item">
<h4>✓ Estate Planning</h4>
<p>Living trusts, wills, estate documents</p>
</div>
<div class="service-item">
<h4>✓ Business Documents</h4>
<p>Contracts, agreements, corporate resolutions</p>
</div>
<div class="service-item">
<h4>✓ Adoption Papers</h4>
<p>Sensitive adoption document handling</p>
</div>
<div class="service-item">
<h4>✓ Prenuptial Agreements</h4>
<p>Confidential prenup notarization</p>
</div>
<div class="service-item">
<h4>✓ Financial Documents</h4>
<p>Banking, investment, loan documents</p>
</div>
<div class="service-item">
<h4>✓ Finger Printing</h4>
<p>Background checks, licensing, employment</p>
</div>
</div>
</div>
</section>
<!-- Social Proof Section -->
<section class="social-proof">
<h2>Trusted by Hundreds of Clients</h2>
<div class="stats-grid">
<div class="stat-item">
<span class="stat-number">500+</span>
<span class="stat-label">Documents Notarized</span>
</div>
<div class="stat-item">
<span class="stat-number">98%</span>
<span class="stat-label">Customer Satisfaction</span>
</div>
<div class="stat-item">
<span class="stat-number">24hr</span>
<span class="stat-label">Average Response Time</span>
</div>
<div class="stat-item">
<span class="stat-number">2</span>
<span class="stat-label">States Served</span>
</div>
</div>
</section>
<!-- Final CTA Section -->
<section class="final-cta">
<h2>Ready to Get Your Documents Notarized?</h2>
<p>Don't wait! Get professional notary service today. Fill out the form above or call us now.</p>
<div class="hero-ctas">
<a href="#contact-form" class="btn btn-primary">Get Your Free Quote</a>
<a href="tel:810-221-1450" class="btn btn-secondary">Call 810-221-1450</a>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<p><strong>Adjure Notary Services</strong></p>
<p>Professional • Confidential • Reliable</p>
<p>Serving Michigan & Tennessee</p>
<p>📧 <a href="mailto:agent@adjurenotary.com">agent@adjurenotary.com</a> | 📞 <a href="tel:810-221-1450">810-221-1450</a></p>
<p>615 S. Saginaw Street Suite 8014, Flint, MI 48502</p>
<p>© 2026 Adjure Notary Services. All rights reserved.</p>
</footer>
<!-- Floating CTA Button -->
<div class="floating-cta">
<a href="#contact-form" class="btn btn-green">📝 Get Quote</a>
</div>
<!-- JavaScript -->
<script>
// Smooth scrolling
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Form submission
document.getElementById('leadForm').addEventListener('submit', function(e) {
e.preventDefault();
// Get form data
const formData = {
fullName: document.getElementById('fullName').value,
email: document.getElementById('email').value,
phone: document.getElementById('phone').value,
serviceNeeded: document.getElementById('serviceNeeded').value,
location: document.getElementById('location').value,
urgency: document.getElementById('urgency').value,
message: document.getElementById('message').value,
timestamp: new Date().toISOString(),
source: 'Landing Page'
};
// Log to console (replace with actual form submission)
console.log('Lead Form Submitted:', formData);
// HERE: Add your form submission code
// Example: Send to email, CRM, database, etc.
// fetch('/api/submit-lead', {
// method: 'POST',
// headers: {'Content-Type': 'application/json'},
// body: JSON.stringify(formData)
// });
// Show success message
document.getElementById('leadForm').style.display = 'none';
document.getElementById('successMessage').classList.add('show');
// Track conversion (Google Analytics, Facebook Pixel, etc.)
// gtag('event', 'conversion', {'send_to': 'AW-XXXXX/XXXX'});
// fbq('track', 'Lead');
// Optional: Scroll to success message
document.getElementById('successMessage').scrollIntoView({
behavior: 'smooth'
});
});
// Phone number formatting
document.getElementById('phone').addEventListener('input', function(e) {
let value = e.target.value.replace(/\D/g, '');
if (value.length > 0) {
if (value.length <= 3) {
value = '(' + value;
} else if (value.length <= 6) {
value = '(' + value.slice(0, 3) + ') ' + value.slice(3);
} else {
value = '(' + value.slice(0, 3) + ') ' + value.slice(3, 6) + '-' + value.slice(6, 10);
}
}
e.target.value = value;
});
// Floating button hide on form section
window.addEventListener('scroll', function() {
const formSection = document.getElementById('contact-form');
const floatingBtn = document.querySelector('.floating-cta');
const formRect = formSection.getBoundingClientRect();
if (formRect.top < window.innerHeight && formRect.bottom > 0) {
floatingBtn.style.opacity = '0';
floatingBtn.style.pointerEvents = 'none';
} else {
floatingBtn.style.opacity = '1';
floatingBtn.style.pointerEvents = 'auto';
}
});
</script>
</body>
</html>