
<!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="Reliable Software Solutions Built to Scale. We build secure, scalable, and high-performance applications tailored to modern business needs.">
    <title>Software Development - 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>

    <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">Software Development</span>
                <h1 class="hero-heading animate-fade-in" style="animation-delay: 0.1s;">
                    Reliable Software Solutions<br>
                    <span class="text-primary">Built to Scale</span>
                </h1>
                <p class="hero-lead animate-fade-in" style="animation-delay: 0.2s;">
                    We build secure, scalable, and high-performance applications tailored to modern business needs. From MVPs to enterprise platforms, we deliver code that lasts.
                </p>
                <div class="hero-cta animate-fade-in" style="animation-delay: 0.3s;">
                    <a href="#contact" class="btn-primary">Discuss Your Project</a>
                </div>
            </div>
        </div>
    </section>

    <section class="stats-bar">
        <div class="container">
            <div class="stats-bar-grid">
                <div class="stat-item"><div class="stat-value-lg">150+</div><div class="stat-label-sm">Projects Delivered</div></div>
                <div class="stat-item"><div class="stat-value-lg">50+</div><div class="stat-label-sm">Enterprise Clients</div></div>
                <div class="stat-item"><div class="stat-value-lg">99.9%</div><div class="stat-label-sm">Uptime Guarantee</div></div>
                <div class="stat-item"><div class="stat-value-lg">15+</div><div class="stat-label-sm">Technology Stacks</div></div>
            </div>
        </div>
    </section>

    <section class="section-padded">
        <div class="container-max">
            <h2 class="section-heading-xl">Development Services</h2>
            <p class="section-subtext">End-to-end software development capabilities across web, mobile, cloud, and AI.</p>
            <div class="service-cards-grid">
                <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="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z"/></svg></div>
                    <h3 class="service-card-title">Web Application Development</h3>
                    <p class="service-card-desc">Custom web apps built with React, Angular, and Vue.js — responsive, fast, and optimized for modern browsers.</p>
                </div>
                <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="5" y="2" width="14" height="20" rx="2"/><path d="M12 18h.01"/></svg></div>
                    <h3 class="service-card-title">Mobile App Development</h3>
                    <p class="service-card-desc">Native and cross-platform mobile applications for iOS and Android using React Native, Flutter, and Swift.</p>
                </div>
                <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"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg></div>
                    <h3 class="service-card-title">Backend & API Development</h3>
                    <p class="service-card-desc">Robust server-side architecture with Node.js, Python, .NET, and microservices patterns for scalable systems.</p>
                </div>
                <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 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z"/></svg></div>
                    <h3 class="service-card-title">Cloud Solutions & Migration</h3>
                    <p class="service-card-desc">AWS, Azure, and GCP architecture design, migration planning, and serverless solutions for cost-efficient infrastructure.</p>
                </div>
                <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 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div>
                    <h3 class="service-card-title">Cybersecurity Integration</h3>
                    <p class="service-card-desc">Security-first development with OWASP compliance, penetration testing, and secure coding practices built into every sprint.</p>
                </div>
                <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 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5M2 12l10 5 10-5"/></svg></div>
                    <h3 class="service-card-title">AI & Machine Learning</h3>
                    <p class="service-card-desc">Intelligent solutions with NLP, computer vision, predictive analytics, and recommendation engines tailored to your data.</p>
                </div>
                <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="12" cy="12" r="3"/><path d="M12 1v6m0 6v6m10.66-8H16.7m-9.4 0H1.34"/></svg></div>
                    <h3 class="service-card-title">DevOps & CI/CD</h3>
                    <p class="service-card-desc">Automated pipelines with Docker, Kubernetes, Terraform, and GitHub Actions for faster, reliable deployments.</p>
                </div>
                <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="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><path d="M14 2v6h6M16 13H8m8 4H8m2-8H8"/></svg></div>
                    <h3 class="service-card-title">ERP & CRM Implementation</h3>
                    <p class="service-card-desc">Custom enterprise solutions integrating Salesforce, SAP, and bespoke platforms to streamline operations.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="section-padded section-bg-card">
        <div class="container-max">
            <h2 class="section-heading-xl">Development Process</h2>
            <div class="process-steps-grid">
                <div class="process-step-card"><span class="process-step-number">01</span><h3 class="process-step-title">Requirements Analysis</h3><p class="process-step-text">Deep-dive into business needs, user stories, technical constraints, and architecture planning with stakeholder alignment.</p></div>
                <div class="process-step-card"><span class="process-step-number">02</span><h3 class="process-step-title">Design & Prototyping</h3><p class="process-step-text">UX/UI wireframes, interactive prototypes, system architecture diagrams, and database schema design.</p></div>
                <div class="process-step-card"><span class="process-step-number">03</span><h3 class="process-step-title">Agile Development</h3><p class="process-step-text">Two-week sprints with daily standups, code reviews, automated testing, and continuous stakeholder demos.</p></div>
                <div class="process-step-card"><span class="process-step-number">04</span><h3 class="process-step-title">Deployment & Support</h3><p class="process-step-text">Production deployment with monitoring, performance optimization, and dedicated maintenance support.</p></div>
            </div>
        </div>
    </section>

    <section class="section-padded">
        <div class="container-max">
            <h2 class="section-heading-xl">Technology Stack</h2>
            <div class="tech-stack-grid">
                <div class="tech-category"><h3 class="tech-category-title">Frontend</h3><div class="tech-tags"><span class="tech-tag">React</span><span class="tech-tag">Angular</span><span class="tech-tag">Vue.js</span><span class="tech-tag">Next.js</span><span class="tech-tag">TypeScript</span><span class="tech-tag">Tailwind CSS</span></div></div>
                <div class="tech-category"><h3 class="tech-category-title">Backend</h3><div class="tech-tags"><span class="tech-tag">Node.js</span><span class="tech-tag">Python</span><span class="tech-tag">Java</span><span class="tech-tag">.NET</span><span class="tech-tag">Go</span><span class="tech-tag">Rust</span></div></div>
                <div class="tech-category"><h3 class="tech-category-title">Database</h3><div class="tech-tags"><span class="tech-tag">PostgreSQL</span><span class="tech-tag">MongoDB</span><span class="tech-tag">Redis</span><span class="tech-tag">DynamoDB</span><span class="tech-tag">Elasticsearch</span></div></div>
                <div class="tech-category"><h3 class="tech-category-title">Cloud & DevOps</h3><div class="tech-tags"><span class="tech-tag">AWS</span><span class="tech-tag">Azure</span><span class="tech-tag">GCP</span><span class="tech-tag">Docker</span><span class="tech-tag">Kubernetes</span><span class="tech-tag">Terraform</span></div></div>
            </div>
        </div>
    </section>

    <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">Enterprise-grade solutions we've delivered across industries.</p></div>
            <div class="case-study-grid">
                <a href="software-development-case-study.php">
                    <div class="case-study-card-fancy">
                        <div class="case-visual-header" style="background: linear-gradient(135deg, hsl(220, 70%, 45%), hsl(260, 50%, 35%));"><div class="case-visual-overlay"></div><div class="case-visual-content"><span class="case-industry-badge">Web Application Development</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">Global Payment Solutions</p><h3 class="case-project-title">Next-gen web development, turning ideas into interfaces</h3><p class="case-summary-text">Built to Scale.</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">100%</span><span class="case-metric-label">customizable</span></div></div></div>
                    </div>
                </a>  
                
                <div class="case-study-card-fancy">
                    <div class="case-visual-header" style="background: linear-gradient(135deg, hsl(174, 60%, 40%), hsl(200, 50%, 30%));"><div class="case-visual-overlay"></div><div class="case-visual-content"><span class="case-industry-badge">Healthcare</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">Regional Hospital Network</p><h3 class="case-project-title">Healthcare Patient Portal</h3><p class="case-summary-text">HIPAA-compliant patient management system with telehealth integration, appointment scheduling, and EHR connectivity.</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">60%</span><span class="case-metric-label">Faster Patient Onboarding</span></div></div></div>
                </div>
                <div class="case-study-card-fancy">
                    <div class="case-visual-header" style="background: linear-gradient(135deg, hsl(30, 70%, 50%), hsl(15, 60%, 40%));"><div class="case-visual-overlay"></div><div class="case-visual-content"><span class="case-industry-badge">Logistics</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">Supply Chain Corp</p><h3 class="case-project-title">Logistics Management Suite</h3><p class="case-summary-text">Real-time fleet tracking, route optimization with ML, and warehouse management system serving 500+ locations.</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">45%</span><span class="case-metric-label">Operational Cost Reduction</span></div></div></div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-padded" id="contact">
        <div class="container-max">
            <div class="contact-two-col">
                <div class="contact-info-side">
                    <span class="section-badge">Get In Touch</span>
                    <h2 class="contact-heading">Ready to Get Started with Software Development?</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>
