305 lines
16 KiB
PHP
305 lines
16 KiB
PHP
<!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(); ?>">
|
|
<link rel="stylesheet" href="assets/css/chatbot.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 style="max-width: 50%; margin: auto;">
|
|
<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>
|
|
</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 text-white-50">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 h-100 bg-dark text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Revenue</h5>
|
|
<p class="kpi-value text-white">$250,000</p>
|
|
<p class="card-text text-white-50">Target: $300,000 <span class="trend-up">▲</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100 bg-dark text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Revenue Growth (MoM)</h5>
|
|
<p class="kpi-value text-white">15%</p>
|
|
<p class="card-text text-white-50">Target: 20% <span class="trend-up">▲</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100 bg-dark text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Gross Profit Margin</h5>
|
|
<p class="kpi-value text-white">60%</p>
|
|
<p class="card-text text-white-50">Target: 65% <span class="trend-up">▲</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100 bg-dark text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Customer Acquisition Cost (CAC)</h5>
|
|
<p class="kpi-value text-white">$120</p>
|
|
<p class="card-text text-white-50">Target: $100 <span class="trend-down">▼</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100 bg-dark text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Operating Expenses</h5>
|
|
<p class="kpi-value text-white">$50,000</p>
|
|
<p class="card-text text-white-50">Target: $45,000 <span class="trend-down">▼</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100 bg-dark text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Net Operating Income</h5>
|
|
<p class="kpi-value text-white">$100,000</p>
|
|
<p class="card-text text-white-50">Target: $120,000 <span class="trend-up">▲</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100 bg-dark text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">New Customers Added</h5>
|
|
<p class="kpi-value text-white">50</p>
|
|
<p class="card-text text-white-50">Target: 60 <span class="trend-up">▲</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100 bg-dark.
|
|
text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Total Customers</h5>
|
|
<p class="kpi-value text-white">500</p>
|
|
<p class="card-text text-white-50">Target: 550 <span class="trend-up">▲</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100 bg-dark text-white">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Annual Recurring Revenue (ARR)</h5>
|
|
<p class="kpi-value text-white">$3,000,000</p>
|
|
<p class="card-text text-white-50">Target: $3,500,000 <span class="trend-up">▲</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>© <?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>
|
|
<script src="assets/js/chatbot.js?v=<?php echo time(); ?>"></script>
|
|
|
|
<!-- Chatbot Widget -->
|
|
<div id="chat-widget-container">
|
|
<div id="chat-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9.06 9.06 0 0 0 8 15z"/>
|
|
</svg>
|
|
</div>
|
|
<div id="chat-window">
|
|
<div id="chat-header">
|
|
<span>Chat with us</span>
|
|
<button id="close-chat">×</button>
|
|
</div>
|
|
<div id="chat-messages"></div>
|
|
<div id="chat-input-container">
|
|
<input type="text" id="chat-input" placeholder="Type a message...">
|
|
<button id="chat-send">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send" viewBox="0 0 16 16">
|
|
<path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|