
<!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="Marketing That Converts Attention Into Revenue. Our digital marketing team combines strategy, creativity, and analytics to deliver sustainable growth.">
    <title>Digital Marketing - Analytic Hub</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>

    <!-- ========== PAGE HERO ========== -->
    <section class="page-hero">
        <div class="hero-gradient"></div>
        <div class="container page-hero-content">
            <div class="hero-max-width">
                <span class="hero-badge animate-fade-in">Digital Marketing</span>
                <h1 class="hero-heading animate-fade-in" style="animation-delay: 0.1s;">
                    Marketing That Converts Attention
                    <span class="text-primary"> Into Revenue</span>
                </h1>
                <p class="hero-lead animate-fade-in" style="animation-delay: 0.2s;">
                    Our digital marketing team combines strategy, creativity, and analytics to deliver sustainable growth. We don't just run campaigns — we build revenue engines.
                </p>
                <div class="hero-cta animate-fade-in" style="animation-delay: 0.3s;">
                    <a href="#contact" class="btn-primary">Start Your Campaign</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== STATS SECTION ========== -->
    <section class="stats-bar">
        <div class="container">
            <div class="stats-bar-grid">
                <div class="stat-item">
                    <div class="stat-value-lg">3x</div>
                    <div class="stat-label-sm">Average Lead Increase</div>
                </div>
                <div class="stat-item">
                    <div class="stat-value-lg">250+</div>
                    <div class="stat-label-sm">Campaigns Delivered</div>
                </div>
                <div class="stat-item">
                    <div class="stat-value-lg">40%</div>
                    <div class="stat-label-sm">Lower Acquisition Cost</div>
                </div>
                <div class="stat-item">
                    <div class="stat-value-lg">98%</div>
                    <div class="stat-label-sm">Client Retention Rate</div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== SERVICES SECTION ========== -->
    <section class="section-padded">
        <div class="container-max">
            <h2 class="section-heading-xl">Our Marketing Services</h2>
            <p class="section-subtext">Full-spectrum digital marketing capabilities to grow your business at every stage.</p>
            
            <div class="service-cards-grid">
                <!-- Service Card 1 -->
                <div class="service-card-modern">
                    <div class="service-icon-box">
                        <svg class="icon-primary" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M3 3v18h18"/>
                            <path d="M18 17V9M13 17v-3M8 17v-5"/>
                        </svg>
                    </div>
                    <h3 class="service-card-title">Performance Marketing</h3>
                    <p class="service-card-desc">Data-driven paid campaigns across Google, Meta, LinkedIn, and programmatic channels to maximize ROI and lower acquisition costs.</p>
                </div>

                <!-- Service Card 2 -->
                <div class="service-card-modern">
                    <div class="service-icon-box">
                        <svg class="icon-primary" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
                            <circle cx="11" cy="11" r="8"/>
                            <path d="M21 21l-4.35-4.35"/>
                        </svg>
                    </div>
                    <h3 class="service-card-title">SEO & Content Strategy</h3>
                    <p class="service-card-desc">Technical SEO audits, keyword research, content calendars, and high-quality content creation to drive sustainable organic growth.</p>
                </div>

                <!-- Service Card 3 -->
                <div class="service-card-modern">
                    <div class="service-icon-box">
                        <svg class="icon-primary" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/>
                        </svg>
                    </div>
                    <h3 class="service-card-title">Social Media Growth</h3>
                    <p class="service-card-desc">Platform-specific strategies, community management, influencer partnerships, and content creation to build engaged audiences.</p>
                </div>

                <!-- Service Card 4 -->
                <div class="service-card-modern">
                    <div class="service-icon-box">
                        <svg class="icon-primary" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M3 3v18h18"/>
                            <path d="M18 17l-5-5-4 4-6-6"/>
                        </svg>
                    </div>
                    <h3 class="service-card-title">Marketing Analytics</h3>
                    <p class="service-card-desc">Custom dashboards, attribution modeling, conversion tracking, and actionable insights to optimize every marketing dollar.</p>
                </div>

                <!-- Service Card 5 -->
                <div class="service-card-modern">
                    <div class="service-icon-box">
                        <svg class="icon-primary" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 8v4l3 3"/>
                            <circle cx="12" cy="12" r="10"/>
                        </svg>
                    </div>
                    <h3 class="service-card-title">Conversion Rate Optimization</h3>
                    <p class="service-card-desc">A/B testing, landing page optimization, user journey analysis, and funnel design to maximize conversion at every touchpoint.</p>
                </div>

                <!-- Service Card 6 -->
                <div class="service-card-modern">
                    <div class="service-icon-box">
                        <svg class="icon-primary" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z"/>
                        </svg>
                    </div>
                    <h3 class="service-card-title">Brand Strategy & Positioning</h3>
                    <p class="service-card-desc">Market research, competitive analysis, brand identity development, and messaging frameworks that resonate with your audience.</p>
                </div>

                <!-- Service Card 7 -->
                <div class="service-card-modern">
                    <div class="service-icon-box">
                        <svg class="icon-primary" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 2l9 4.5V10c0 5.5-3.8 10.7-9 12-5.2-1.3-9-6.5-9-12V6.5L12 2z"/>
                        </svg>
                    </div>
                    <h3 class="service-card-title">Creative & Design</h3>
                    <p class="service-card-desc">Compelling ad creatives, landing pages, email templates, and brand assets designed to capture attention and drive action.</p>
                </div>

                <!-- Service Card 8 -->
                <div class="service-card-modern">
                    <div class="service-icon-box">
                        <svg class="icon-primary" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2">
                            <rect x="3" y="5" width="18" height="14" rx="2"/>
                            <path d="M3 10h18"/>
                        </svg>
                    </div>
                    <h3 class="service-card-title">Email & Marketing Automation</h3>
                    <p class="service-card-desc">Automated drip campaigns, segmentation, personalization, and lifecycle marketing to nurture leads and retain customers.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== PROCESS SECTION ========== -->
    <section class="section-padded section-bg-card">
        <div class="container-max">
            <h2 class="section-heading-xl">Our Process</h2>
            <div class="process-steps-grid">
                <div class="process-step-card">
                    <span class="process-step-number">01</span>
                    <h3 class="process-step-title">Discovery & Audit</h3>
                    <p class="process-step-text">We analyze your current performance, competitors, and market opportunity to identify quick wins and long-term strategies.</p>
                </div>
                <div class="process-step-card">
                    <span class="process-step-number">02</span>
                    <h3 class="process-step-title">Strategy & Planning</h3>
                    <p class="process-step-text">Custom roadmap with clear KPIs, channel selection, budget allocation, and content strategy aligned to business goals.</p>
                </div>
                <div class="process-step-card">
                    <span class="process-step-number">03</span>
                    <h3 class="process-step-title">Execution & Optimization</h3>
                    <p class="process-step-text">Campaign launch with continuous A/B testing, bid optimization, and real-time performance adjustments.</p>
                </div>
                <div class="process-step-card">
                    <span class="process-step-number">04</span>
                    <h3 class="process-step-title">Reporting & Scaling</h3>
                    <p class="process-step-text">Transparent reporting with actionable insights, ROI analysis, and recommendations for scaling winning strategies.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== CASE STUDIES ========== -->
    <section class="section-padded section-bg-card-alt">
        <div class="container-max">
            <div class="section-header-with-badge">
                <span class="section-badge">Our Work</span>
                <h2 class="section-heading-xl">Portfolio & Case Studies</h2>
                <p class="section-subtext">Real results from real campaigns across industries.</p>
            </div>
            
            <div class="case-study-grid">
                <!-- Case Study 1 -->
                <div class="case-study-card-fancy">
                    <div class="case-visual-header" style="background: linear-gradient(135deg, hsl(174, 60%, 40%), hsl(174, 40%, 25%));">
                        <div class="case-visual-overlay"></div>
                        <div class="case-visual-content">
                            <span class="case-industry-badge">Technology</span>
                            <div class="case-arrow-icon">
                                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M5 5l9 9M14 5v9H5"/>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="case-body-content">
                        <p class="case-client-name">B2B SaaS Platform</p>
                        <h3 class="case-project-title">SaaS Growth Campaign</h3>
                        <p class="case-summary-text">Integrated SEO + Paid Ads + Funnel Optimization strategy with comprehensive A/B testing to lower CPA by 40%.</p>
                        <div class="case-metric-highlight">
                            <svg class="case-metric-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M3 17l6-6 4 4 8-8"/>
                                <path d="M21 5v6h-6"/>
                            </svg>
                            <div>
                                <span class="case-metric-value">3x</span>
                                <span class="case-metric-label">Qualified Leads in 6 Months</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Case Study 2 -->
                <div class="case-study-card-fancy">
                    <div class="case-visual-header" style="background: linear-gradient(135deg, hsl(220, 60%, 50%), hsl(260, 40%, 35%));">
                        <div class="case-visual-overlay"></div>
                        <div class="case-visual-content">
                            <span class="case-industry-badge">E-Commerce</span>
                            <div class="case-arrow-icon">
                                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M5 5l9 9M14 5v9H5"/>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="case-body-content">
                        <p class="case-client-name">Fashion Retail Brand</p>
                        <h3 class="case-project-title">E-Commerce Revenue Boost</h3>
                        <p class="case-summary-text">Retargeting campaigns, shopping ads optimization, and email automation sequences with 2.5x ROAS improvement.</p>
                        <div class="case-metric-highlight">
                            <svg class="case-metric-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M3 17l6-6 4 4 8-8"/>
                                <path d="M21 5v6h-6"/>
                            </svg>
                            <div>
                                <span class="case-metric-value">180%</span>
                                <span class="case-metric-label">Revenue Increase in Q4</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Case Study 3 -->
                <div class="case-study-card-fancy">
                    <div class="case-visual-header" style="background: linear-gradient(135deg, hsl(40, 80%, 50%), hsl(20, 70%, 40%));">
                        <div class="case-visual-overlay"></div>
                        <div class="case-visual-content">
                            <span class="case-industry-badge">Finance</span>
                            <div class="case-arrow-icon">
                                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M5 5l9 9M14 5v9H5"/>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="case-body-content">
                        <p class="case-client-name">FinTech Startup</p>
                        <h3 class="case-project-title">Brand Awareness Launch</h3>
                        <p class="case-summary-text">Multi-channel content strategy with influencer partnerships and PR outreach, building a 15K engaged community.</p>
                        <div class="case-metric-highlight">
                            <svg class="case-metric-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M3 17l6-6 4 4 8-8"/>
                                <path d="M21 5v6h-6"/>
                            </svg>
                            <div>
                                <span class="case-metric-value">500K+</span>
                                <span class="case-metric-label">Impressions in First Quarter</span>
                            </div>
                        </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>            </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>
