<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>APX AI - The Ultimate AI Business Platform</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: #1a1b26;
color: #c0c9d1;
line-height: 1.6;
overflow-x: hidden;
}
/* Navigation */
.nav {
position: fixed;
top: 0;
width: 100%;
background: rgba(26, 27, 38, 0.95);
backdrop-filter: blur(20px);
border-bottom: 1px solid #3d4142;
z-index: 1000;
padding: 16px 0;
}
.nav-container {
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 32px;
}
.logo {
display: flex;
align-items: center;
gap: 12px;
}
.logo-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 18px;
}
.logo-text {
color: #ffffff;
font-size: 24px;
font-weight: 700;
}
.nav-actions {
display: flex;
gap: 16px;
align-items: center;
}
.nav-btn {
padding: 10px 20px;
border: 1px solid #3d4142;
border-radius: 8px;
background: transparent;
color: #c0c9d1;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.nav-btn:hover {
background: #2a2d3a;
border-color: #4f46e5;
}
.nav-btn.primary {
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
border-color: transparent;
color: white;
}
.nav-btn.primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(79, 70, 229, 0.4);
}
/* Hero Section */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(ellipse at center, rgba(79, 70, 229, 0.1) 0%, transparent 70%);
}
.hero-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 300px;
gap: 60px;
align-items: center;
}
.hero-content {
max-width: 600px;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(79, 70, 229, 0.1);
border: 1px solid rgba(79, 70, 229, 0.3);
border-radius: 50px;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
color: #a78bfa;
margin-bottom: 24px;
}
.status-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #10b981;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.hero-title {
font-size: clamp(36px, 5vw, 64px);
font-weight: 800;
color: #ffffff;
margin-bottom: 24px;
line-height: 1.1;
}
.hero-title .gradient-text {
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-subtitle {
font-size: 20px;
color: #9ca3af;
margin-bottom: 32px;
line-height: 1.5;
}
.hero-cta {
display: flex;
gap: 16px;
margin-bottom: 40px;
}
.cta-btn {
padding: 16px 32px;
border-radius: 12px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 8px;
}
.cta-btn.primary {
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
color: white;
border: none;
}
.cta-btn.primary:hover {
transform: translateY(-3px);
box-shadow: 0 12px 30px rgba(79, 70, 229, 0.4);
}
.cta-btn.secondary {
background: transparent;
color: #c0c9d1;
border: 1px solid #3d4142;
}
.cta-btn.secondary:hover {
background: #2a2d3a;
border-color: #4f46e5;
}
.hero-stats {
display: flex;
gap: 32px;
}
.stat {
text-align: center;
}
.stat-value {
font-size: 24px;
font-weight: 700;
color: #ffffff;
display: block;
}
.stat-label {
font-size: 14px;
color: #9ca3af;
}
/* APX Sidebar Preview */
.apx-sidebar-preview {
width: 260px;
background: #1a1b26;
border: 1px solid #3d4142;
border-radius: 16px;
padding: 0;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
transform: perspective(1000px) rotateY(-5deg);
transition: transform 0.3s ease;
}
.apx-sidebar-preview:hover {
transform: perspective(1000px) rotateY(0deg);
}
.sidebar-header {
padding: 20px;
border-bottom: 1px solid #3d4142;
display: flex;
align-items: center;
gap: 12px;
}
.sidebar-logo-icon {
width: 32px;
height: 32px;
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
}
.sidebar-logo-text {
color: #ffffff;
font-size: 18px;
font-weight: 600;
}
.sidebar-nav {
padding: 20px 0;
}
.sidebar-nav-item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 20px;
color: #9ca3af;
transition: all 0.2s;
border-left: 3px solid transparent;
position: relative;
}
.sidebar-nav-item:hover,
.sidebar-nav-item.active {
background: #252730;
color: #ffffff;
border-left-color: #4f46e5;
}
.sidebar-nav-item.active::after {
content: 'LIVE';
position: absolute;
right: 16px;
background: #10b981;
color: white;
font-size: 10px;
padding: 2px 6px;
border-radius: 8px;
font-weight: 600;
}
.nav-icon {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
/* Features Section */
.features {
padding: 120px 0;
background: linear-gradient(180deg, transparent 0%, rgba(79, 70, 229, 0.02) 100%);
}
.features-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}
.section-header {
text-align: center;
margin-bottom: 80px;
}
.section-title {
font-size: 48px;
font-weight: 800;
color: #ffffff;
margin-bottom: 16px;
}
.section-subtitle {
font-size: 18px;
color: #9ca3af;
max-width: 600px;
margin: 0 auto;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 32px;
}
.feature-card {
background: #2a2d3a;
border: 1px solid #3d4142;
border-radius: 20px;
padding: 32px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.feature-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #4f46e5, #7c3aed, #ec4899);
opacity: 0;
transition: opacity 0.3s ease;
}
.feature-card:hover {
transform: translateY(-8px);
border-color: #4f46e5;
box-shadow: 0 20px 50px rgba(79, 70, 229, 0.2);
}
.feature-card:hover::before {
opacity: 1;
}
.feature-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin-bottom: 24px;
}
.feature-title {
font-size: 24px;
font-weight: 700;
color: #ffffff;
margin-bottom: 16px;
}
.feature-description {
color: #9ca3af;
line-height: 1.6;
margin-bottom: 20px;
}
.feature-highlights {
list-style: none;
}
.feature-highlights li {
color: #c0c9d1;
margin-bottom: 8px;
padding-left: 20px;
position: relative;
}
.feature-highlights li::before {
content: '✓';
position: absolute;
left: 0;
color: #10b981;
font-weight: bold;
}
/* Coming Soon Section */
.coming-soon {
padding: 120px 0;
background: radial-gradient(ellipse at center, rgba(79, 70, 229, 0.1) 0%, transparent 70%);
}
.coming-soon-container {
max-width: 800px;
margin: 0 auto;
padding: 0 32px;
text-align: center;
}
.coming-soon-title {
font-size: 56px;
font-weight: 800;
color: #ffffff;
margin-bottom: 24px;
}
.coming-soon-subtitle {
font-size: 20px;
color: #9ca3af;
margin-bottom: 40px;
}
.waitlist-form {
display: flex;
gap: 16px;
max-width: 400px;
margin: 0 auto 32px;
}
.email-input {
flex: 1;
padding: 16px 20px;
background: #2a2d3a;
border: 1px solid #3d4142;
border-radius: 12px;
color: #ffffff;
font-size: 16px;
}
.email-input::placeholder {
color: #6b7280;
}
.email-input:focus {
outline: none;
border-color: #4f46e5;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}
.submit-btn {
padding: 16px 24px;
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
color: white;
border: none;
border-radius: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(79, 70, 229, 0.4);
}
.waitlist-note {
color: #6b7280;
font-size: 14px;
}
/* Footer */
.footer {
border-top: 1px solid #3d4142;
padding: 40px 0;
background: #1a1b26;
}
.footer-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-center {
display: flex;
align-items: center;
gap: 24px;
}
.social-icons {
display: flex;
gap: 16px;
align-items: center;
}
.social-icon {
width: 40px;
height: 40px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
text-decoration: none;
font-size: 18px;
}
.social-icon:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.social-icon.youtube {
background: #FF0000;
color: white;
}
.social-icon.linkedin {
background: #0077B5;
color: white;
}
.social-icon.twitter {
background: #1DA1F2;
color: white;
}
.social-icon.tiktok {
background: #000000;
color: white;
}
.social-icon.instagram {
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
color: white;
}
.footer-logo {
display: flex;
align-items: center;
gap: 12px;
}
.footer-text {
color: #6b7280;
}
/* Responsive Design */
@media (max-width: 768px) {
.hero-container {
grid-template-columns: 1fr;
text-align: center;
gap: 40px;
}
.apx-sidebar-preview {
transform: none;
max-width: 300px;
margin: 0 auto;
}
.hero-cta {
flex-direction: column;
align-items: center;
}
.features-grid {
grid-template-columns: 1fr;
}
.waitlist-form {
flex-direction: column;
}
.footer-container {
flex-direction: column;
gap: 20px;
text-align: center;
}
}
/* Animations */
.fade-in {
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.8s ease forwards;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.feature-card:nth-child(1) { animation-delay: 0.1s; }
.feature-card:nth-child(2) { animation-delay: 0.2s; }
.feature-card:nth-child(3) { animation-delay: 0.3s; }
.feature-card:nth-child(4) { animation-delay: 0.4s; }
.feature-card:nth-child(5) { animation-delay: 0.5s; }
.feature-card:nth-child(6) { animation-delay: 0.6s; }
</style>
</head>
<body>
<!-- Navigation -->
<nav class="nav">
<div class="nav-container">
<div class="logo">
<div class="logo-icon">A</div>
<div class="logo-text">APX AI</div>
</div>
<div class="nav-actions">
<a href="mailto:terry@apxamplify.ai?subject=Join%20Waitlist" class="nav-btn">Join Waitlist</a>
<a href="mailto:terry@apxamplify.ai?subject=Get%20Early%20Access" class="nav-btn primary">Get Early Access</a>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="hero-bg"></div>
<div class="hero-container">
<div class="hero-content">
<div class="hero-badge">
<div class="status-dot"></div>
Coming Soon - Revolutionary AI Platform
</div>
<h1 class="hero-title">
The Ultimate <span class="gradient-text">AI Business Platform</span> That Changes Everything
</h1>
<p class="hero-subtitle">
The first and only platform that consolidates all your AI subscriptions, optimizes costs, generates content across multiple models, and automates your entire AI workflow. Nothing like this exists.
</p>
<div class="hero-cta">
<a href="mailto:terry@apxamplify.ai?subject=Get%20Early%20Access" class="cta-btn primary">
<span>🚀</span>
Join the Revolution
</a>
<a href="#features" class="cta-btn secondary">
<span>🎯</span>
See How It Works
</a>
</div>
<div class="hero-stats">
<div class="stat">
<span class="stat-value">9</span>
<span class="stat-label">AI Platforms</span>
</div>
<div class="stat">
<span class="stat-value">40%</span>
<span class="stat-label">Cost Savings</span>
</div>
<div class="stat">
<span class="stat-value">10x</span>
<span class="stat-label">Productivity</span>
</div>
</div>
</div>
<!-- APX Sidebar Preview -->
<div class="apx-sidebar-preview">
<div class="sidebar-header">
<div class="sidebar-logo-icon">A</div>
<div class="sidebar-logo-text">APX AI</div>
</div>
<nav class="sidebar-nav">
<div class="sidebar-nav-item">
<div class="nav-icon">📊</div>
<span>Command Center</span>
</div>
<div class="sidebar-nav-item">
<div class="nav-icon">💳</div>
<span>Subscriptions</span>
</div>
<div class="sidebar-nav-item active">
<div class="nav-icon">🤖</div>
<span>Quad-Bot AI</span>
</div>
<div class="sidebar-nav-item">
<div class="nav-icon">🎯</div>
<span>AI Assistant</span>
</div>
<div class="sidebar-nav-item">
<div class="nav-icon">🧠</div>
<span>Intelligence</span>
</div>
<div class="sidebar-nav-item">
<div class="nav-icon">🎨</div>
<span>Content Studio</span>
</div>
<div class="sidebar-nav-item">
<div class="nav-icon">📱</div>
<span>Social Command</span>
</div>
<div class="sidebar-nav-item">
<div class="nav-icon">💼</div>
<span>Asset Vault</span>
</div>
<div class="sidebar-nav-item">
<div class="nav-icon">⚡</div>
<span>Automation</span>
</div>
</nav>
</div>
</div>
</section>
<!-- Features Section -->
<section class="features" id="features">
<div class="features-container">
<div class="section-header">
<h2 class="section-title">Revolutionary Features That<br>Don't Exist Anywhere Else</h2>
<p class="section-subtitle">We're not just building another tool - we're creating the operating system for AI-driven businesses</p>
</div>
<div class="features-grid">
<div class="feature-card fade-in">
<div class="feature-icon">🤖</div>
<h3 class="feature-title">Quad-Bot AI Engine</h3>
<p class="feature-description">Query multiple AI models simultaneously and get synthesized responses that combine the best insights from ChatGPT, Claude, Gemini, and more.</p>
<ul class="feature-highlights">
<li>Multi-model response synthesis</li>
<li>Cost-performance optimization</li>
<li>Quality scoring and comparison</li>
<li>Automatic model routing</li>
</ul>
</div>
<div class="feature-card fade-in">
<div class="feature-icon">💳</div>
<h3 class="feature-title">AI Subscription Intelligence</h3>
<p class="feature-description">The world's first platform to intelligently manage, optimize, and predict your AI subscription costs with automated vendor negotiations.</p>
<ul class="feature-highlights">
<li>Real-time usage tracking</li>
<li>Predictive cost modeling</li>
<li>Automated renewal negotiations</li>
<li>ROI optimization suggestions</li>
</ul>
</div>
<div class="feature-card fade-in">
<div class="feature-icon">🎨</div>
<h3 class="feature-title">Content Creation Studio</h3>
<p class="feature-description">Create images, videos, and text content across multiple AI platforms with intelligent routing and performance prediction.</p>
<ul class="feature-highlights">
<li>Multi-platform content generation</li>
<li>Performance prediction</li>
<li>Brand consistency engine</li>
<li>Automated optimization</li>
</ul>
</div>
<div class="feature-card fade-in">
<div class="feature-icon">🎯</div>
<h3 class="feature-title">Proactive AI Assistant</h3>
<p class="feature-description">An AI that understands your business context and proactively suggests optimizations, cost savings, and strategic decisions.</p>
<ul class="feature-highlights">
<li>Business context awareness</li>
<li>Proactive recommendations</li>
<li>Voice-first interaction</li>
<li>Automated decision making</li>
</ul>
</div>
<div class="feature-card fade-in">
<div class="feature-icon">📱</div>
<h3 class="feature-title">Social Command Center</h3>
<p class="feature-description">AI-powered social media management with trend prediction, competitor analysis, and automated engagement optimization.</p>
<ul class="feature-highlights">
<li>Trend prediction (24-48hrs ahead)</li>
<li>Competitive intelligence</li>
<li>Automated content strategy</li>
<li>ROI attribution tracking</li>
</ul>
</div>
<div class="feature-card fade-in">
<div class="feature-icon">⚡</div>
<h3 class="feature-title">Predictive Automation</h3>
<p class="feature-description">AI that creates automations before you realize you need them, with natural language programming and self-optimization.</p>
<ul class="feature-highlights">
<li>Predictive workflow creation</li>
<li>Natural language automation</li>
<li>Self-optimizing processes</li>
<li>Business outcome focus</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Coming Soon Section -->
<section class="coming-soon" id="waitlist">
<div class="coming-soon-container">
<h2 class="coming-soon-title">Be First to Experience the Future</h2>
<p class="coming-soon-subtitle">Join the exclusive waitlist and get early access to the platform that will revolutionize how businesses use AI</p>
<div class="waitlist-form">
<input type="email" class="email-input" placeholder="Enter your email address" required>
<a href="mailto:terry@apxamplify.ai?subject=Join%20Waitlist" class="submit-btn" style="text-decoration: none; display: flex; align-items: center; justify-content: center;">Join Waitlist</a>
</div>
<p class="waitlist-note">Be among the first 1,000 users to get lifetime discounts and priority support</p>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="footer-container">
<div class="footer-logo">
<div class="logo-icon">A</div>
<div class="logo-text">APX AI</div>
</div>
<div class="footer-center">
<div class="social-icons">
<a href="#" class="social-icon youtube" title="YouTube">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
</svg>
</a>
<a href="#" class="social-icon linkedin" title="LinkedIn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</svg>
</a>
<a href="#" class="social-icon twitter" title="Twitter">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
</svg>
</a>
<a href="#" class="social-icon tiktok" title="TikTok">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
</svg>
</a>
<a href="#" class="social-icon instagram" title="Instagram">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</svg>
</a>
</div>
</div>
<div class="footer-text">
© 2025 APX AI. The future of AI business management.
</div>
</div>
</footer>
<script>
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Form submission
document.querySelector('.waitlist-form').addEventListener('click', function(e) {
if (e.target.classList.contains('submit-btn')) {
const emailInput = document.querySelector('.email-input');
const userEmail = emailInput.value;
if (userEmail) {
// Update the href with the user's email in the body
const subject = "Join%20Waitlist";
const body = `Hi%20Terry,%20I'd%20like%20to%20join%20the%20APX%20AI%20waitlist.%20My%20email%20is:%20${userEmail}`;
e.target.href = `mailto:terry@apxamplify.ai?subject=${subject}&body=${body}`;
} else {
e.preventDefault();
alert('Please enter your email address first');
}
}
});
// 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.animationPlayState = 'running';
}
});
}, observerOptions);
document.querySelectorAll('.fade-in').forEach(el => {
observer.observe(el);
});
</script>
</body>
</html>