<!DOCTYPE html>
<html lang="en">

<head>
    
    <!-- Google tag (gtag.js) -->
    <script defer src="https://www.googletagmanager.com/gtag/js?id=G-G4DHDSTXK8"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-G4DHDSTXK8');
    </script>
    

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
<meta name="description" content="Get UniTrack free for 3 months. Full access to HR, payroll, GST invoicing, CRM, task management & team chat. India's best free startup business software. Apply now.">
<meta name="keywords" content="free startup software India, startup launchpad free, free business tools for startups India, 3 months free SaaS India, startup business management free, free HR software startups India">
<link rel="canonical" href="https://unitrack.ai/startup-launchpad/">
<meta property="og:title" content="Startup Launchpad — 3 Months Free Business Software for Startups | UniTrack">
<meta property="og:description" content="Get UniTrack free for 3 months. Full access to HR, payroll, GST invoicing, CRM, task management & team chat. India's best free startup business software.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://unitrack.ai/startup-launchpad/">
<meta property="og:image" content="https://unitrack.ai/static/images/og-unitrack.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Startup Launchpad — 3 Months Free Business Software for Startups | UniTrack">
<meta name="twitter:description" content="Get UniTrack free for 3 months. Full access to HR, payroll, GST invoicing, CRM, task management & team chat. Apply now.">

    <title>Startup Launchpad — Free Business Software for 3 Months for Startups | UniTrack</title>

    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon/favicon-16x16.png">
    <link rel="shortcut icon" href="/static/images/favicon/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicon/apple-touch-icon.png">
    <link rel="manifest" href="/static/images/favicon/site.webmanifest">
    <meta name="theme-color" content="#7c3aed">
    
    <!-- Theme initialization (prevents flash of wrong theme) -->
    <script>
        (function() {
            const theme = localStorage.getItem('unitrack-theme') || 
                (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
            document.documentElement.setAttribute('data-theme', theme);
        })();
    </script>
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="preconnect" href="https://unpkg.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"></noscript>
    
    <!-- Bootstrap 5 CSS -->
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    
    
    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet"></noscript>

    
    
    <!-- Custom CSS -->
    
    <link href="/static/css/main.css?v=bf18c89c" rel="stylesheet">
    

    <!-- Tailwind-Inspired Bootstrap Override -->
    <link href="/static/css/twstyle.css?v=97636ef6" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="/static/css/twstyle.css?v=97636ef6" rel="stylesheet"></noscript>
    
<style>
    /* Custom Scrollbar Styles */
    .simplebar-track.simplebar-vertical { width: 6px; }
    
    /* Enhance visibility - darker thumb */
    .simplebar-scrollbar::before { 
        background-color: rgba(0,0,0,0.5); 
        width: 100%;
        left: 0;
        right: 0;
    }
    
    /* Dark Theme */
    [data-theme="dark"] .simplebar-scrollbar::before { 
        background-color: rgba(255,255,255,0.4); 
    }
    
    /* Force visibility on sidebar hover */
    .sidebar-nav-container:hover .simplebar-scrollbar::before {
        opacity: 0.8 !important;
    }
    
    /* Fallback: Allow native scrolling but hide scrollbar UI */
    .sidebar-nav-container {
        overflow-y: auto !important;
        scrollbar-width: none;  /* Firefox */
        -ms-overflow-style: none;  /* IE and Edge */
    }
    
    .sidebar-nav-container::-webkit-scrollbar {
        display: none;
    }

    /* Force SimpleBar wrapper to scroll if needed */
    .simplebar-content-wrapper {
        overflow-y: auto !important; /* Ensure scrolling works even if script fails */
        scrollbar-width: none;  /* Firefox */
        -ms-overflow-style: none;  /* IE and Edge */
    }

    .simplebar-content-wrapper::-webkit-scrollbar {
        display: none;
    }
</style>
    
<style>
/* Solutions Dropdown Styles */
.nav-dropdown {
    position: relative;
}

.nav-dropdown-toggle {
    display: flex;
    align-items: center;
}

.nav-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 1000;
    padding-top: 15px;
}

.nav-dropdown:hover .nav-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.nav-dropdown-content {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: 16px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
    padding: 24px;
    min-width: 580px;
}

.nav-dropdown-mega .nav-dropdown-content {
    min-width: 640px;
}

.nav-dropdown-category {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: 0.5px;
}

.nav-dropdown-footer {
    text-align: center;
}

.bg-purple {
    background-color: rgba(124, 58, 237, 0.1) !important;
}

.text-purple {
    color: #7c3aed !important;
}

.nav-dropdown-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 10px;
    text-decoration: none;
    color: var(--text-primary);
    transition: background 0.2s ease;
}

.nav-dropdown-item:hover {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.nav-dropdown-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nav-dropdown-icon i {
    font-size: 1.25rem;
}

.nav-dropdown-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.nav-dropdown-desc {
    font-size: 0.8rem;
    color: #475569;
    line-height: 1.3;
}

/* Free Tools Mega Menu */
.nav-dropdown-tools .nav-dropdown-content {
    min-width: 780px;
}
.nav-tool-link {
    display: block;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}
.nav-tool-link:hover {
    background: rgba(124, 58, 237, 0.08);
    color: #7c3aed;
    text-decoration: none;
}
.nav-tool-link i {
    margin-right: 6px;
    font-size: 0.9rem;
    opacity: 0.7;
}
.nav-tool-link:hover i {
    opacity: 1;
}

/* Responsive dropdown menus */
/* Responsive dropdown menus */
@media (max-width: 1199.98px) {
    .nav-dropdown-content {
        max-width: 90vw;
        min-width: auto !important;
    }
    
    .nav-dropdown-mega .nav-dropdown-content {
        min-width: auto !important;
        max-width: 90vw;
    }
    
    .nav-dropdown-tools .nav-dropdown-content {
        min-width: auto !important;
        max-width: 90vw;
    }
    
    .nav-dropdown-menu {
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        width: max-content;
        max-width: 90vw;
    }
}

@media (max-width: 991.98px) {
    .nav-dropdown-menu {
        left: 0;
        transform: translateY(10px);
        width: 100%;
        max-width: 100%;
        position: static;
        padding-top: 0;
        visibility: visible;
        opacity: 1;
        display: none;
    }
    
    .nav-dropdown.show .nav-dropdown-menu {
        display: block;
    }
    
    .nav-dropdown:hover .nav-dropdown-menu {
        transform: none;
    }
    
    .nav-dropdown-content {
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        border: none;
        background: transparent;
        padding: 0 1rem;
    }
    
    .nav-dropdown-mega .nav-dropdown-content,
    .nav-dropdown-tools .nav-dropdown-content {
        min-width: auto !important;
        width: 100%;
    }
    
    .nav-dropdown-tools .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
}

@media (max-width: 767.98px) {
    .nav-dropdown-content {
        padding: 0 0.5rem;
    }
}
</style>


<style>
.feature-card-lp {
    background: var(--color-bg-card);
    box-shadow: 0 2px 16px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
}
.feature-card-lp:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}

/* Dark mode overrides for Launchpad page */
[data-theme="dark"] .lp-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 30%, #1a1a2e 70%, #0f172a 100%) !important;
}
[data-theme="dark"] .lp-hero h1,
[data-theme="dark"] .lp-hero .display-3,
[data-theme="dark"] .lp-hero .display-6,
[data-theme="dark"] .lp-hero strong {
    color: #f1f5f9 !important;
}
[data-theme="dark"] .lp-hero p,
[data-theme="dark"] .lp-hero .lead {
    color: #94a3b8 !important;
}
[data-theme="dark"] .lp-hero .small {
    color: #64748b !important;
}
[data-theme="dark"] .lp-hero div[style*="border-left"] {
    border-left-color: #475569 !important;
}
[data-theme="dark"] .lp-hero .btn-outline-secondary {
    color: #cbd5e1 !important;
    border-color: #475569 !important;
}

/* Content sections */
[data-theme="dark"] section[style*="background: #f8fafc"] {
    background: var(--color-bg-secondary) !important;
}
[data-theme="dark"] section.bg-white,
[data-theme="dark"] section[class*="bg-white"] {
    background: var(--color-bg) !important;
}
[data-theme="dark"] .card {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
}
[data-theme="dark"] .display-6,
[data-theme="dark"] h2,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] strong {
    color: var(--color-text) !important;
}

/* Plan comparison table */
[data-theme="dark"] .table-responsive .table {
    color: var(--color-text);
}
[data-theme="dark"] .table-responsive .table thead tr[style] {
    background: var(--color-bg-tertiary) !important;
}
[data-theme="dark"] .table-responsive .table th {
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}
[data-theme="dark"] .table-responsive .table td {
    color: var(--color-text-muted) !important;
    border-color: var(--color-border) !important;
}

/* Eligibility section card */
[data-theme="dark"] .card[style*="background: linear-gradient(135deg, #f5f3ff"] {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
}

/* FAQ accordion */
[data-theme="dark"] .accordion-button {
    background: var(--color-bg-card) !important;
    color: var(--color-text) !important;
}
[data-theme="dark"] .accordion-body {
    background: var(--color-bg-card) !important;
    color: var(--color-text-muted) !important;
}
[data-theme="dark"] .accordion-item {
    box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important;
}
</style>



</head>
<body class="preload-transitions">
    
<main>
<!-- Navbar with Solutions Dropdown -->
<nav class="navbar-home" id="navbar">
    <div class="container">
        <div class="d-flex justify-content-between align-items-center">
            <a href="/" class="navbar-brand-home"><img src="/static/images/unitrack-logo.svg" alt="UniTrack" class="theme-logo" width="140" height="44" style="height: 44px; width: auto;"></a>
            
            <!-- Desktop Nav Links -->
            <div class="d-none d-lg-flex align-items-center gap-4">
                <!-- Solutions Dropdown -->
                <div class="nav-dropdown">
                    <a href="#" class="nav-link-home nav-dropdown-toggle">
                        Solutions <i class="bi bi-chevron-down ms-1 small"></i>
                    </a>
                    <div class="nav-dropdown-menu nav-dropdown-mega">
                        <div class="nav-dropdown-content">
                            <div class="row g-0">
                                <div class="col-12 mb-3">
                                    <div class="nav-dropdown-category">Communication & Collaboration</div>
                                </div>
                                <div class="col-6">
                                    <a href="/free-team-chat-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-purple bg-opacity-10">
                                            <i class="bi bi-chat-dots text-purple"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">Team Chat <span class="badge bg-success ms-1">New</span></div>
                                            <div class="nav-dropdown-desc">Slack alternative with channels & DMs</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/free-task-management-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-info bg-opacity-10">
                                            <i class="bi bi-kanban text-info"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">Task Management <span class="badge bg-success ms-1">New</span></div>
                                            <div class="nav-dropdown-desc">Jira-like boards, sprints & epics</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-12 mb-3 mt-3">
                                    <div class="nav-dropdown-category">HR & People</div>
                                </div>
                                <div class="col-6">
                                    <a href="/solutions/free-hrms-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-primary bg-opacity-10">
                                            <i class="bi bi-people text-primary"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">Employee Management</div>
                                            <div class="nav-dropdown-desc">Complete employee database & directory</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/solutions/free-leave-management-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-warning bg-opacity-10">
                                            <i class="bi bi-calendar-check text-warning"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">Leave Management</div>
                                            <div class="nav-dropdown-desc">Track leaves with approval workflows</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/solutions/free-employee-activity-tracker/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-success bg-opacity-10">
                                            <i class="bi bi-camera text-success"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">Activity Tracker</div>
                                            <div class="nav-dropdown-desc">Screenshots & productivity monitoring</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/free-e-signature-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-danger bg-opacity-10">
                                            <i class="bi bi-pen text-danger"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">E-Signatures <span class="badge bg-success ms-1">New</span></div>
                                            <div class="nav-dropdown-desc">DocuSign alternative for secure signing</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-12 mb-3 mt-3">
                                    <div class="nav-dropdown-category">Finance & Operations</div>
                                </div>
                                <div class="col-6">
                                    <a href="/solutions/free-gst-invoicing-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-warning bg-opacity-10">
                                            <i class="bi bi-receipt text-warning"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">GST Invoicing</div>
                                            <div class="nav-dropdown-desc">Compliant invoicing for businesses</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/free-expense-management-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-danger bg-opacity-10">
                                            <i class="bi bi-wallet2 text-danger"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">Expense Tracking <span class="badge bg-success ms-1">New</span></div>
                                            <div class="nav-dropdown-desc">Reimbursements & subscription tracking</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/free-asset-management-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-secondary bg-opacity-10">
                                            <i class="bi bi-laptop text-secondary"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">Asset Management <span class="badge bg-success ms-1">New</span></div>
                                            <div class="nav-dropdown-desc">Hardware & license tracking</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/free-crm-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon bg-info bg-opacity-10">
                                            <i class="bi bi-briefcase text-info"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">CRM & Projects <span class="badge bg-success ms-1">New</span></div>
                                            <div class="nav-dropdown-desc">Customer & project management</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/free-form-builder-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon" style="background: rgba(16, 185, 129, 0.1);">
                                            <i class="bi bi-ui-checks-grid" style="color: #10b981;"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">Form Builder <span class="badge bg-success ms-1">New</span></div>
                                            <div class="nav-dropdown-desc">Custom forms, submissions & analytics</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="/free-payroll-software/" class="nav-dropdown-item">
                                        <div class="nav-dropdown-icon" style="background: rgba(16, 185, 129, 0.1);">
                                            <i class="bi bi-cash-coin" style="color: #059669;"></i>
                                        </div>
                                        <div>
                                            <div class="nav-dropdown-title">India Payroll <span class="badge bg-success ms-1">New</span></div>
                                            <div class="nav-dropdown-desc">EPF, PT, TDS & digital payslips</div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Free Tools Dropdown -->
                <div class="nav-dropdown">
                    <a href="/free-tools/" class="nav-link-home nav-dropdown-toggle">
                        Free Tools <i class="bi bi-chevron-down ms-1 small"></i>
                    </a>
                    <div class="nav-dropdown-menu nav-dropdown-mega nav-dropdown-tools">
                        <div class="nav-dropdown-content">
                            <div class="row g-0">
                                <!-- PDF Column -->
                                <div class="col-4">
                                    <div class="nav-dropdown-category mb-2"><i class="bi bi-file-earmark-pdf me-1"></i> PDF Tools</div>
                                    <a href="/free-tools/compress-pdf/" class="nav-tool-link"><i class="bi bi-file-zip"></i> Compress PDF</a>
                                    <a href="/free-tools/combine-pdfs/" class="nav-tool-link"><i class="bi bi-union"></i> Combine PDFs</a>
                                    <a href="/free-tools/split-pdf/" class="nav-tool-link"><i class="bi bi-scissors"></i> Split PDF</a>
                                    <a href="/free-tools/images-to-pdf/" class="nav-tool-link"><i class="bi bi-images"></i> Images to PDF</a>
                                    <a href="/free-tools/pdf-to-images/" class="nav-tool-link"><i class="bi bi-file-image"></i> PDF to Images</a>
                                    <a href="/free-tools/watermark-pdf/" class="nav-tool-link"><i class="bi bi-droplet-half"></i> Watermark PDF</a>
                                    <a href="/free-tools/protect-pdf/" class="nav-tool-link"><i class="bi bi-lock"></i> Protect PDF</a>
                                </div>
                                <!-- Image Column -->
                                <div class="col-4">
                                    <div class="nav-dropdown-category mb-2"><i class="bi bi-image me-1"></i> Image Tools</div>
                                    <a href="/free-tools/compress-image/" class="nav-tool-link"><i class="bi bi-file-zip"></i> Compress Image</a>
                                    <a href="/free-tools/convert-image/" class="nav-tool-link"><i class="bi bi-arrow-repeat"></i> Convert Image</a>
                                    <a href="/free-tools/resize-image/" class="nav-tool-link"><i class="bi bi-aspect-ratio"></i> Resize Image</a>
                                    <a href="/free-tools/remove-background/" class="nav-tool-link"><i class="bi bi-eraser"></i> Remove Background</a>

                                    <div class="nav-dropdown-category mb-2 mt-3"><i class="bi bi-shield-check me-1"></i> Privacy</div>
                                    <div class="small text-muted px-2" style="line-height:1.4">All tools are 100% browser-based. No files are uploaded to any server.</div>
                                </div>
                                <!-- Text & Data Column -->
                                <div class="col-4">
                                    <div class="nav-dropdown-category mb-2"><i class="bi bi-code-slash me-1"></i> Text & Data</div>
                                    <a href="/free-tools/json-formatter/" class="nav-tool-link"><i class="bi bi-braces"></i> JSON Formatter</a>
                                    <a href="/free-tools/qr-generator/" class="nav-tool-link"><i class="bi bi-qr-code"></i> QR Generator</a>
                                    <a href="/free-tools/url-shortener/" class="nav-tool-link"><i class="bi bi-link-45deg"></i> URL Shortener</a>
                                    <a href="/free-tools/password-generator/" class="nav-tool-link"><i class="bi bi-key"></i> Password Generator</a>
                                    <a href="/free-tools/base64/" class="nav-tool-link"><i class="bi bi-file-binary"></i> Base64 Tool</a>
                                    <a href="/free-tools/hash-generator/" class="nav-tool-link"><i class="bi bi-shield-lock"></i> Hash Generator</a>
                                    <a href="/free-tools/regex-tester/" class="nav-tool-link"><i class="bi bi-regex"></i> Regex Tester</a>
                                    <a href="/free-tools/csv-to-json/" class="nav-tool-link"><i class="bi bi-filetype-csv"></i> CSV to JSON</a>
                                    <a href="/free-tools/color-picker/" class="nav-tool-link"><i class="bi bi-palette"></i> Color Picker</a>
                                    <a href="/free-tools/markdown-preview/" class="nav-tool-link"><i class="bi bi-markdown"></i> Markdown Preview</a>
                                    <a href="/free-tools/diff-checker/" class="nav-tool-link"><i class="bi bi-file-diff"></i> Diff Checker</a>
                                    <a href="/free-tools/lorem-ipsum/" class="nav-tool-link"><i class="bi bi-text-paragraph"></i> Lorem Ipsum</a>
                                </div>
                            </div>
                            <div class="nav-dropdown-footer mt-3 pt-3 border-top">
                                <a href="/free-tools/" class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-grid me-1"></i> View All 20+ Free Tools
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <a href="/pricing/" class="nav-link-home">Pricing</a>
                <a href="/startup-launchpad/" class="nav-link-home"><i class="bi bi-rocket-takeoff me-1"></i>Startup Launchpad</a>
                <a href="/articles/" class="nav-link-home"><i class="bi bi-journal-richtext me-1"></i>Articles</a>
            </div>
            
            <!-- Desktop Actions -->
            <div class="d-none d-md-flex align-items-center gap-3">
                <button class="theme-toggle theme-toggle-sm" aria-label="Toggle theme">
                    <i class="bi bi-sun-fill icon-sun"></i>
                    <i class="bi bi-moon-fill icon-moon"></i>
                </button>
                <a href="/auth/login/" class="btn btn-outline-primary">Sign In</a>
                <a href="/auth/register/" class="btn btn-primary d-none d-lg-inline-flex">Get Started Free</a>
            </div>
            
            <!-- Mobile Actions -->
            <div class="d-flex d-md-none align-items-center gap-2">
                <button class="theme-toggle theme-toggle-sm" aria-label="Toggle theme">
                    <i class="bi bi-sun-fill icon-sun"></i>
                    <i class="bi bi-moon-fill icon-moon"></i>
                </button>
                <button class="navbar-mobile-toggle" id="navbarMobileToggle" aria-label="Toggle menu">
                    <i class="bi bi-list"></i>
                </button>
            </div>
        </div>
        
        <!-- Mobile Menu -->
        <div class="navbar-mobile-menu" id="navbarMobileMenu">
            <div class="navbar-mobile-links">
                <div class="py-2">
                    <div class="small text-muted mb-2 px-1">Communication</div>
                    <a href="/free-team-chat-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-chat-dots text-purple"></i> Team Chat <span class="badge bg-success ms-2">New</span>
                    </a>
                    <a href="/free-task-management-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-kanban text-info"></i> Task Management <span class="badge bg-success ms-2">New</span>
                    </a>
                </div>
                <div class="py-2">
                    <div class="small text-muted mb-2 px-1">HR & People</div>
                    <a href="/solutions/free-hrms-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-people text-primary"></i> Employee Management
                    </a>
                    <a href="/solutions/free-leave-management-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-calendar-check text-warning"></i> Leave Management
                    </a>
                    <a href="/solutions/free-employee-activity-tracker/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-camera text-success"></i> Activity Tracker
                    </a>
                    <a href="/free-e-signature-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-pen text-danger"></i> E-Signatures <span class="badge bg-success ms-2">New</span>
                    </a>
                </div>
                <div class="py-2">
                    <div class="small text-muted mb-2 px-1">Finance</div>
                    <a href="/solutions/free-gst-invoicing-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-receipt text-warning"></i> GST Invoicing
                    </a>
                    <a href="/free-expense-management-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-wallet2 text-danger"></i> Expense Tracking <span class="badge bg-success ms-2">New</span>
                    </a>
                    <a href="/free-asset-management-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-laptop text-secondary"></i> Asset Management <span class="badge bg-success ms-2">New</span>
                    </a>
                    <a href="/free-form-builder-software/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-ui-checks-grid" style="color: #10b981;"></i> Form Builder <span class="badge bg-success ms-2">New</span>
                    </a>
                </div>
                <div class="py-2">
                    <div class="small text-muted mb-2 px-1">Free Tools <span class="badge bg-success ms-2">Free</span></div>
                    <a href="/free-tools/compress-pdf/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-file-zip text-danger"></i> Compress PDF
                    </a>
                    <a href="/free-tools/combine-pdfs/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-union text-purple"></i> Combine PDFs
                    </a>
                    <a href="/free-tools/compress-image/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-file-zip" style="color: #f59e0b;"></i> Compress Image
                    </a>
                    <a href="/free-tools/json-formatter/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-braces" style="color: #7568f6;"></i> JSON Formatter
                    </a>
                    <a href="/free-tools/qr-generator/" class="nav-link-home d-flex align-items-center gap-2 py-2">
                        <i class="bi bi-qr-code" style="color: #0ea5e9;"></i> QR Generator
                    </a>
                    <a href="/free-tools/" class="nav-link-home d-flex align-items-center gap-2 py-2 fw-semibold" style="color: #7c3aed;">
                        <i class="bi bi-grid"></i> View All 20+ Tools →
                    </a>
                </div>
                <a href="/pricing/" class="nav-link-home">Pricing</a>
                <a href="/startup-launchpad/" class="nav-link-home"><i class="bi bi-rocket-takeoff me-1"></i>Startup Launchpad</a>
                <a href="/articles/" class="nav-link-home"><i class="bi bi-journal-richtext me-1"></i>Articles</a>
                <a href="/#comparison" class="nav-link-home">Compare & Save</a>
            </div>
            <div class="navbar-mobile-actions">
                <a href="/auth/login/" class="btn btn-outline-primary w-100 mb-2">Sign In</a>
                <a href="/auth/register/" class="btn btn-primary w-100">Get Started Free</a>
            </div>
        </div>
    </div>
</nav>

<!-- Page Content -->

<!-- Hero -->
<section class="lp-hero text-center page-header-padding pb-5" style="background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 30%, #ede9fe 70%, #f5f3ff 100%); position: relative; overflow: hidden;">
    <!-- Background decoration -->
    <div style="position: absolute; inset: 0; background: radial-gradient(circle at 20% 50%, rgba(99,102,241,0.06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(139,92,246,0.05) 0%, transparent 50%);"></div>
    <div class="container position-relative">
        <span class="badge px-4 py-2 mb-4 rounded-pill" style="background: rgba(99,102,241,0.1); color: #6366f1; font-size: 0.85rem;">
            <i class="bi bi-rocket-takeoff me-2"></i>STARTUP PROGRAM
        </span>
        <h1 class="display-3 fw-bold mb-3" style="color: #1e293b;">UniTrack Startup <span style="color: #7568f6;">Launchpad</span></h1>
        <p class="lead mb-4 mx-auto" style="max-width: 560px; color: #64748b; font-size: 1.25rem;">
            Everything your startup needs to manage your team, track work, and grow.
            <strong style="color: #1e293b;">Free for 3 months.</strong>
        </p>
        <div class="d-flex flex-wrap gap-3 justify-content-center mb-4">
            <a href="/auth/login/" class="btn btn-lg rounded-pill px-5 fw-semibold text-white" style="font-size: 1.1rem; background: linear-gradient(135deg, #6366f1, #8b5cf6);">
                <i class="bi bi-rocket-takeoff me-2"></i>Apply Now
            </a>
            <a href="#how-it-works" class="btn btn-outline-secondary btn-lg rounded-pill px-5" style="font-size: 1.1rem;">
                Learn More <i class="bi bi-arrow-down ms-1"></i>
            </a>
        </div>
        <p class="small mb-0" style="color: #94a3b8;">No credit card required. Application takes 2 minutes.</p>

        <!-- Stats row -->
        <div class="row g-4 mt-5 justify-content-center">
            <div class="col-auto">
                <div class="text-center px-4">
                    <div class="display-6 fw-bold" style="color: #1e293b;">3 Months</div>
                    <div style="color: #64748b;">Free Access</div>
                </div>
            </div>
            <div class="col-auto">
                <div class="text-center px-4" style="border-left: 2px solid #e2e8f0;">
                    <div class="display-6 fw-bold" style="color: #1e293b;">10</div>
                    <div style="color: #64748b;">Employees</div>
                </div>
            </div>
            <div class="col-auto">
                <div class="text-center px-4" style="border-left: 2px solid #e2e8f0;">
                    <div class="display-6 fw-bold" style="color: #1e293b;">12+</div>
                    <div style="color: #64748b;">Modules</div>
                </div>
            </div>
            <div class="col-auto">
                <div class="text-center px-4" style="border-left: 2px solid #e2e8f0;">
                    <div class="display-6 fw-bold" style="color: #1e293b;">₹0</div>
                    <div style="color: #64748b;">Total Cost</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- How It Works -->
<section class="py-5" id="how-it-works" style="background: #f8fafc;">
    <div class="container py-5">
        <div class="text-center mb-5">
            <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 mb-3 rounded-pill">HOW IT WORKS</span>
            <h2 class="display-6 fw-bold">Get Started in 3 Steps</h2>
        </div>
        <div class="row g-4 justify-content-center">
            <div class="col-md-4">
                <div class="card border-0 h-100 text-center p-4 animate-fade-in" style="border-radius: 20px; box-shadow: 0 4px 24px rgba(0,0,0,0.06);">
                    <div class="mx-auto mb-3" style="width: 72px; height: 72px; border-radius: 20px; background: linear-gradient(135deg, #6366f1, #818cf8); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-person-plus text-white" style="font-size: 1.8rem;"></i>
                    </div>
                    <h5 class="fw-bold">1. Sign Up</h5>
                    <p class="text-muted mb-0">Create your UniTrack account in 30 seconds. No credit card required.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border-0 h-100 text-center p-4 animate-fade-in" style="border-radius: 20px; box-shadow: 0 4px 24px rgba(0,0,0,0.06);">
                    <div class="mx-auto mb-3" style="width: 72px; height: 72px; border-radius: 20px; background: linear-gradient(135deg, #8b5cf6, #a78bfa); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-file-earmark-check text-white" style="font-size: 1.8rem;"></i>
                    </div>
                    <h5 class="fw-bold">2. Apply</h5>
                    <p class="text-muted mb-0">Tell us about your startup. Teams ≤5 get instant approval. Larger teams reviewed in 2 days.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border-0 h-100 text-center p-4 animate-fade-in" style="border-radius: 20px; box-shadow: 0 4px 24px rgba(0,0,0,0.06);">
                    <div class="mx-auto mb-3" style="width: 72px; height: 72px; border-radius: 20px; background: linear-gradient(135deg, #10b981, #34d399); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-rocket-takeoff text-white" style="font-size: 1.8rem;"></i>
                    </div>
                    <h5 class="fw-bold">3. Build Free</h5>
                    <p class="text-muted mb-0">Get your activation code and unlock a full 3 months of UniTrack — no strings attached.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- What's Included -->
<section class="py-5 bg-white">
    <div class="container py-5">
        <div class="text-center mb-5">
            <span class="badge bg-success bg-opacity-10 text-success px-3 py-2 mb-3 rounded-pill">WHAT'S INCLUDED</span>
            <h2 class="display-6 fw-bold">Everything You Need to Run Your Startup</h2>
            <p class="text-muted mx-auto" style="max-width: 500px;">All modules included. No feature gates. Just build.</p>
        </div>
        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="card border-0 h-100 p-4 animate-fade-in feature-card-lp" style="border-radius: 16px;">
                    <div class="mb-3" style="width: 48px; height: 48px; border-radius: 12px; background: rgba(99,102,241,0.1); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-people" style="font-size: 1.3rem; color: #6366f1;"></i>
                    </div>
                    <h6 class="fw-bold">Employee Management</h6>
                    <p class="text-muted small mb-0">Up to 10 employees. Full profiles, documents & directory.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card border-0 h-100 p-4 animate-fade-in feature-card-lp" style="border-radius: 16px;">
                    <div class="mb-3" style="width: 48px; height: 48px; border-radius: 12px; background: rgba(16,185,129,0.1); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-kanban" style="font-size: 1.3rem; color: #10b981;"></i>
                    </div>
                    <h6 class="fw-bold">Task Management</h6>
                    <p class="text-muted small mb-0">Kanban boards, sprints, epics. Like Jira, but simpler.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card border-0 h-100 p-4 animate-fade-in feature-card-lp" style="border-radius: 16px;">
                    <div class="mb-3" style="width: 48px; height: 48px; border-radius: 12px; background: rgba(245,158,11,0.1); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-receipt" style="font-size: 1.3rem; color: #f59e0b;"></i>
                    </div>
                    <h6 class="fw-bold">GST Invoicing</h6>
                    <p class="text-muted small mb-0">Create up to 100 GST-compliant invoices. Track payments.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card border-0 h-100 p-4 animate-fade-in feature-card-lp" style="border-radius: 16px;">
                    <div class="mb-3" style="width: 48px; height: 48px; border-radius: 12px; background: rgba(139,92,246,0.1); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-calendar-check" style="font-size: 1.3rem; color: #8b5cf6;"></i>
                    </div>
                    <h6 class="fw-bold">Leave Management</h6>
                    <p class="text-muted small mb-0">Custom leave types, approval workflows, team calendars.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card border-0 h-100 p-4 animate-fade-in feature-card-lp" style="border-radius: 16px;">
                    <div class="mb-3" style="width: 48px; height: 48px; border-radius: 12px; background: rgba(236,72,153,0.1); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-stars" style="font-size: 1.3rem; color: #ec4899;"></i>
                    </div>
                    <h6 class="fw-bold">UniTrack AI</h6>
                    <p class="text-muted small mb-0">100 AI queries/day. Natural language analytics & reports.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card border-0 h-100 p-4 animate-fade-in feature-card-lp" style="border-radius: 16px;">
                    <div class="mb-3" style="width: 48px; height: 48px; border-radius: 12px; background: rgba(14,165,233,0.1); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-briefcase" style="font-size: 1.3rem; color: #0ea5e9;"></i>
                    </div>
                    <h6 class="fw-bold">CRM & Projects</h6>
                    <p class="text-muted small mb-0">Manage leads, deals, customers. Track projects end-to-end.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card border-0 h-100 p-4 animate-fade-in feature-card-lp" style="border-radius: 16px;">
                    <div class="mb-3" style="width: 48px; height: 48px; border-radius: 12px; background: rgba(124,58,237,0.1); display: flex; align-items: center; justify-content: center;">
                        <i class="bi bi-chat-dots" style="font-size: 1.3rem; color: #7c3aed;"></i>
                    </div>
                    <h6 class="fw-bold">Team Chat</h6>
                    <p class="text-muted small mb-0">Up to 10 groups, DMs, file sharing. Slack alternative.</p>
                </div>
            </div>
        </div>
        <div class="text-center mt-4">
            <p class="text-muted">
                <i class="bi bi-plus-circle me-1"></i>
                Plus: E-Signatures, Expense Tracking, Asset Management, Form Builder, HR Suite, and more.
            </p>
        </div>
    </div>
</section>

<!-- Plan Comparison -->
<section class="py-5" style="background: #f8fafc;">
    <div class="container py-5">
        <div class="text-center mb-5">
            <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 mb-3 rounded-pill">COMPARE PLANS</span>
            <h2 class="display-6 fw-bold">Startup Launchpad vs Enterprise</h2>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card border-0 overflow-hidden" style="border-radius: 20px; box-shadow: 0 8px 32px rgba(0,0,0,0.08);">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                                <tr style="background: linear-gradient(135deg, #f8fafc, #e2e8f0);">
                                    <th class="py-4 px-4 border-0 fw-bold">Feature</th>
                                    <th class="py-4 px-4 border-0 text-center">
                                        <span class="badge rounded-pill px-3 py-2 mb-1" style="background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white;">Startup Launchpad</span>
                                        <div class="small text-muted mt-1">Free for 3 months</div>
                                    </th>
                                    <th class="py-4 px-4 border-0 text-center">
                                        <span class="badge rounded-pill px-3 py-2 mb-1" style="background: linear-gradient(135deg, #f59e0b, #d97706); color: white;">Enterprise</span>
                                        <div class="small text-muted mt-1">₹200/employee/month</div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr><td class="px-4 py-3">Employees</td><td class="text-center">Up to 10</td><td class="text-center">Unlimited</td></tr>
                                <tr><td class="px-4 py-3">Storage</td><td class="text-center">5 GB</td><td class="text-center">Unlimited</td></tr>
                                <tr><td class="px-4 py-3">AI Queries</td><td class="text-center">100/day</td><td class="text-center">Unlimited</td></tr>
                                <tr><td class="px-4 py-3">Invoicing</td><td class="text-center">100 all time</td><td class="text-center">Unlimited</td></tr>
                                <tr><td class="px-4 py-3">CRM Leads</td><td class="text-center">500</td><td class="text-center">Unlimited</td></tr>
                                <tr><td class="px-4 py-3">Chat Groups</td><td class="text-center">10</td><td class="text-center">Unlimited</td></tr>
                                <tr><td class="px-4 py-3">Job Postings</td><td class="text-center">10</td><td class="text-center">Unlimited</td></tr>
                                <tr><td class="px-4 py-3">API Access</td><td class="text-center"><i class="bi bi-x text-muted"></i></td><td class="text-center"><i class="bi bi-check-lg text-success"></i></td></tr>
                                <tr><td class="px-4 py-3">Priority Support</td><td class="text-center">Community</td><td class="text-center">Dedicated</td></tr>
                                <tr><td class="px-4 py-3">Custom Branding</td><td class="text-center"><i class="bi bi-x text-muted"></i></td><td class="text-center"><i class="bi bi-check-lg text-success"></i></td></tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Eligibility -->
<section class="py-5 bg-white">
    <div class="container py-5">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <span class="badge bg-success bg-opacity-10 text-success px-3 py-2 mb-3 rounded-pill">ELIGIBILITY</span>
                <h2 class="display-6 fw-bold mb-4">Who Can Apply?</h2>
                <div class="d-flex flex-column gap-3">
                    <div class="d-flex align-items-start gap-3">
                        <div style="width: 32px; height: 32px; border-radius: 8px; background: rgba(16,185,129,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                            <i class="bi bi-check-lg" style="color: #10b981;"></i>
                        </div>
                        <div>
                            <strong>Early-stage startups</strong>
                            <p class="text-muted small mb-0">Idea stage, MVP, or early revenue. Pre-seed to Series A.</p>
                        </div>
                    </div>
                    <div class="d-flex align-items-start gap-3">
                        <div style="width: 32px; height: 32px; border-radius: 8px; background: rgba(16,185,129,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                            <i class="bi bi-check-lg" style="color: #10b981;"></i>
                        </div>
                        <div>
                            <strong>Teams of up to 10 employees</strong>
                            <p class="text-muted small mb-0">Perfect for founding teams and small crews. Need more? Talk to us about Enterprise.</p>
                        </div>
                    </div>
                    <div class="d-flex align-items-start gap-3">
                        <div style="width: 32px; height: 32px; border-radius: 8px; background: rgba(16,185,129,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                            <i class="bi bi-check-lg" style="color: #10b981;"></i>
                        </div>
                        <div>
                            <strong>Incorporated or pre-revenue</strong>
                            <p class="text-muted small mb-0">Whether you're bootstrapping or funded, you're welcome.</p>
                        </div>
                    </div>
                    <div class="d-flex align-items-start gap-3">
                        <div style="width: 32px; height: 32px; border-radius: 8px; background: rgba(99,102,241,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                            <i class="bi bi-building" style="color: #6366f1;"></i>
                        </div>
                        <div>
                            <strong>Incubator / accelerator members</strong>
                            <p class="text-muted small mb-0">Partner incubator members get <strong>instant access</strong> with a partner code.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card border-0 p-5" style="border-radius: 24px; background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);">
                    <div class="text-center">
                        <div class="mb-3" style="width: 80px; height: 80px; border-radius: 20px; background: linear-gradient(135deg, #6366f1, #8b5cf6); display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                            <i class="bi bi-lightning-charge text-white" style="font-size: 2rem;"></i>
                        </div>
                        <h4 class="fw-bold mb-2">Instant Approval</h4>
                        <p class="text-muted mb-3">Teams with ≤5 employees are automatically approved. No waiting.</p>
                        <div class="d-flex justify-content-center gap-2 flex-wrap">
                            <span class="badge bg-white text-dark rounded-pill px-3 py-2 shadow-sm">≤5 employees → Instant</span>
                            <span class="badge bg-white text-dark rounded-pill px-3 py-2 shadow-sm">6-10 → 2 day review</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FAQ -->
<section class="py-5 bg-white">
    <div class="container py-5">
        <div class="text-center mb-5">
            <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 mb-3 rounded-pill">FAQ</span>
            <h2 class="display-6 fw-bold">Common Questions</h2>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="accordion accordion-flush" id="faqAccordion">
                    <div class="accordion-item border-0 mb-3 rounded-4 overflow-hidden shadow-sm">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed fw-semibold bg-white py-4" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                Who is eligible for the Startup Launchpad?
                            </button>
                        </h2>
                        <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                            <div class="accordion-body text-muted bg-white">
                                Any early-stage startup with up to 10 employees. You can be at the idea stage, building an MVP, or already generating revenue. Incorporated companies and solo founders are both welcome.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item border-0 mb-3 rounded-4 overflow-hidden shadow-sm">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed fw-semibold bg-white py-4" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                What happens after the 3 months are over?
                            </button>
                        </h2>
                        <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                            <div class="accordion-body text-muted bg-white">
                                You can upgrade to our Enterprise plan at ₹200/employee/month to keep all your data and continue using UniTrack. You'll get a 7-day grace period with read-only access. If you choose not to upgrade, your data is retained for 90 days before being permanently deleted.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item border-0 mb-3 rounded-4 overflow-hidden shadow-sm">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed fw-semibold bg-white py-4" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                Can I upgrade to Enterprise during the free 3 months?
                            </button>
                        </h2>
                        <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                            <div class="accordion-body text-muted bg-white">
                                Absolutely! You can upgrade at any time to unlock unlimited employees, higher limits, API access, priority support, and custom branding.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item border-0 mb-3 rounded-4 overflow-hidden shadow-sm">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed fw-semibold bg-white py-4" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
                                What if my team grows beyond 10 during the free 3 months?
                            </button>
                        </h2>
                        <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                            <div class="accordion-body text-muted bg-white">
                                We'll notify you as you approach the limit. You can upgrade to Enterprise at any time to remove the cap. We want to help you grow, not block you.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item border-0 mb-3 rounded-4 overflow-hidden shadow-sm">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed fw-semibold bg-white py-4" type="button" data-bs-toggle="collapse" data-bs-target="#faq5">
                                How do incubator partner codes work?
                            </button>
                        </h2>
                        <div id="faq5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                            <div class="accordion-body text-muted bg-white">
                                Our partner incubators and accelerators provide special codes that give their startups instant access — no application review needed. Enter the code during signup or apply from your dashboard.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item border-0 mb-3 rounded-4 overflow-hidden shadow-sm">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed fw-semibold bg-white py-4" type="button" data-bs-toggle="collapse" data-bs-target="#faq6">
                                Is there really no catch?
                            </button>
                        </h2>
                        <div id="faq6" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                            <div class="accordion-body text-muted bg-white">
                                No catch. No hidden fees. No credit card required. We believe the best way to grow is to help startups succeed. If UniTrack helps your team, you'll want to stick around after the 3 months are up.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA -->
<section class="py-5" style="background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%);">
    <div class="container text-center py-5">
        <h2 class="display-5 fw-bold text-white mb-3">Ready to Launch?</h2>
        <p class="lead mb-4" style="color: #c7d2fe; max-width: 500px; margin: 0 auto;">
            Join hundreds of startups building with UniTrack. Apply in 2 minutes.
        </p>
        <a href="/auth/login/" class="btn btn-light btn-lg rounded-pill px-5 fw-semibold">
            <i class="bi bi-rocket-takeoff me-2"></i>Apply Now — It's Free
        </a>
    </div>
</section>



<!-- Footer -->
</main>
<footer class="footer">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-4 mb-4">
                <div class="footer-brand"><img src="/static/images/unitrack-logo-dark-bg.svg" alt="UniTrack" width="100" height="28" style="height: 28px; width: auto;"></div>
                <p class="footer-text">
                    Modern startup management platform that helps you manage employees, 
                    track leaves, create invoices, and grow your business.
                </p>
                <div class="d-flex gap-3 mt-3">
                    <a href="#" class="text-white opacity-75 p-2 d-inline-block" aria-label="Twitter"><i class="bi bi-twitter-x" style="font-size: 1.25rem;"></i></a>
                    <a href="#" class="text-white opacity-75 p-2 d-inline-block" aria-label="LinkedIn"><i class="bi bi-linkedin" style="font-size: 1.25rem;"></i></a>
                    <a href="#" class="text-white opacity-75 p-2 d-inline-block" aria-label="GitHub"><i class="bi bi-github" style="font-size: 1.25rem;"></i></a>
                </div>
            </div>
            
            <div class="col-6 col-md-3 col-lg-2">
                <div class="footer-title">Product</div>
                <ul class="footer-links">
                    <li><a href="/#features">Features</a></li>
                    <li><a href="/#modules">Modules</a></li>
                    <li><a href="/pricing/">Pricing</a></li>
                    <li><a href="/changelog/">Changelog</a></li>
                </ul>
            </div>
            
            <div class="col-6 col-md-3 col-lg-2">
                <div class="footer-title">Solutions</div>
                <ul class="footer-links">
                    <li><a href="/free-crm-software/">CRM & Projects</a></li>
                    <li><a href="/free-task-management-software/">Task Management</a></li>
                    <li><a href="/free-team-chat-software/">Team Chat</a></li>
                    <li><a href="/free-hr-software/">HR Suite</a></li>
                    <li><a href="/solutions/free-employee-activity-tracker/">Activity Tracker</a></li>
                    <li><a href="/solutions/free-gst-invoicing-software/">GST Invoicing</a></li>
                    <li><a href="/free-e-signature-software/">E-Signatures</a></li>
                    <li><a href="/free-expense-management-software/">Expense Tracking</a></li>
                    <li><a href="/free-asset-management-software/">Asset Management</a></li>
                    <li><a href="/free-form-builder-software/">Forms Builder</a></li>
                    <li><a href="/free-payroll-software/">India Payroll</a></li>
                    <li><a href="/free-tools/">Free Tools</a></li>
                </ul>
            </div>
            
            <div class="col-6 col-md-3 col-lg-2">
                <div class="footer-title">Company</div>
                <ul class="footer-links">
                    <li><a href="/about/">About Us</a></li>
                    <li><a href="/blog/">Blog</a></li>
                    <li><a href="/careers/">Careers</a></li>
                    <li><a href="/contact/">Contact</a></li>
                    <li><a href="/how-to-use-unitrack/"><i class="bi bi-book me-1"></i>How to Use Unitrack</a></li>
                </ul>
            </div>
            
            <div class="col-6 col-md-3 col-lg-2">
                <div class="footer-title">Legal</div>
                <ul class="footer-links">
                    <li><a href="/legal/privacy-policy/">Privacy Policy</a></li>
                    <li><a href="/legal/terms-of-service/">Terms of Service</a></li>
                    <li><a href="/legal/cookie-policy/">Cookie Policy</a></li>
                    <li><a href="/legal/security/">Security</a></li>
                </ul>
            </div>
        </div>
        
        <div class="footer-bottom">
            <p class="mb-0">© 2026 UniTrack. All rights reserved. Made with ❤️ in India.</p>
        </div>
    </div>
</footer>

    
    
    <!-- jQuery -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
    
    
    <!-- Bootstrap 5 JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

    
<!-- Custom JS (main.js needed for ajax_form handling on auth pages) -->
<script src="/static/js/main.js?v=3ebad432" defer></script>


    
<script>
// Remove transition lock after parsing
window.addEventListener('load', function() {
    document.body.classList.remove('preload-transitions');
});

// Navbar scroll effect
window.addEventListener('scroll', function() {
    const navbar = document.getElementById('navbar');
    if (window.scrollY > 50) {
        navbar.classList.add('scrolled');
    } else {
        navbar.classList.remove('scrolled');
    }
});

// Mobile menu toggle
const mobileToggle = document.getElementById('navbarMobileToggle');
const mobileMenu = document.getElementById('navbarMobileMenu');

if (mobileToggle && mobileMenu) {
    mobileToggle.addEventListener('click', function() {
        mobileMenu.classList.toggle('show');
        const icon = this.querySelector('i');
        if (mobileMenu.classList.contains('show')) {
            icon.classList.remove('bi-list');
            icon.classList.add('bi-x-lg');
        } else {
            icon.classList.remove('bi-x-lg');
            icon.classList.add('bi-list');
        }
    });
    
    mobileMenu.querySelectorAll('a').forEach(link => {
        link.addEventListener('click', function() {
            mobileMenu.classList.remove('show');
            mobileToggle.querySelector('i').classList.remove('bi-x-lg');
            mobileToggle.querySelector('i').classList.add('bi-list');
        });
    });
}

// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function(e) {
        const href = this.getAttribute('href');
        if (href !== '#' && href.startsWith('#')) {
            e.preventDefault();
            const target = document.querySelector(href);
            if (target) {
                target.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
            }
        }
    });
});

// Intersection Observer for animations
const observerOptions = {
    threshold: 0.1,
    rootMargin: '0px 0px -50px 0px'
};

const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            entry.target.style.opacity = '1';
            entry.target.style.transform = 'translateY(0)';
        }
    });
}, observerOptions);

document.querySelectorAll('.animate-fade-in').forEach(el => {
    el.style.opacity = '0';
    el.style.transform = 'translateY(20px)';
    el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
    observer.observe(el);
});
</script>

<script>
/* Toast & showConfirmModal fallbacks for public pages (defined fully in dashboard_base.html) */
if (typeof window.Toast === 'undefined') {
    window.Toast = {
        success: function(msg) { console.log('Success:', msg); },
        error: function(msg) { console.error('Error:', msg); },
        info: function(msg) { console.info('Info:', msg); },
        warning: function(msg) { console.warn('Warning:', msg); }
    };
}
if (typeof window.showConfirmModal === 'undefined') {
    window.showConfirmModal = function(title, message, onConfirm) {
        if (onConfirm) onConfirm();
    };
}
</script>

<!-- Custom JS (main.js needed for ajax_form handling on auth pages) -->
<script src="/static/js/main.js?v=3ebad432" defer></script>


</body>
</html>
