Heray-Was-Here
Server : Apache
System : Linux dal-shared-66.hostwindsdns.com 4.18.0-513.24.1.lve.1.el8.x86_64 #1 SMP Thu May 9 15:10:09 UTC 2024 x86_64
User : krnuyqrm ( 1183)
PHP Version : 7.4.33
Disable Function : NONE
Directory :  /home/krnuyqrm/public_html/websitepMAIN10.2mobiletest/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/krnuyqrm/public_html/websitepMAIN10.2mobiletest/schedule.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Schedule Appointment - Performance Curve Physical Therapy</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700;900&display=swap" rel="stylesheet">
</head>
<body class="schedule-page">
    <header class="header">
        <nav class="navbar">
            <div class="nav-container">
                <div class="logo">
                    <a href="index.htm">
                        <img src="PerfCurvePTLogo-cropped-TopLeft.png" alt="Performance Curve PT Logo">
                    </a>
                </div>
                <ul class="nav-menu">
                    <li><a href="index.htm">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="services.html">Services</a></li>
                    <li><a href="schedule.html" class="active">Schedule</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
                <a href="schedule.html#appointment-section" class="btn-book-today">BOOK TODAY</a>

                <div class="hamburger">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <!-- Hero Section -->
        <section class="hero-section about-hero">
            <div class="container">
                <div class="hero-content">
                    <div class="hero-text">
                        <h1 class="hero-title">Schedule Your Consultation</h1>
                        <p class="hero-subtitle">Take the first step towards optimizing your performance curve. Book your personalized consultation with<br>Dr. Zanobia Rababeh, DPT.</p>
                        <div class="hero-cta" style="justify-content: center;">
                            <button class="btn btn-primary" onclick="scrollToForm()">Book Now</button>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- Scheduling Form Section -->
        <section class="contact-section" id="appointment-section">
            <div class="container">
                <h2 class="section-title">Request Your Appointment</h2>
                <div class="contact-grid">
                    <div class="contact-info">
                        <h3>Ready to Start Your Journey?</h3>
                        <p>Fill out the form to request your initial consultation. Dr. Rababeh will review your information and contact you within 24 hours to confirm your appointment time.</p>
                        
                        <div class="contact-details">
                            <h4>What to Expect</h4>
                            <p><strong>Initial Consultation:</strong> 60-minute comprehensive evaluation including medical history, movement assessment, and goal setting.</p>
                            <p><strong>Follow-up Sessions:</strong> 45-minute personalized treatment sessions focused on your specific needs and progress.</p>
                            <p><strong>Flexible Scheduling:</strong> Morning, afternoon, and evening appointments available to fit your schedule.</p>
                        </div>

                        <div class="contact-details">
                            <h4>Location & Hours</h4>
                            <p><strong>Address:</strong> 16683 Johnson Creek Drive, Northville, MI 48168</p>
                            <p><strong>Hours:</strong> By appointment only - Flexible scheduling available</p>
                            <p><strong>Contact:</strong> <a href="mailto:drz@performancecurvept.com">drz@performancecurvept.com</a></p>
                        </div>

                        <div class="contact-details">
                            <h4>Accepted Insurance</h4>
                            <div class="insurance-carousel">
                                <button class="carousel-arrow left" onclick="moveCarousel(-1)">‹</button>
                                <div class="carousel-container">
                                    <div class="carousel-track">
                                        <img src="health_insur/BCBS.png" alt="Blue Cross Blue Shield" class="carousel-item">
                                        <img src="health_insur/aetna.png" alt="Aetna" class="carousel-item">
                                        <img src="health_insur/BCN.png" alt="BCN" class="carousel-item">
                                        <img src="health_insur/anthem.png" alt="Anthem" class="carousel-item">
                                        <img src="health_insur/priorityhealth.png" alt="Priority Health" class="carousel-item">
                                        <img src="health_insur/medicare.png" alt="Medicare" class="carousel-item">
                                        <img src="health_insur/cigna.png" alt="Cigna" class="carousel-item">
                                        <img src="health_insur/united_healthcare.png" alt="United Healthcare" class="carousel-item">
                                    </div>
                                </div>
                                <button class="carousel-arrow right" onclick="moveCarousel(1)">›</button>
                            </div>
                        </div>
                    </div>
                    	
					
					
					
					
					
					
					
					
					
                    <div class="contact-form">
                        <h3>Appointment Request Form</h3>
						
						
						
                        <form id="scheduleForm" action="https://api.web3forms.com/submit" method="POST">
						
						    <input type="hidden" name="access_key" value="b3fbb642-4a13-477a-96a7-a68df1d6e5aa" />
							<input type="hidden" name="subject" value="PCPT Schedule Form Submission" />
							<input type="hidden" name="from_name" value="PerformanceCurvePT.com" />
							<input type="hidden" name="redirect" value="https://performancecurvept.com/success.htm">
							
                            <div class="form-group" id="form-start">
                                <input type="text" id="firstName" name="firstName" required>
                                <label for="firstName">First Name*</label>
                            </div>
                            
                            <div class="form-group">
                                <input type="text" id="lastName" name="lastName" required>
                                <label for="lastName">Last Name*</label>
                            </div>
                            
                            <div class="form-group">
                                <input type="tel" id="phone" name="phone" required>
                                <label for="phone">Phone*</label>
                            </div>
                            
                            <div class="form-group">
                                <input type="email" id="email" name="email" required>
                                <label for="email">Email*</label>
                            </div>

                            <div class="form-group">
                                <select id="bodyPart" name="bodyPart" required>
                                    <option value="">Select Body Part</option>
                                    <option value="neck">Neck</option>
                                    <option value="shoulder">Shoulder</option>
                                    <option value="back">Back</option>
                                    <option value="hip">Hip</option>
                                    <option value="knee">Knee</option>
                                    <option value="ankle">Ankle</option>
                                    <option value="foot">Foot</option>
                                    <option value="wrist">Wrist</option>
                                    <option value="elbow">Elbow</option>
                                    <option value="multiple">Multiple Areas</option>
                                    <option value="other">Other</option>
                                </select>
                                <label for="bodyPart">What body part would you like treatment for?*</label>
                            </div>

                            <div class="form-group">
                                <input type="text" id="insuranceProvider" name="insuranceProvider">
                                <label for="insuranceProvider">Insurance Provider</label>
                            </div>

                            <div class="form-group">
                                <input type="text" id="memberId" name="memberId">
                                <label for="memberId">Member ID #</label>
                            </div>
                            
                            <div class="form-group">
                                <textarea id="message" name="message" rows="5" placeholder="Please describe your goals, current symptoms, or any specific concerns you'd like to address..."></textarea>
                            </div>
                            
                            <button type="submit" class="btn btn-primary">Submit Request</button>
                        </form>
						
						
						
						
						
						
						
						
						
						
						
						
                    </div>
                </div>
            </div>
        </section>















        <!-- What to Expect Section -->
        <section class="features-section">
            <div class="container">
                <h2 class="section-title">What to Expect</h2>
                <div class="features-grid three-cards">
                    <div class="feature-card">
                        <div class="feature-icon">📋</div>
                        <h3>Initial Assessment</h3>
                        <p>Comprehensive evaluation including medical history, movement patterns, strength testing, and goal setting to create your personalized treatment plan.</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">🎯</div>
                        <h3>Personalized Plan</h3>
                        <p>Your treatment plan is tailored specifically to your needs, goals, and performance curve. No cookie-cutter approaches here.</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">📈</div>
                        <h3>Progress Tracking</h3>
                        <p>Regular assessments and adjustments to ensure you're making optimal progress toward your health and performance goals.</p>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>Performance Curve Physical Therapy</h3>
                    <p>Perform. Adapt. Transform.</p>
                    <map name="socialmap">
                        <area shape="rect" coords="-15,0,49,65" href="https://www.facebook.com/profile.php?id=61578236514353" target="_blank" alt="Facebook">
                        <area shape="rect" coords="54,0,101,65" href="https://www.instagram.com/performance_curve_dpt" target="_blank" alt="Instagram">
                        <area shape="rect" coords="110,0,160,65" href="https://maps.app.goo.gl/oFQVEosEYpMzYKK99" target="_blank" alt="Google Maps">
                    </map>
                    <img src="socials3.5.png" alt="Social Media Links" usemap="#socialmap" style="margin-top: 32px; margin-left: -10px; max-width: 160px; height: auto; text-align: left;">
                </div>
                <div class="footer-section">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="index.htm">Home</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="services.html">Services</a></li>
                        <li><a href="schedule.html">Schedule</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Contact</h4>
                    <p class="footer-email" style="text-indent: -70px; padding-left: 70px;">Email:     <a href="mailto:drz@performancecurvept.com">drz@performancecurvept.com</a></p>
                    <p>Address: 37613 Five Mile Road<br>Livonia, MI 48154</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 Performance Curve Physical Therapy - All Rights Reserved.</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
    <script>
        function scrollToForm() {
            document.getElementById('appointment-section').scrollIntoView({ 
                behavior: 'smooth' 
            });
        }

        // Set minimum date to today
        document.addEventListener('DOMContentLoaded', function() {
            const today = new Date().toISOString().split('T')[0];
            document.getElementById('preferredDate').min = today;
        });

        // Insurance Carousel functionality
        let currentCarouselIndex = 0;
        const carouselItems = document.querySelectorAll('.carousel-item');
        const totalItems = carouselItems.length;
        const itemsPerView = window.innerWidth <= 480 ? 1 : window.innerWidth <= 768 ? 2 : 2.5;

        function moveCarousel(direction) {
            currentCarouselIndex += direction;
            
            // Handle wrapping
            if (currentCarouselIndex < 0) {
                currentCarouselIndex = totalItems - Math.ceil(itemsPerView);
            } else if (currentCarouselIndex > totalItems - Math.ceil(itemsPerView)) {
                currentCarouselIndex = 0;
            }
            
            const track = document.querySelector('.carousel-track');
            const itemWidth = 100 / itemsPerView;
            const translateX = -(currentCarouselIndex * itemWidth);
            track.style.transform = `translateX(${translateX}%)`;
        }

        // Update carousel on window resize
        window.addEventListener('resize', function() {
            const newItemsPerView = window.innerWidth <= 480 ? 1 : window.innerWidth <= 768 ? 2 : 2.5;
            if (newItemsPerView !== itemsPerView) {
                currentCarouselIndex = 0;
                const track = document.querySelector('.carousel-track');
                track.style.transform = 'translateX(0)';
            }
        });
    </script>
</body>
</html>

Hry