<?php if (isset($component)) { $__componentOriginal52b6740a4059545a9135423805a466b9 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal52b6740a4059545a9135423805a466b9 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'f4ac99e09542ff494432bc959d4fee61::site','data' => ['title' => 'Contact Pushpvatika Florist, Surat | Call 9879991799','description' => 'Call, WhatsApp or visit Pushpvatika Florist in Surat. Open 7 days, 7 AM–9 PM. Free quotes for weddings, birthdays and corporate events. Call 9879991799.','canonical' => route('contact')]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('layouts::site'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['title' => 'Contact Pushpvatika Florist, Surat | Call 9879991799','description' => 'Call, WhatsApp or visit Pushpvatika Florist in Surat. Open 7 days, 7 AM–9 PM. Free quotes for weddings, birthdays and corporate events. Call 9879991799.','canonical' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(route('contact'))]); ?>
<?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::processComponentKey($component); ?>

    
    <section class="hero" style="min-height: 550px; background: linear-gradient(135deg, rgba(0, 104, 56, 0.92) 0%, rgba(35, 150, 97, 0.88) 100%), url('<?php echo e(asset('images/contact/hero.jpg')); ?>'); background-size: cover; background-position: center; background-attachment: fixed;">
        <div class="hero-overlay"></div>
        <div class="container">
            <div class="hero-content">
                <div class="hero-badge">
                    <i class="fas fa-award"></i>
                    <span>40+ YEARS OF PROFESSIONAL EXCELLENCE</span>
                </div>
                <h1 class="hero-title" style="font-size: 3.5rem; margin-bottom: 1.25rem;">Contact Pushpvatika Florist — Surat</h1>
                <p class="hero-subtitle" style="font-size: 1.5rem; margin-bottom: 1rem; font-weight: 600;">Let's Create Something Beautiful Together</p>
                <p class="hero-description" style="font-size: 1.15rem; max-width: 800px; margin: 0 auto 2.5rem; line-height: 1.7;">With over four decades of experience, we transform ordinary spaces into extraordinary experiences. Connect with our team of professionals today for expert consultation.</p>

                
                <div style="display: flex; gap: 3rem; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 2.5rem; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); padding: 2rem 3rem; border-radius: 100px; display: inline-flex;">
                    <div style="text-align: center;">
                        <div style="font-size: 2.5rem; font-weight: 700; color: var(--secondary-200); font-family: var(--font-family-heading);">40+</div>
                        <div style="font-size: 0.9rem; color: rgba(255,255,255,0.95); font-weight: 500;">Years Experience</div>
                    </div>
                    <div style="text-align: center;">
                        <div style="font-size: 2.5rem; font-weight: 700; color: var(--secondary-200); font-family: var(--font-family-heading);">10,000+</div>
                        <div style="font-size: 0.9rem; color: rgba(255,255,255,0.95); font-weight: 500;">Happy Clients</div>
                    </div>
                    <div style="text-align: center;">
                        <div style="font-size: 2.5rem; font-weight: 700; color: var(--secondary-200); font-family: var(--font-family-heading);">5,000+</div>
                        <div style="font-size: 0.9rem; color: rgba(255,255,255,0.95); font-weight: 500;">Events Completed</div>
                    </div>
                </div>

                <div class="hero-buttons" style="margin-top: 3rem;">
                    <a href="tel:<?php echo e(config('site.phone')); ?>" class="btn btn-primary btn-on-dark">
                        <i class="fas fa-phone"></i> Call Now: <?php echo e(config('site.phone')); ?>

                    </a>
                    <a href="#contactForm" class="btn btn-secondary btn-on-dark">
                        <i class="fas fa-envelope"></i> Send Message
                    </a>
                </div>
            </div>
        </div>
    </section>

    
    <section style="background: white; padding: 6rem 0; position: relative; overflow: hidden;">
        <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 10% 20%, rgba(0, 104, 56, 0.03) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(200, 168, 112, 0.03) 0%, transparent 40%);"></div>
        <div class="container" style="position: relative; z-index: 1;">
            <div class="section-header">
                <h2 style="font-size: 2.75rem;">Connect With Our Expert Team</h2>
                <div class="section-divider"></div>
                <p style="font-size: 1.15rem; max-width: 850px; margin: 0 auto; line-height: 1.7;">With over 40 years of professional experience, we're committed to providing exceptional service. Choose your preferred method to get in touch with our dedicated team.</p>
            </div>

            
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 3rem; margin-top: 5rem; max-width: 1200px; margin-left: auto; margin-right: auto;">

                
                <a href="tel:<?php echo e(config('site.phone')); ?>" style="background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%); padding: 3.5rem 3rem; border-radius: var(--radius-2xl); box-shadow: 0 10px 35px rgba(0, 104, 56, 0.1); text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border: 2px solid transparent; position: relative; overflow: hidden; text-decoration: none; display: block;">
                    <div style="background: linear-gradient(135deg, var(--primary-500), var(--accent-500)); width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.75rem; box-shadow: 0 10px 25px rgba(0, 104, 56, 0.3); transition: transform 0.4s ease;">
                        <i class="fas fa-phone" style="font-size: 2.25rem; color: white;"></i>
                    </div>
                    <h3 style="color: var(--primary-600); margin-bottom: 0.75rem; font-size: 1.5rem; font-weight: 700;">Call Us Directly</h3>
                    <p style="font-size: 1.75rem; font-weight: 700; color: var(--neutral-900); margin-bottom: 0.5rem; letter-spacing: 0.5px; font-family: var(--font-family-heading);"><?php echo e(config('site.phone')); ?></p>
                    <p style="color: var(--neutral-600); font-size: 1rem; margin-bottom: 1.25rem;">Immediate Assistance Available</p>
                    <div style="background: var(--primary-50); padding: 1rem 1.25rem; border-radius: var(--radius-lg); margin-top: 1.25rem;">
                        <p style="color: var(--primary-700); font-weight: 600; margin: 0; font-size: 0.95rem;"><i class="fas fa-clock"></i> Mon-Sun: <?php echo e(config('site.hours')); ?></p>
                    </div>
                </a>

                
                <a href="https://wa.me/<?php echo e(config('site.whatsapp')); ?>" target="_blank" style="background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); padding: 3.5rem 3rem; border-radius: var(--radius-2xl); box-shadow: 0 10px 35px rgba(37, 211, 102, 0.1); text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border: 2px solid transparent; position: relative; overflow: hidden; text-decoration: none; display: block;">
                    <div style="background: linear-gradient(135deg, #25d366, #128c7e); width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.75rem; box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);">
                        <i class="fab fa-whatsapp" style="font-size: 2.5rem; color: white;"></i>
                    </div>
                    <h3 style="color: #128c7e; margin-bottom: 0.75rem; font-size: 1.5rem; font-weight: 700;">WhatsApp Chat</h3>
                    <p style="font-size: 1.75rem; font-weight: 700; color: var(--neutral-900); margin-bottom: 0.5rem; letter-spacing: 0.5px; font-family: var(--font-family-heading);">+91 <?php echo e(config('site.phone')); ?></p>
                    <p style="color: #166534; font-size: 1rem; margin-bottom: 1.25rem;">Quick Responses & Photo Sharing</p>
                    <div style="background: white; padding: 1rem 1.25rem; border-radius: var(--radius-lg); margin-top: 1.25rem;">
                        <p style="color: #166534; font-weight: 600; margin: 0; font-size: 0.95rem;"><i class="fas fa-bolt"></i> Instant Messaging 24/7</p>
                    </div>
                </a>

                
                <a href="mailto:<?php echo e(config('site.email')); ?>" style="background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); padding: 3.5rem 3rem; border-radius: var(--radius-2xl); box-shadow: 0 10px 35px rgba(200, 168, 112, 0.1); text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border: 2px solid transparent; position: relative; overflow: hidden; text-decoration: none; display: block;">
                    <div style="background: linear-gradient(135deg, var(--secondary-500), var(--secondary-600)); width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.75rem; box-shadow: 0 10px 25px rgba(200, 168, 112, 0.35);">
                        <i class="fas fa-envelope" style="font-size: 2.25rem; color: white;"></i>
                    </div>
                    <h3 style="color: var(--secondary-700); margin-bottom: 0.75rem; font-size: 1.5rem; font-weight: 700;">Email Inquiry</h3>
                    <p style="font-size: 1.15rem; font-weight: 600; color: var(--neutral-900); margin-bottom: 0.5rem; word-break: break-all;"><?php echo e(config('site.email')); ?></p>
                    <p style="color: #92400e; font-size: 1rem; margin-bottom: 1.25rem;">Detailed Project Discussions</p>
                    <div style="background: white; padding: 1rem 1.25rem; border-radius: var(--radius-lg); margin-top: 1.25rem;">
                        <p style="color: #92400e; font-weight: 600; margin: 0; font-size: 0.95rem;"><i class="fas fa-reply"></i> Response Within 24 Hours</p>
                    </div>
                </a>

            </div>

            
            <div style="margin-top: 5rem; max-width: 1000px; margin-left: auto; margin-right: auto;">
                <div style="background: linear-gradient(135deg, var(--primary-50) 0%, var(--secondary-50) 100%); padding: 3.5rem; border-radius: var(--radius-2xl); border-left: 6px solid var(--primary-500); box-shadow: var(--shadow-lg);">
                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 3rem; align-items: center;">
                        <div style="text-align: center;">
                            <div style="font-size: 3.5rem; color: var(--primary-500); margin-bottom: 1rem;">
                                <i class="fas fa-store"></i>
                            </div>
                            <h4 style="color: var(--primary-700); font-size: 1.3rem; margin-bottom: 0.75rem; font-weight: 700;">Visit Our Shop</h4>
                            <address style="font-style: normal; color: var(--neutral-800); font-weight: 600; margin: 0; font-size: 1.05rem;">
                                
                                <?php echo e(config('site.address.locality')); ?>, <?php echo e(config('site.address.region')); ?> <?php echo e(config('site.address.postal_code')); ?>, India
                            </address>
                            <p style="color: var(--neutral-600); font-size: 0.95rem; margin-top: 0.5rem;">Experience our fresh collection</p>
                        </div>
                        <div style="text-align: center;">
                            <div style="font-size: 3.5rem; color: var(--secondary-500); margin-bottom: 1rem;">
                                <i class="fas fa-clock"></i>
                            </div>
                            <h4 style="color: var(--secondary-700); font-size: 1.3rem; margin-bottom: 0.75rem; font-weight: 700;">Business Hours</h4>
                            <p style="color: var(--neutral-800); font-weight: 600; margin: 0; font-size: 1.05rem;">Open 7 Days a Week</p>
                            <p style="color: var(--neutral-600); font-size: 0.95rem; margin-top: 0.5rem;"><?php echo e(config('site.hours')); ?></p>
                        </div>
                        <div style="text-align: center;">
                            <div style="font-size: 3.5rem; color: #2563eb; margin-bottom: 1rem;">
                                <i class="fas fa-headset"></i>
                            </div>
                            <h4 style="color: #1e40af; font-size: 1.3rem; margin-bottom: 0.75rem; font-weight: 700;">Expert Support</h4>
                            <p style="color: var(--neutral-800); font-weight: 600; margin: 0; font-size: 1.05rem;">Dedicated Team</p>
                            <p style="color: var(--neutral-600); font-size: 0.95rem; margin-top: 0.5rem;">Professional guidance</p>
                        </div>
                    </div>

                    
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(config('site.maps_embed_url')): ?>
                        <div style="margin-top: 2.5rem; border-radius: var(--radius-xl); overflow: hidden;">
                            <iframe src="<?php echo e(config('site.maps_embed_url')); ?>" width="100%" height="320" style="border:0;" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Pushpvatika Florist location, Surat"></iframe>
                        </div>
                        <div style="text-align: center; margin-top: 1.5rem;">
                            <a href="<?php echo e(config('site.maps_share_url')); ?>" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">
                                <i class="fas fa-diamond-turn-right"></i> Get Directions
                            </a>
                        </div>
                    <?php else: ?>
                        <div style="text-align: center; margin-top: 2.5rem;">
                            <a href="https://www.google.com/maps/search/?api=1&query=<?php echo e(urlencode(config('site.name').', '.config('site.address.locality').', '.config('site.address.region').' '.config('site.address.postal_code'))); ?>" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">
                                <i class="fas fa-diamond-turn-right"></i> Get Directions
                            </a>
                        </div>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </div>
            </div>
        </div>
    </section>

    
    <section class="contact">
        <div class="container">
            <div class="section-header">
                <h2>Get In Touch With Us</h2>
                <div class="section-divider"></div>
                <p>Fill out the form below or use any of the contact methods above. Our expert team will respond promptly.</p>
            </div>
            <div class="contact-content">
                <div class="contact-info">
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-phone"></i>
                        </div>
                        <div class="contact-details">
                            <h4>Phone</h4>
                            <a href="tel:<?php echo e(config('site.phone')); ?>"><?php echo e(config('site.phone')); ?></a>
                            <p style="margin-top: 0.5rem; color: var(--color-text-secondary);">Call us anytime during business hours for immediate assistance</p>
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div class="contact-details">
                            <h4>Email</h4>
                            <a href="mailto:<?php echo e(config('site.email')); ?>"><?php echo e(config('site.email')); ?></a>
                            <p style="margin-top: 0.5rem; color: var(--color-text-secondary);">Send us your requirements and we'll respond within 24 hours</p>
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-clock"></i>
                        </div>
                        <div class="contact-details">
                            <h4>Business Hours</h4>
                            <p>Monday - Sunday<br><?php echo e(config('site.hours')); ?></p>
                            <p style="margin-top: 0.5rem; color: var(--color-text-secondary);">We're open 7 days a week to serve you better</p>
                        </div>
                    </div>
                </div>
                <div class="contact-form-wrapper">
                    <form class="contact-form" id="contactForm">
                        <h3 style="margin-bottom: 1.5rem; color: var(--color-text-primary); text-align: center;">
                            <i class="fas fa-paper-plane"></i> Send Us a Message
                        </h3>
                        
                        <div style="position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;" aria-hidden="true">
                            <label for="website">Website</label>
                            <input type="text" id="website" name="website" tabindex="-1" autocomplete="off">
                        </div>
                        <div class="form-group">
                            <label for="name"><i class="fas fa-user"></i> Your Name <span aria-hidden="true">*</span></label>
                            <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required>
                        </div>
                        <div class="form-group">
                            <label for="phone"><i class="fas fa-phone"></i> Phone Number <span aria-hidden="true">*</span></label>
                            <input type="tel" id="phone" name="phone" placeholder="10-digit mobile, e.g. 9876543210" autocomplete="tel" inputmode="tel" required>
                        </div>
                        <div class="form-group">
                            <label for="email"><i class="fas fa-envelope"></i> Email Address <span aria-hidden="true">*</span></label>
                            <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required>
                        </div>
                        <div class="form-group">
                            <label for="service"><i class="fas fa-concierge-bell"></i> Service Interested In <span aria-hidden="true">*</span></label>
                            <select id="service" name="service" required>
                                <option value="">Select Service</option>
                                <option value="daily-delivery">Daily Flower Delivery</option>
                                <option value="event">Event Decoration</option>
                                <option value="marriage">Marriage Decoration</option>
                                <option value="birthday">Birthday Party Decoration</option>
                                <option value="corporate">Corporate Event Decoration</option>
                                <option value="festival">Festival Decoration</option>
                                <option value="other">Other Decoration</option>
                                <option value="general">General Inquiry</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="event-date"><i class="fas fa-calendar"></i> Event Date (optional)</label>
                            <input type="date" id="event-date" name="event-date" placeholder="Select event date">
                        </div>
                        <div class="form-group">
                            <label for="budget"><i class="fas fa-wallet"></i> Budget Range (optional)</label>
                            <select id="budget" name="budget">
                                <option value="">Select Budget Range</option>
                                <option value="upto-5000">Up to ₹5,000</option>
                                <option value="5000-15000">₹5,000 - ₹15,000</option>
                                <option value="15000-30000">₹15,000 - ₹30,000</option>
                                <option value="30000-50000">₹30,000 - ₹50,000</option>
                                <option value="50000+">₹50,000+</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="message"><i class="fas fa-message"></i> Your Message <span aria-hidden="true">*</span></label>
                            <textarea id="message" name="message" rows="5" placeholder="Tell us about your requirements..." required></textarea>
                        </div>
                        <div class="form-group" style="display: flex; align-items: center; gap: 0.75rem;">
                            <input type="checkbox" id="terms" name="terms" required style="width: 24px; height: 24px; min-width: 24px; min-height: 24px; flex-shrink: 0;">
                            <label for="terms" style="margin: 0; padding: 0.5rem 0;">I agree to be contacted for my inquiry <span aria-hidden="true">*</span></label>
                        </div>
                        <p style="color: var(--color-text-secondary); font-size: 0.85rem; margin-bottom: 1rem;"><span aria-hidden="true">*</span> Required field</p>
                        <button type="submit" class="btn btn-accent">
                            <i class="fas fa-paper-plane"></i> Send Message
                        </button>
                        <p style="text-align: center; color: var(--color-text-secondary); margin-top: 1rem; font-size: 0.9rem;">
                            <i class="fas fa-check-circle"></i> We'll get back to you within 24 hours
                        </p>
                    </form>
                </div>
            </div>
        </div>
    </section>

    
    <section class="about" style="background: white;">
        <div class="container">
            <div class="section-header">
                <h2>Why Choose Pushpvatika Florist?</h2>
                <div class="section-divider"></div>
                <p>Discover the benefits of working with a professional team backed by 40+ years of excellence</p>
            </div>
            <div class="services-grid">
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-user-tie"></i>
                    </div>
                    <h3>Expert Consultation</h3>
                    <p>Free professional advice from our experienced team. We guide you through every step to ensure perfect results.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-file-invoice-dollar"></i>
                    </div>
                    <h3>Transparent Pricing</h3>
                    <p>Detailed, transparent quotes for your decoration needs without any hidden charges or obligations.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-calendar-check"></i>
                    </div>
                    <h3>Flexible Scheduling</h3>
                    <p>Easy booking process with flexible scheduling to accommodate your timeline and preferences.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-palette"></i>
                    </div>
                    <h3>Custom Solutions</h3>
                    <p>Every project is unique. We work with you to create something perfect for your specific vision.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-award"></i>
                    </div>
                    <h3>40+ Years Experience</h3>
                    <p>Four decades of perfecting our craft ensures exceptional quality and professional execution.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-thumbs-up"></i>
                    </div>
                    <h3>Quality Guarantee</h3>
                    <p>100% satisfaction guarantee on all our services. Your happiness is our top priority.</p>
                </div>
            </div>
        </div>
    </section>

    
    <section class="about" style="background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); position: relative; overflow: hidden;">
        <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 50%, rgba(0, 104, 56, 0.02) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(200, 168, 112, 0.02) 0%, transparent 50%);"></div>
        <div class="container" style="position: relative; z-index: 1;">
            <div class="section-header">
                <h2 style="font-size: 2.75rem;">Built on Four Decades of Excellence</h2>
                <div class="section-divider"></div>
                <p style="font-size: 1.15rem; max-width: 850px; margin: 0 auto;">Since 1985, we've been the trusted choice for exceptional floral services and decoration excellence. Our 40+ years of experience speaks through every arrangement we create.</p>
            </div>

            
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-top: 5rem; max-width: 1200px; margin-left: auto; margin-right: auto;">
                <div style="background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%); padding: 3.5rem 2.5rem; border-radius: var(--radius-2xl); box-shadow: 0 12px 40px rgba(0, 104, 56, 0.08); text-align: center; border-top: 5px solid var(--primary-500); transition: transform 0.3s ease;">
                    <div style="background: linear-gradient(135deg, var(--primary-500), var(--accent-500)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4rem; margin-bottom: 1rem; font-weight: 700; font-family: var(--font-family-heading);">40+</div>
                    <p style="font-weight: 700; color: var(--neutral-900); margin-bottom: 0.75rem; font-size: 1.25rem;">Years of Expertise</p>
                    <p style="color: var(--neutral-600); font-size: 1rem; line-height: 1.6;">Four decades of perfecting our craft and serving customers with dedication</p>
                </div>
                <div style="background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%); padding: 3.5rem 2.5rem; border-radius: var(--radius-2xl); box-shadow: 0 12px 40px rgba(200, 168, 112, 0.08); text-align: center; border-top: 5px solid var(--secondary-500); transition: transform 0.3s ease;">
                    <div style="background: linear-gradient(135deg, var(--secondary-500), var(--secondary-600)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4rem; margin-bottom: 1rem; font-weight: 700; font-family: var(--font-family-heading);">10,000+</div>
                    <p style="font-weight: 700; color: var(--neutral-900); margin-bottom: 0.75rem; font-size: 1.25rem;">Satisfied Clients</p>
                    <p style="color: var(--neutral-600); font-size: 1rem; line-height: 1.6;">Thousands trust us for their most important celebrations</p>
                </div>
                <div style="background: linear-gradient(135deg, #ffffff 0%, #fef3c7 100%); padding: 3.5rem 2.5rem; border-radius: var(--radius-2xl); box-shadow: 0 12px 40px rgba(251, 191, 36, 0.08); text-align: center; border-top: 5px solid #fbbf24; transition: transform 0.3s ease;">
                    <div style="color: #fbbf24; font-size: 3rem; margin-bottom: 1rem;">
                        <i class="fas fa-truck-fast"></i>
                    </div>
                    <p style="font-weight: 700; color: var(--neutral-900); margin-bottom: 0.75rem; font-size: 1.25rem;">Before 8 AM, Daily</p>
                    <p style="color: var(--neutral-600); font-size: 1rem; line-height: 1.6;">Subscription flowers reach your door every morning, in time for puja</p>
                </div>
                <div style="background: linear-gradient(135deg, #ffffff 0%, #dcfce7 100%); padding: 3.5rem 2.5rem; border-radius: var(--radius-2xl); box-shadow: 0 12px 40px rgba(34, 197, 94, 0.08); text-align: center; border-top: 5px solid #22c55e; transition: transform 0.3s ease;">
                    <div style="color: #22c55e; font-size: 4rem; margin-bottom: 1rem; font-weight: 700; font-family: var(--font-family-heading);">100%</div>
                    <p style="font-weight: 700; color: var(--neutral-900); margin-bottom: 0.75rem; font-size: 1.25rem;">Quality Assurance</p>
                    <p style="color: var(--neutral-600); font-size: 1rem; line-height: 1.6;">Fresh flowers and professional execution guaranteed</p>
                </div>
            </div>

            
            <div style="margin-top: 6rem; max-width: 1200px; margin-left: auto; margin-right: auto;">
                <div style="text-align: center; margin-bottom: 4rem;">
                    <h3 style="font-size: 2.25rem; color: var(--primary-500); margin-bottom: 1rem; font-weight: 700;">Trusted by Professionals & Families Alike</h3>
                    <p style="color: var(--neutral-600); font-size: 1.1rem;">Real experiences from our valued customers over 40+ years</p>
                </div>
                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 3rem;">
                    
                    <div style="background: white; padding: 3rem; border-radius: var(--radius-2xl); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06); border-left: 6px solid var(--primary-500); transition: all 0.3s ease; position: relative;">
                        <div style="color: #fbbf24; margin-bottom: 1.25rem; font-size: 1.2rem;">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                        <p style="color: var(--neutral-700); font-style: italic; margin-bottom: 2rem; font-size: 1.1rem; line-height: 1.8;">"Absolutely stunning wedding decorations! The team's attention to detail and professionalism made our special day truly magical. Four decades of experience truly shows in their work."</p>
                        <div style="display: flex; align-items: center; gap: 1.25rem;">
                            <div style="width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-500), var(--accent-500)); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 1.5rem;">R</div>
                            <div>
                                <p style="color: var(--primary-600); font-weight: 700; margin: 0; font-size: 1.1rem;">Rajesh & Priya Mehta</p>
                                <p style="color: var(--neutral-600); margin: 0; font-size: 0.95rem;">Wedding Decoration Service</p>
                            </div>
                        </div>
                    </div>

                    
                    <div style="background: white; padding: 3rem; border-radius: var(--radius-2xl); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06); border-left: 6px solid var(--secondary-500); transition: all 0.3s ease; position: relative;">
                        <div style="color: #fbbf24; margin-bottom: 1.25rem; font-size: 1.2rem;">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                        <p style="color: var(--neutral-700); font-style: italic; margin-bottom: 2rem; font-size: 1.1rem; line-height: 1.8;">"Fresh flowers delivered to my home every morning for 2 years now. Their consistency and quality are unmatched. Best decision for my daily pooja needs!"</p>
                        <div style="display: flex; align-items: center; gap: 1.25rem;">
                            <div style="width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, var(--secondary-500), var(--secondary-600)); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 1.5rem;">S</div>
                            <div>
                                <p style="color: var(--secondary-600); font-weight: 700; margin: 0; font-size: 1.1rem;">Mrs. Anita Sharma</p>
                                <p style="color: var(--neutral-600); margin: 0; font-size: 0.95rem;">Daily Subscription Customer</p>
                            </div>
                        </div>
                    </div>

                    
                    <div style="background: white; padding: 3rem; border-radius: var(--radius-2xl); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06); border-left: 6px solid #22c55e; transition: all 0.3s ease; position: relative;">
                        <div style="color: #fbbf24; margin-bottom: 1.25rem; font-size: 1.2rem;">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                        <p style="color: var(--neutral-700); font-style: italic; margin-bottom: 2rem; font-size: 1.1rem; line-height: 1.8;">"Outstanding corporate event decoration. Professional, punctual, and pristine execution. They understood our brand vision perfectly and delivered beyond expectations!"</p>
                        <div style="display: flex; align-items: center; gap: 1.25rem;">
                            <div style="width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, #22c55e, #16a34a); display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 1.5rem;">A</div>
                            <div>
                                <p style="color: #16a34a; font-weight: 700; margin: 0; font-size: 1.1rem;">Amit Kumar</p>
                                <p style="color: var(--neutral-600); margin: 0; font-size: 0.95rem;">Corporate Event Manager</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="services">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked Questions</h2>
                <div class="section-divider"></div>
                <p>Quick answers to common questions from our 40+ years of experience</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <h4><i class="fas fa-question-circle"></i> How far in advance should I book?</h4>
                    <p>For daily flower delivery, you can order a day in advance. For events and weddings, we recommend booking at least 2-3 weeks in advance to ensure availability and proper planning.</p>
                </div>
                <div class="faq-item">
                    <h4><i class="fas fa-question-circle"></i> Do you provide decoration services outside the city?</h4>
                    <p>Yes, we provide services in surrounding areas. Contact us with your location, and we'll confirm if we can serve your area.</p>
                </div>
                <div class="faq-item">
                    <h4><i class="fas fa-question-circle"></i> Can I see samples of your work?</h4>
                    <p>Absolutely! Visit our shop or check our portfolio. We can also share photos of similar projects based on your requirements.</p>
                </div>
                <div class="faq-item">
                    <h4><i class="fas fa-question-circle"></i> What payment methods do you accept?</h4>
                    <p>We accept cash, bank transfers, and digital payments including UPI, credit/debit cards. Payment terms will be discussed during booking.</p>
                </div>
                <div class="faq-item">
                    <h4><i class="fas fa-question-circle"></i> Do you offer same-day delivery?</h4>
                    <p>Yes, for daily flower delivery within the city, we offer same-day delivery if ordered before 10 AM, subject to availability.</p>
                </div>
                <div class="faq-item">
                    <h4><i class="fas fa-question-circle"></i> What makes you different with 40+ years of experience?</h4>
                    <p>Our four decades of experience means refined techniques, trusted supplier relationships, proven designs, and deep understanding of customer needs. We've perfected our craft since 1985.</p>
                </div>
            </div>
        </div>
    </section>

    
    <section class="cta-section" style="margin: 0;">
        <div class="container">
            <h2>Ready to Experience 40+ Years of Excellence?</h2>
            <p>Don't wait - connect with our professional team today and let's create something beautiful together!</p>
            <div style="display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem;">
                <a href="tel:<?php echo e(config('site.phone')); ?>" class="btn btn-primary btn-on-dark" title="Call us directly at <?php echo e(config('site.phone')); ?>">
                    <i class="fas fa-phone"></i> Call Now: <?php echo e(config('site.phone')); ?>

                </a>
                <a href="https://wa.me/<?php echo e(config('site.whatsapp')); ?>" class="btn btn-secondary btn-on-dark" title="Chat with us on WhatsApp">
                    <i class="fab fa-whatsapp"></i> WhatsApp Us
                </a>
                <a href="/services" class="btn btn-secondary btn-on-dark" title="Explore our professional services">
                    <i class="fas fa-concierge-bell"></i> View Our Services
                </a>
            </div>
        </div>
    </section>

    <?php $__env->startPush('scripts'); ?>
        <?php echo app('Illuminate\Foundation\Vite')('resources/js/contact-form.js'); ?>
    <?php $__env->stopPush(); ?>

    <?php $__env->startPush('schema'); ?>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://pushpvatikaflorist.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Contact",
          "item": "https://pushpvatikaflorist.com/contact"
        }
      ]
    }
    </script>

    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ContactPage",
      "mainEntity": {
        "@type": "LocalBusiness",
        "@id": "https://pushpvatikaflorist.com/#business",
        "name": "<?php echo e(config('site.name')); ?>",
        "telephone": "+91-<?php echo e(config('site.phone')); ?>",
        "email": "<?php echo e(config('site.email')); ?>",
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "<?php echo e(config('site.address.locality')); ?>",
          "addressRegion": "<?php echo e(config('site.address.region')); ?>",
          "postalCode": "<?php echo e(config('site.address.postal_code')); ?>",
          "addressCountry": "<?php echo e(config('site.address.country')); ?>"
        },
        "areaServed": {
          "@type": "City",
          "name": "<?php echo e(config('site.address.locality')); ?>"
        },
        "openingHours": "Mo-Su 07:00-21:00"
      }
    }
    </script>

    
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Florist",
      "@id": "https://pushpvatikaflorist.com/#business",
      "name": "<?php echo e(config('site.name')); ?>",
      "image": "https://pushpvatikaflorist.com/PHOTO-2026-01-04-12-55-05.jpg",
      "telephone": "+91-<?php echo e(config('site.phone')); ?>",
      "email": "<?php echo e(config('site.email')); ?>",
      "foundingDate": "<?php echo e(config('site.founded_year')); ?>",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "<?php echo e(config('site.address.locality')); ?>",
        "addressRegion": "<?php echo e(config('site.address.region')); ?>",
        "postalCode": "<?php echo e(config('site.address.postal_code')); ?>",
        "addressCountry": "<?php echo e(config('site.address.country')); ?>"
      },
      "areaServed": {
        "@type": "City",
        "name": "<?php echo e(config('site.address.locality')); ?>"
      },
      "openingHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
        "opens": "07:00",
        "closes": "21:00"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "Customer Service",
        "telephone": "+91-<?php echo e(config('site.phone')); ?>",
        "areaServed": "<?php echo e(config('site.address.country')); ?>",
        "availableLanguage": "en"
      }
    }
    </script>

    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "How far in advance should I book?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "For daily flower delivery, you can order a day in advance. For events and weddings, we recommend booking at least 2-3 weeks in advance to ensure availability and proper planning."
          }
        },
        {
          "@type": "Question",
          "name": "Do you provide decoration services outside the city?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes, we provide services in surrounding areas. Contact us with your location, and we'll confirm if we can serve your area."
          }
        },
        {
          "@type": "Question",
          "name": "Do you offer same-day delivery?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes, for daily flower delivery within the city, we offer same-day delivery if ordered before 10 AM."
          }
        },
        {
          "@type": "Question",
          "name": "What payment methods do you accept?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "We accept cash, bank transfers, and digital payments. Payment terms will be discussed during booking."
          }
        }
      ]
    }
    </script>
    <?php $__env->stopPush(); ?>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal52b6740a4059545a9135423805a466b9)): ?>
<?php $attributes = $__attributesOriginal52b6740a4059545a9135423805a466b9; ?>
<?php unset($__attributesOriginal52b6740a4059545a9135423805a466b9); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal52b6740a4059545a9135423805a466b9)): ?>
<?php $component = $__componentOriginal52b6740a4059545a9135423805a466b9; ?>
<?php unset($__componentOriginal52b6740a4059545a9135423805a466b9); ?>
<?php endif; ?>
<?php /**PATH /Users/dineshmali/code/pushpvatikaflorist1/resources/views/pages/site/contact.blade.php ENDPATH**/ ?>