
<!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>
                    <li><a href="https://theanalytichub.com/contact-us.php">Contact Us</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?</h2>
                    <p class="hero-lead animate-fade-in" style="animation-delay: 0.2s;">
                Since 2024, our creative and software team has united strategy, design, and development to improve how people live and work. We help you balance today’s channels—from campaigns to apps and web platforms—with clear, results-driven thinking.
                </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>
                                <div class="contact-address-block">
                                    <p class="contact-info-value">USA: 546 McDonald Avenue, 1 FL, Brooklyn, NY 11218</p>
                                    <p class="contact-info-value">BD: Flat 461 (First Floor, South), Avenue 05, Road 07<br>Mirpur DOHS, Dhaka 1216</p>
                                </div>
                            </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>            </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>
