<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GTM Maximizer</title>
    <meta name="description" content="GTM Maximizer: AI Powered Solutions Generating Profitable and Efficient Revenue and Customer Growth.">
    <meta name="keywords" content="GTM strategy, B2B SaaS, go-to-market, AI tools, sales strategy, marketing plan, revenue growth, customer acquisition, market analysis, business planning">
    <meta property="og:title" content="GTM Maximizer">
    <meta property="og:description" content="GTM Maximizer: AI Powered Solutions Generating Profitable and Efficient Revenue and Customer Growth.">
    <meta property="og:image" content="https://project-screens.s3.amazonaws.com/screenshots/34602/app-hero-20251002-202548.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://project-screens.s3.amazonaws.com/screenshots/34602/app-hero-20251002-202548.png">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <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&family=Lora:wght@700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
    <style>
        .kpi-card {
            margin-bottom: 1.5rem;
        }
        .trend-up {
            color: #28a745;
        }
        .trend-down {
            color: #dc3545;
        }
        .kpi-value {
            font-size: 2.5rem;
            font-weight: bold;
        }
    </style>
    <script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
    <script>mermaid.initialize({ startOnLoad: true });</script>
</head>
<body>

    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
        <div class="container">
            <a class="navbar-brand" href="index.php">GTM Maximizer</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="kpi_dashboard.php">Dashboard</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="profile.php">Profile</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Tools
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <li><a class="dropdown-item" href="#">Design</a></li>
                            <li><a class="dropdown-item" href="#">Diagram</a></li>
                            <li><a class="dropdown-item" href="#">Integrations</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Settings</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Account</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <header class="hero text-center">
        <div class="container">
            <h1 class="display-4">GTM Maximizer</h1>
            <p class="lead">AI Powered Solutions Generating Profitable and Efficient Revenue and Customer Growth</p>
            <a href="start.php" class="btn btn-light btn-lg mt-3">Build New Process and Organization</a>
            <a href="list_profiles.php" class="btn btn-outline-light btn-lg mt-3">Existing Process</a>
            <a href="list_profiles.php" class="btn btn-outline-light btn-lg mt-3">Existing Organization</a>
        </div>
    </header>

    <main class="container my-5">
        <!-- Features Section -->
        <section id="features" class="py-5">
            <div class="text-center mb-5">
                <h2>Key Features</h2>
                <p class="lead">Everything you need to build a world-class GTM strategy.</p>
            </div>
            <div class="row">
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title">GTM Profile Builder</h5>
                            <p class="card-text">Input your business, market, and sales data to create a comprehensive GTM profile.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title">Process Flow Generator</h5>
                            <p class="card-text">Automatically generate customized GTM process flows based on your unique profile.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title">Tool & Integration Recommendations</h5>
                            <p class="card-text">Get AI-powered suggestions for the best tools and integrations to execute your strategy.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Outputs & Results Section -->
        <section id="outputs" class="py-5 bg-light">
            <div class="text-center mb-5">
                <h2>Visualize Your Strategy</h2>
                <p class="lead">From high-level diagrams to detailed dashboards, see your GTM plan come to life.</p>
            </div>
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h3>Sample Process Diagram</h3>
                    <p>Our AI generates clear, actionable diagrams that map out your entire customer journey and the internal processes required to support it.</p>
                </div>
                <div class="col-md-6">
                    <div class="mermaid">graph TD
    subgraph "GTM Strategy Workflow"
        A[Start] --> B[Input Market & Product Data];
        B --> C{Generate GTM Strategy};
        C --> D[Review Generated Plan];
        D --> E{Is the Plan Approved?};
        E -- Yes --> F[Launch GTM Campaign];
        E -- No --> G[Refine Inputs & Regenerate];
        G --> B;
        F --> H[Monitor KPIs & Optimize];
        H --> F;
    end</div>
                </div>
            </div>
        </section>

        <!-- Dashboard Preview Section -->
        <section id="dashboard" class="py-5 bg-dark text-white">
            <div class="container">
                <div class="text-center mb-5">
                    <h2>Track Your Progress</h2>
                    <p class="lead">A fully customizable dashboard to monitor your key metrics and GTM goals</p>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">Revenue</h5>
                                <p class="kpi-value">$250,000</p>
                                <p class="card-text">Target: $300,000 <span class="trend-up">&#9650;</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">Revenue Growth (MoM)</h5>
                                <p class="kpi-value">15%</p>
                                <p class="card-text">Target: 20% <span class="trend-up">&#9650;</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">Gross Profit Margin</h5>
                                <p class="kpi-value">60%</p>
                                <p class="card-text">Target: 65% <span class="trend-up">&#9650;</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">Customer Acquisition Cost (CAC)</h5>
                                <p class="kpi-value">$120</p>
                                <p class="card-text">Target: $100 <span class="trend-down">&#9660;</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">Operating Expenses</h5>
                                <p class="kpi-value">$50,000</p>
                                <p class="card-text">Target: $45,000 <span class="trend-down">&#9660;</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">Net Operating Income</h5>
                                <p class="kpi-value">$100,000</p>
                                <p class="card-text">Target: $120,000 <span class="trend-up">&#9650;</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">New Customers Added</h5>
                                <p class="kpi-value">50</p>
                                <p class="card-text">Target: 60 <span class="trend-up">&#9650;</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">Total Customers</h5>
                                <p class="kpi-value">500</p>
                                <p class="card-text">Target: 550 <span class="trend-up">&#9650;</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="card bg-secondary text-white h-100">
                            <div class="card-body">
                                <h5 class="card-title">Annual Recurring Revenue (ARR)</h5>
                                <p class="kpi-value">$3,000,000</p>
                                <p class="card-text">Target: $3,500,000 <span class="trend-up">&#9650;</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Goals Section -->
        <section id="goals" class="py-5 bg-light">
            <div class="text-center mb-5">
                <h2>Achieve Your Goals</h2>
                <p class="lead">Align your entire organization around clear, measurable objectives.</p>
            </div>
             <div class="row">
                <div class="col-md-6 mb-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title">Revenue Growth</h5>
                            <p class="card-text">Optimize your sales and marketing funnels to drive predictable revenue growth.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title">Customer Acquisition</h5>
                            <p class="card-text">Lower your customer acquisition costs by targeting the right ICP with the right message.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

    <footer class="text-center py-4">
        <p>&copy; <?php echo date("Y"); ?> GTM Maximizer. All Rights Reserved.</p>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>