
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Analytic Hub - Accelerating Growth Through Data, Technology & Digital Innovation">
    <title>Analytic Hub - Data, Technology & Digital Innovation</title>
    <link rel="icon" type="image/png" href="https://theanalytichub.com/assets/images/favicon.png">
    <link rel="shortcut icon" type="image/png" href="https://theanalytichub.com/assets/images/favicon.png">
    <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=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://theanalytichub.com/css/style.css">
    </head>
<body>
    
    <!-- ========== HEADER / NAVIGATION ========== -->
    <header class="header">
        <div class="container">
            <nav class="navbar">
                <a href="https://theanalytichub.com" class="logo">
                    <img src="https://theanalytichub.com/assets/images/logo.png" alt="Analytic Hub Logo">
                </a>
                <input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-checkbox">
                <label for="mobile-menu-toggle" class="mobile-menu-toggle" aria-label="Toggle navigation menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </label>
                <ul class="nav-menu">
                    <li><a href="https://theanalytichub.com/digital-marketing.php">Digital Marketing</a></li>
                    <li><a href="https://theanalytichub.com/software-development.php">Software Development</a></li>
                    <li><a href="https://theanalytichub.com/training">Training</a></li>
                    <li><a href="https://theanalytichub.com/testing.php">Testing</a></li>
                    <li><a href="https://theanalytichub.com/recruitment.php">Recruitment</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- ========== HERO SECTION ========== -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="hero-text">
                    <h1 class="hero-title">
                    <span class="text-primary"> Accelerating</span> Growth Through<br>Data
                        Technology & <br>Digital Innovation<br>
                        
                    </h1>
                    <p class="hero-description">
                        MA & Co and clients have been providing software-Digital<br>
                        marketing & training solution to UAE, U.S, Canada, Pakistan<br>
                        nations, with technology to master the pace of anywhere.
                    </p>
                    <div class="hero-buttons">
                        <a href="#contact" class="btn btn-primary">Start Consultation</a>
                        <a href="#services" class="btn btn-secondary">Explore Services</a>
                    </div>
                </div>
                <div class="hero-visual">
                    <div class="circle-graphic">
                        <div class="circle circle-outer"></div>
                        <div class="circle circle-middle"></div>
                        <div class="circle circle-inner"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== WHO WE ARE SECTION ========== -->
    <section class="who-we-are">
        <div class="container">
            <div class="who-content">
                <div class="who-visual">
                    <div class="abstract-shape"></div>
                </div>
                <div class="who-text">
                    <h2 class="section-title">Who We Are</h2>
                    <p class="section-description">
                        Analytic Hub is a trusted technology and consulting partner based in the USA & Canada. We accelerate business growth through data-driven solutions, innovative technology, and digital excellence. Focused on measurable business growth.
                    </p>
                    <div class="features-grid">
                        <div class="feature-item">
                            <div class="feature-icon">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                    <rect width="20" height="20" rx="4" fill="#1e90ff"/>
                                </svg>
                            </div>
                            <p class="feature-text">Top Tech Industry Experience</p>
                        </div>
                        <div class="feature-item">
                            <div class="feature-icon">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                    <rect width="20" height="20" rx="4" fill="#18a9b1"/>
                                </svg>
                            </div>
                            <p class="feature-text">Multi-structure Expert Teams</p>
                        </div>
                        <div class="feature-item">
                            <div class="feature-icon">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                    <rect width="20" height="20" rx="4" fill="#18a9b1"/>
                                </svg>
                            </div>
                            <p class="feature-text">UM & IT-Centric Operations</p>
                        </div>
                        <div class="feature-item">
                            <div class="feature-icon">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                    <rect width="20" height="20" rx="4" fill="#18a9b1"/>
                                </svg>
                            </div>
                            <p class="feature-text">World-Class Advisory</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== CORE SERVICES DESIGN A: SLIDER ========== -->
    <section class="core-services core-services--variant-a" id="services">
        <div class="container">
            <div class="core-services__head">
                <h2 class="section-title-center">Our Core Services</h2>
            </div>

            <!-- Core Services Slider -->
            <div class="services-slider-wrapper">
                <div class="services-slider" id="servicesSlider">
                    
                    <!-- Service Card 1: Digital Marketing -->
                    <article class="service-card service-card--a">
                        <div class="service-icon" aria-hidden="true">
                            <svg width="56" height="56" viewBox="0 0 48 48" fill="none">
                                <!-- Bar Chart with colored bars -->
                                <rect x="8" y="8" width="32" height="32" rx="2" fill="#1a1a1a" stroke="#18a9b1" stroke-width="1.5"/>
                                <!-- Green bar (left) -->
                                <rect x="14" y="24" width="6" height="12" fill="#4caf50" rx="1"/>
                                <!-- Blue bar (middle) -->
                                <rect x="22" y="20" width="6" height="16" fill="#2196f3" rx="1"/>
                                <!-- Red bar (right) -->
                                <rect x="30" y="28" width="6" height="8" fill="#f44336" rx="1"/>
                            </svg>
                        </div>
                        <a href="digital-marketing.php">
                            <h3 class="service-title">Digital Marketing</h3>
                        </a>
                        <p class="service-description">Performance-focused growth strategies</p>
                    </article>

                    <!-- Service Card 2: Software Development -->
                    <article class="service-card service-card--a">
                        <div class="service-icon" aria-hidden="true">
                            <svg width="56" height="56" viewBox="0 0 48 48" fill="none">
                                <!-- Laptop Icon -->
                                <rect x="6" y="12" width="36" height="24" rx="2" fill="#e0e0e0" stroke="#18a9b1" stroke-width="1.5"/>
                                <rect x="10" y="16" width="28" height="16" fill="#1a1a1a"/>
                                <rect x="4" y="36" width="40" height="3" rx="1.5" fill="#bdbdbd"/>
                                <circle cx="24" cy="38.5" r="1" fill="#757575"/>
                            </svg>
                        </div>
                        <a href="software-development.php">
                            <h3 class="service-title">Software Development</h3>
                        </a>
                        
                        <p class="service-description">Scalable web & mobile solutions</p>
                    </article>

                    <!-- Service Card 3: Training & Consultancy -->
                    <article class="service-card service-card--a">
                        <div class="service-icon" aria-hidden="true">
                            <svg width="56" height="56" viewBox="0 0 48 48" fill="none">
                                <!-- Book/Notebook Icon -->
                                <rect x="10" y="8" width="28" height="32" rx="2" fill="#1a1a1a" stroke="#18a9b1" stroke-width="1.5"/>
                                <line x1="24" y1="8" x2="24" y2="40" stroke="#18a9b1" stroke-width="1.5"/>
                                <line x1="10" y1="18" x2="38" y2="18" stroke="#18a9b1" stroke-width="1.5"/>
                                <line x1="10" y1="28" x2="38" y2="28" stroke="#18a9b1" stroke-width="1.5"/>
                                <circle cx="18" cy="13" r="1.5" fill="#18a9b1"/>
                                <circle cx="18" cy="23" r="1.5" fill="#18a9b1"/>
                                <circle cx="18" cy="33" r="1.5" fill="#18a9b1"/>
                            </svg>
                        </div>
                        <a href="https://theanalytichub.com/training/">
                            <h3 class="service-title">Training &amp; Consultancy</h3>
                        </a>
                        <p class="service-description">Corporate learning &amp; expert guidance</p>
                    </article>

                    <!-- Service Card 4: Product Testing -->
                    <article class="service-card service-card--a" id="testing">
                        <div class="service-icon" aria-hidden="true">
                            <svg width="56" height="56" viewBox="0 0 48 48" fill="none">
                                <!-- Magnifying Glass -->
                                <circle cx="20" cy="20" r="10" stroke="#e0e0e0" stroke-width="2.5" fill="none"/>
                                <line x1="28" y1="28" x2="36" y2="36" stroke="#e0e0e0" stroke-width="2.5" stroke-linecap="round"/>
                                <circle cx="20" cy="20" r="7" fill="#1a1a1a"/>
                                <circle cx="20" cy="20" r="3" fill="#18a9b1"/>
                            </svg>
                        </div>
                        <a href="testing.php">
                            <h3 class="service-title">Product Testing</h3>
                        </a>
                        
                        <p class="service-description">Quality, performance &amp; reliability assurance</p>
                    </article>

                    <!-- Service Card 5: Recruitment Service -->
                    <article class="service-card service-card--a">
                        <div class="service-icon" aria-hidden="true">
                            <svg width="56" height="56" viewBox="0 0 48 48" fill="none">
                                <!-- Briefcase/Handshake Icon -->
                                <rect x="12" y="16" width="24" height="18" rx="2" fill="#1a1a1a" stroke="#18a9b1" stroke-width="1.5"/>
                                <rect x="16" y="12" width="16" height="6" rx="1" fill="#1a1a1a" stroke="#18a9b1" stroke-width="1.5"/>
                                <line x1="18" y1="16" x2="18" y2="12" stroke="#18a9b1" stroke-width="1.5"/>
                                <line x1="30" y1="16" x2="30" y2="12" stroke="#18a9b1" stroke-width="1.5"/>
                                <line x1="12" y1="25" x2="36" y2="25" stroke="#18a9b1" stroke-width="1.5"/>
                                <circle cx="24" cy="29" r="2" fill="#18a9b1"/>
                                <path d="M20 29 L24 33 L28 29" stroke="#18a9b1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
                            </svg>
                        </div>
                        <a href="recruitment.php">
                        <h3 class="service-title">Recruitment Service</h3>
                        </a>
                        
                        <p class="service-description">Smart hiring solutions across industries</p>
                    </article>

                </div>

                <!-- Slider Controls -->
                <div class="services-nav-buttons">
                    <button class="services-nav-btn services-prev" aria-label="Previous slide">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
                            <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </button>
                    <button class="services-nav-btn services-next" aria-label="Next slide">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
                            <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </button>
                </div>
            </div>

        </div>
    </section>

    <!-- ========== DIGITAL MARKETING DETAIL SECTION ========== -->
    <section id="digital-marketing-details" class="detail-section detail-section--marketing">
        <div class="container">
            <div class="marketing-layout">
                
                <!-- Left Column -->
                <div class="marketing-left">
                    <h2 class="marketing-title">
                        Digital Marketing That<br>
                        Converts Attention<br>
                        Into Revenue
                    </h2>
                    <p class="marketing-description">
                        Our digital marketing team combines strategy, creativity, and analytics to deliver sustainable growth.
                    </p>
                    
                    <div class="marketing-services">
                        <div class="marketing-service-box">
                            <h3>Performance Marketing</h3>
                        </div>
                        <div class="marketing-service-box">
                            <h3>SEO & Content Strategy</h3>
                        </div>
                        <div class="marketing-service-box">
                            <h3>Social Media Growth</h3>
                        </div>
                        <div class="marketing-service-box">
                            <h3>Marketing Analytics</h3>
                        </div>
                    </div>
                </div>

                <!-- Right Column -->
                <div class="marketing-right">
                    <div class="case-study-card">
                        <h3 class="case-study-title">Case Study: SaaS Growth Campaign</h3>
                        
                        <div class="case-study-section">
                            <h4>Challenge:</h4>
                            <p>Low inbound leads</p>
                        </div>
                        
                        <div class="case-study-section">
                            <h4>Solution:</h4>
                            <p>SEO + Paid Ads + Funnel Optimization</p>
                        </div>
                        
                        <div class="case-study-section">
                            <h4>Result:</h4>
                            <p>3x qualified leads in 6 months</p>
                        </div>
                        
                        <a href="digital-marketing.php" class="case-study-btn">View Marketing Solutions</a>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- ========== SOFTWARE SOLUTIONS SECTION ========== -->
    <section class="detail-section dark">
        <div class="container">
            <div class="detail-content">
                <div class="detail-text">
                    <h2 class="detail-title">
                        Reliable Software Solutions<br>
                        Built to Scale
                    </h2>
                    <p class="detail-description">
                        We build secure, scalable, and high-performance applications tailored<br>
                        to modern business needs.
                    </p>
                    <a href="software-development.php" class="btn btn-primary">View Development Process</a>
                </div>
                <div class="detail-visual">
                    <div class="graphic-container">
                        <div class="graphic-square square-1"></div>
                        <div class="graphic-square square-2"></div>
                        <div class="graphic-square square-3"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== TRAINING & GUIDANCE SECTION ========== -->
    <section class="detail-section" id="training">
        <div class="container">
            <div class="detail-content">
                
                <div class="detail-visual">
                    <div class="graphic-container">
                        <div class="graphic-square square-1"></div>
                        <div class="graphic-square square-2"></div>
                        <div class="graphic-square square-3"></div>
                    </div>
                </div>
                <div class="detail-text">
                    <h2 class="detail-title">
                        Empowering Teams Through<br>
                        Knowledge & Expert<br>
                        Guidance
                    </h2>
                    <p class="detail-description">
                        From analytics to leadership, our training and consultancy programs<br>
                        help professionals and organizations grow with confidence.
                    </p>
                    <a href="https://theanalytichub.com/training/" class="btn btn-primary">Explore Training Programs</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== PRODUCT TESTING SECTION ========== -->
    <section class="detail-section dark">
        <div class="container">
            <div class="detail-content">
                <div class="detail-text">
                    <h2 class="detail-title">
                        Deliver Flawless Products<br>
                        With End-to-End Testing
                    </h2>
                    <p class="detail-description">
                        Our testing ensures functionality, performance, security, and user<br>
                        satisfaction before launch.
                    </p>
                    <a href="testing.php" class="btn btn-primary">Explore Testing Services</a>
                </div>
                <div class="detail-visual">
                    <div class="graphic-container">
                        <div class="graphic-square square-1"></div>
                        <div class="graphic-square square-2"></div>
                        <div class="graphic-square square-3"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== RECRUITMENT SECTION ========== -->
    <section class="detail-section recruitment-cta" id="recruitment">
        <div class="container">
            <div class="detail-content">
                
                <div class="detail-visual">
                    <img src="assets/images/hiring.jpg" alt="Recruitment" style="width: 100%; height: 100%;">
                </div>
                <div class="detail-text">
                    <h2 class="detail-title">
                        Hire Fast. Hire Smart.
                    </h2>
                    <p class="detail-description">
                        We connect companies with skilled professionals through efficient,<br>
                        data-driven recruitment solutions.
                    </p>
                    <a href="recruitment.php" class="btn btn-dark">Request Talent Support</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== SMART SOLUTIONS SERVICES SECTION ========== -->
    <section class="smart-solutions-section" id="smart-solutions">
        <div class="container">
            <!-- Header Section -->
            <div class="solutions-header">
                <h2 class="solutions-title">
                    SMART SOLUTIONS FOR<br>
                    A DIGITAL WORLD
                </h2>
                <p class="solutions-description">
                    We deliver agile, scalable, and secure IT services that help businesses thrive in an ever-evolving digital landscape.
                </p>
            </div>

            <!-- Slider Section 1-->
            <div class="solutions-slider-wrapper">
                <div class="solutions-slider" id="solutionsSlider">
                    
                    <!-- Solution Item 1 -->
                    <div class="solution-item">
                        <div class="solution-icon-circle">
                            <img src="assets/images/consellation.svg" alt="Strategy & IT Consulting" style="width: 40px; height: 40px;">
                        </div>
                        <h3 class="solution-title">Strategy building<br>& IT Consulting</h3>
                        <p class="solution-description">
                            Expert guidance to align your technology roadmap with business growth.
                        </p>
                    </div>

                    <!-- Solution Item 2 -->
                    <div class="solution-item">
                        <div class="solution-icon-circle">
                            <img src="assets/images/azure-devops.svg" alt="DevOps & Automation" style="width: 40px; height: 40px;">
                        </div>
                        <h3 class="solution-title">DevOps &<br>Automation</h3>
                        <p class="solution-description">
                            Accelerate deployment cycles and improve reliability with best practices.
                        </p>
                    </div>

                    <!-- Solution Item 3 -->
                    <div class="solution-item">
                        <div class="solution-icon-circle">
                            <img src="assets/images/ibm-cloud-internet-services.svg" alt="Cloud Solutions" style="width: 40px; height: 40px;">
                        </div>
                        <h3 class="solution-title">Cloud Solutions &<br>Migration</h3>
                        <p class="solution-description">
                            Secure, scalable cloud infrastructure to boost agility and reduce costs
                        </p>
                    </div>

                    <!-- Solution Item 4 -->
                    <div class="solution-item">
                        <div class="solution-icon-circle">
                            <img src="assets/images/fingerprint-pattern.svg" alt="ERP & CRM" style="width: 40px; height: 40px;">
                        </div>
                        <h3 class="solution-title">Implementation<br>of ERP & CRM</h3>
                        <p class="solution-description">
                            Integrate and optimize enterprise tools to drive productivity & engagement.
                        </p>
                    </div>

                    <!-- Solution Item 5 -->
                    <div class="solution-item">
                        <div class="solution-icon-circle">
                            <img src="assets/images/ibm-cloud-internet-services.svg" alt="Cybersecurity" style="width: 40px; height: 40px;">
                        </div>
                        <h3 class="solution-title">Cybersecurity &<br>Compliance</h3>
                        <p class="solution-description">
                            Protect your business with robust security measures and regulatory compliance.
                        </p>
                    </div>

                    <!-- Solution Item 6 -->
                    <div class="solution-item">
                        <div class="solution-icon-circle">
                            <img src="assets/images/consellation.svg" alt="Data Analytics" style="width: 40px; height: 40px;">
                        </div>
                        <h3 class="solution-title">Data Analytics &<br>Business Intelligence</h3>
                        <p class="solution-description">
                            Transform data into actionable insights for strategic decision-making.
                        </p>
                    </div>

                    <!-- Solution Item 7 -->
                    <div class="solution-item">
                        <div class="solution-icon-circle">
                            <img src="assets/images/azure-devops.svg" alt="IT Support" style="width: 40px; height: 40px;">
                        </div>
                        <h3 class="solution-title">IT Support &<br>Maintenance</h3>
                        <p class="solution-description">
                            24/7 technical support ensuring your systems run smoothly without interruption.
                        </p>
                    </div>

                    <!-- Solution Item 8 -->
                    <div class="solution-item">
                        <div class="solution-icon-circle">
                            <img src="assets/images/fingerprint-pattern.svg" alt="Digital Transformation" style="width: 40px; height: 40px;">
                        </div>
                        <h3 class="solution-title">Digital<br>Transformation</h3>
                        <p class="solution-description">
                            Modernize operations with innovative technologies and agile methodologies.
                        </p>
                    </div>

                </div>

                <!-- Slider Controls -->
                <div class="slider-nav-buttons">
                    <button class="slider-nav-btn slider-prev" aria-label="Previous slide">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
                            <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </button>
                    <button class="slider-nav-btn slider-next" aria-label="Next slide">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
                            <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </button>
                </div>
            </div>
            <!-- End Slider Section 1-->
             
        </div>
    </section>

    <!-- ========== TESTIMONIALS SECTION ========== -->
    <section class="testimonials">
        <div class="container">
            <h2 class="section-title-center">What Our Clients Say</h2>
            <div class="testimonials-grid">
                
                <!-- Testimonial 1 -->
                <div class="testimonial-card">
                    <p class="testimonial-text">
                        Professional, reliable, and results-focused.
                    </p>
                    <div class="testimonial-author">
                        <div class="author-avatar">
                            <svg width="40" height="40" viewBox="0 0 40 40">
                                <circle cx="20" cy="20" r="20" fill="#18a9b1"/>
                            </svg>
                        </div>
                        <div class="author-info">
                            <p class="author-name">Farah Jabeen</p>
                            <p class="author-title">CEO, Saudi Arabia</p>
                        </div>
                    </div>
                </div>

                <!-- Testimonial 2 -->
                <div class="testimonial-card">
                    <p class="testimonial-text">
                        A long-term partner we trust.
                    </p>
                    <div class="testimonial-author">
                        <div class="author-avatar">
                            <svg width="40" height="40" viewBox="0 0 40 40">
                                <circle cx="20" cy="20" r="20" fill="#18a9b1"/>
                            </svg>
                        </div>
                        <div class="author-info">
                            <p class="author-name">Miriam Victor</p>
                            <p class="author-title">Director, United Kingdom</p>
                        </div>
                    </div>
                </div>

                <!-- Testimonial 3 -->
                <div class="testimonial-card">
                    <p class="testimonial-text">
                        Exceptional expertise and communication.
                    </p>
                    <div class="testimonial-author">
                        <div class="author-avatar">
                            <svg width="40" height="40" viewBox="0 0 40 40">
                                <circle cx="20" cy="20" r="20" fill="#18a9b1"/>
                            </svg>
                        </div>
                        <div class="author-info">
                            <p class="author-name">Adib Siddiqui</p>
                            <p class="author-title">CTO, United Arab</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- ========== CONTACT FORM SECTION ========== -->
    <section class="section-padded" id="contact">
        <div class="container-max">
            <div class="contact-two-col">
                <!-- Info Side -->
                <div class="contact-info-side">
                    <span class="section-badge">Get In Touch</span>
                    <h2 class="contact-heading">Ready to Get Started with Digital Marketing?</h2>
                    <p class="contact-lead">Fill out the form and our team will reach out within 24 hours to discuss your project needs and how we can help.</p>
                    
                    <div class="contact-info-list">
                        <div class="contact-info-item">
                            <div class="contact-info-dot"></div>
                            <div>
                                <span class="contact-info-label">Email</span>
                                <p class="contact-info-value">contact@theanalytichub.com</p>
                            </div>
                        </div>
                        <div class="contact-info-item">
                            <div class="contact-info-dot"></div>
                            <div>
                                <span class="contact-info-label">Locations</span>
                                <p class="contact-info-value">USA · Canada · UAE · Pakistan</p>
                            </div>
                        </div>
                        <div class="contact-info-item">
                            <div class="contact-info-dot"></div>
                            <div>
                                <span class="contact-info-label">Response Time</span>
                                <p class="contact-info-value">Within 24 hours</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Form Side -->
                
<form class="contact-form-card" action="https://theanalytichub.com/app/request-booking.php" method="post">
    <input type="hidden" name="source" value="contact">
    <div class="form-group">
        <label class="form-label">Full Name *</label>
        <input type="text" name="name" class="form-input" placeholder="John Doe" required>
    </div>
    <div class="form-group">
        <label class="form-label">Email Address *</label>
        <input type="email" name="email" class="form-input" placeholder="john@company.com" required>
    </div>
    <div class="form-group">
        <label class="form-label">Phone Number</label>
        <input type="text" name="phone" class="form-input" placeholder="+880 1XXXXXXXXX">
    </div>
    <div class="form-group">
        <label class="form-label">Company</label>
        <input type="text" name="company" class="form-input" placeholder="Company Inc.">
    </div>
    <div class="form-group">
        <label class="form-label">Service (optional)</label>
        <select name="service" class="form-input">
            <option value="">Select a service</option>
                            <option value="Digital Marketing">Digital Marketing</option>
                            <option value="Software Development">Software Development</option>
                            <option value="Training">Training</option>
                            <option value="Testing">Testing</option>
                            <option value="Recruitment">Recruitment</option>
                            <option value="All Services">All Services</option>
                            <option value="Other">Other</option>
                    </select>
    </div>
    <div class="form-group">
        <label class="form-label">Message *</label>
        <textarea name="message" rows="4" class="form-textarea" placeholder="Tell us about your project..." required></textarea>
    </div>
    <button type="submit" class="btn-primary btn-full">
        Send Message
        <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/>
        </svg>
    </button>
</form>                <!-- End Form Side -->
            </div>
        </div>
    </section>

    <!-- ========== FOOTER ========== -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-links">
                    <a href="https://theanalytichub.com">Analytic Hub</a>
                    <span class="separator">—</span>
                    <a href="#">USA & Canada</a>
                </div>
                <div class="footer-links">
                    <a href="https://theanalytichub.com/#digital-marketing-details">Digital Marketing</a>
                    <span class="separator">•</span>
                    <a href="https://theanalytichub.com/#smart-solutions">Software Development</a>
                    <span class="separator">•</span>
                    <a href="https://theanalytichub.com/training">Training</a>
                    <span class="separator">•</span>
                    <a href="https://theanalytichub.com/#testing">Testing</a>
                    <span class="separator">•</span>
                    <a href="https://theanalytichub.com/#recruitment">Recruitment</a>
                </div>
                <div class="footer-copyright">
                    <p>&copy; 2026 Analytic Hub. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- JS: main (case study accordion – software-development-case-study.php) -->
    <script src="https://theanalytichub.com/js/main.js"></script>
    <!-- JS: sliders – index.php (Smart Solutions + Core Services) -->
    <script src="https://theanalytichub.com/js/sliders.js"></script>
    <!-- JS: scroll to top – index.php and any page with #scrollToTop -->
    <script src="https://theanalytichub.com/js/scroll-to-top.js"></script>
    <!-- JS: contact form – index.php, software-development-case-study.php, etc. -->
    <script src="https://theanalytichub.com/js/contact-form.js"></script>

    
</body>
</html>
