149 lines
6.8 KiB
PHP
149 lines
6.8 KiB
PHP
<?php
|
|
require_once __DIR__ . '/db/config.php';
|
|
run_migrations();
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>AI Web3 App Builder</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto+Mono&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css">
|
|
<link rel="manifest" href="manifest.json">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">Web3 App Builder</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="#features">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#pricing">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#loginModal">Login</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="btn btn-primary" href="#" data-bs-toggle="modal" data-bs-target="#signupModal">Sign Up</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<header class="hero text-white">
|
|
<div class="container">
|
|
<h1>Build Web3/DeFi Apps with AI</h1>
|
|
<p class="lead">The most advanced AI technology to generate, customize, and deploy decentralized applications.</p>
|
|
<a class="btn btn-secondary btn-lg" href="#" data-bs-toggle="modal" data-bs-target="#signupModal">Get Started for Free</a>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="features" class="py-5">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col-md-4">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<h5 class="card-title">AI-Powered Generation</h5>
|
|
<p class="card-text">Use natural language to describe your app and let our AI generate the code, contracts, and frontend.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Web3 & DeFi Specialization</h5>
|
|
<p class="card-text">Templates and modules for DEXs, DAOs, staking platforms, NFT marketplaces, and more.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Flexible Subscriptions</h5>
|
|
<p class="card-text">Start for free and scale with flexible credit-based plans and one-time purchase options.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="pricing" class="py-5 bg-dark">
|
|
<div class="container">
|
|
<h2 class="text-center mb-4">Pricing</h2>
|
|
<p class="text-center text-muted">Placeholder for pricing plans.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="py-4 bg-dark">
|
|
<div class="container text-center">
|
|
<p>© 2025 Web3 App Builder. All Rights Reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Login Modal -->
|
|
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="loginModalLabel">Login</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form>
|
|
<div class="mb-3">
|
|
<label for="loginEmail" class="form-label">Email address</label>
|
|
<input type="email" class="form-control" id="loginEmail">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="loginPassword" class="form-label">Password</label>
|
|
<input type="password" class="form-control" id="loginPassword">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Login</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Signup Modal -->
|
|
<div class="modal fade" id="signupModal" tabindex="-1" aria-labelledby="signupModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="signupModalLabel">Create Account</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form>
|
|
<div class="mb-3">
|
|
<label for="signupEmail" class="form-label">Email address</label>
|
|
<input type="email" class="form-control" id="signupEmail">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="signupPassword" class="form-label">Password</label>
|
|
<input type="password" class="form-control" id="signupPassword">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Create Account</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|