162 lines
8.9 KiB
PHP
162 lines
8.9 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<title>nomara - AI-Powered Marketing</title>
|
|
<meta name="description" content="AI-Powered Marketing Portal and Public Website built with Flatlogic Generator.">
|
|
<meta name="keywords" content="ai marketing, social media automation, client portal, content calendar, digital marketing, saas, marketing analytics, flatlogic">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="nomara - AI-Powered Marketing">
|
|
<meta property="og:description" content="AI-Powered Marketing Portal and Public Website built with Flatlogic Generator.">
|
|
<meta property="og:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
|
|
|
<!-- Twitter -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="nomara - AI-Powered Marketing">
|
|
<meta name="twitter:description" content="AI-Powered Marketing Portal and Public Website built with Flatlogic Generator.">
|
|
<meta name="twitter:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
|
|
|
<!-- Stylesheets -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
|
|
<!-- Icons -->
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<header class="sticky-top">
|
|
<nav class="navbar navbar-expand-lg navbar-light">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">nomara</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="#about">About</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#testimonials">Testimonials</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- Hero Section -->
|
|
<section id="hero" class="text-center">
|
|
<div class="container">
|
|
<h1 class="display-3">Automate Your Marketing with AI</h1>
|
|
<p class="lead col-lg-8 mx-auto">We build intelligent systems to scale your social media, content creation, and client management. Focus on strategy, not busywork.</p>
|
|
<a href="#contact" class="btn btn-primary btn-lg mt-4">Get a Demo</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="about">
|
|
<div class="container">
|
|
<h2 class="text-center">The Future of Agency Operations</h2>
|
|
<div class="row mt-5 align-items-center">
|
|
<div class="col-lg-6">
|
|
<h3>A Central Hub for Growth</h3>
|
|
<p>Our platform provides a unified portal for your team and clients. Manage projects, approve content, and track performance—all in one place. We integrate with the tools you already love, like Stripe, Calendly, and Meta Ads, to create seamless, automated workflows.</p>
|
|
</div>
|
|
<div class="col-lg-6 text-center">
|
|
<!-- Placeholder for an illustration or screenshot -->
|
|
<img src="https://via.placeholder.com/500x350/007AFF/FFFFFF?text=Portal+Screenshot" class="img-fluid rounded shadow-sm" alt="Marketing Portal Screenshot">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Portfolio Section -->
|
|
<section id="portfolio" class="bg-white">
|
|
<div class="container">
|
|
<h2 class="text-center">Our Work</h2>
|
|
<div class="row g-4 mt-4">
|
|
<div class="col-md-4"><div class="card"><img src="https://via.placeholder.com/600x400/EFEFEF/1D1D1F?text=Project+One" class="card-img-top" alt="Project One"><div class="card-body"><h5 class="card-title">Client A</h5><p class="card-text">Social Media Growth</p></div></div></div>
|
|
<div class="col-md-4"><div class="card"><img src="https://via.placeholder.com/600x400/EFEFEF/1D1D1F?text=Project+Two" class="card-img-top" alt="Project Two"><div class="card-body"><h5 class="card-title">Client B</h5><p class="card-text">Content Automation</p></div></div></div>
|
|
<div class="col-md-4"><div class="card"><img src="https://via.placeholder.com/600x400/EFEFEF/1D1D1F?text=Project+Three" class="card-img-top" alt="Project Three"><div class="card-body"><h5 class="card-title">Client C</h5><p class="card-text">Ad Campaign Management</p></div></div></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Testimonials Section -->
|
|
<section id="testimonials">
|
|
<div class="container">
|
|
<h2 class="text-center">What Our Clients Say</h2>
|
|
<div class="row mt-5">
|
|
<div class="col-md-6 col-lg-4 mb-4">
|
|
<div class="card p-4 text-center h-100">
|
|
<p>"Working with this team has been a game-changer. Our efficiency has skyrocketed."</p>
|
|
<footer class="blockquote-footer mt-auto">Jane Doe, CEO of Company</footer>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 mb-4">
|
|
<div class="card p-4 text-center h-100">
|
|
<p>"The client portal is intuitive and saves us countless hours of back-and-forth."</p>
|
|
<footer class="blockquote-footer mt-auto">John Smith, Marketing Director</footer>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 col-lg-4 mb-4">
|
|
<div class="card p-4 text-center h-100">
|
|
<p>"Finally, a single source of truth for all our marketing activities. Highly recommended."</p>
|
|
<footer class="blockquote-footer mt-auto">Sam Wilson, Founder</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="bg-white">
|
|
<div class="container">
|
|
<h2 class="text-center">Let's Connect</h2>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-6">
|
|
<p class="text-center mb-4">Fill out the form below to schedule a demo and learn how we can help you scale.</p>
|
|
<div id="form-feedback"></div>
|
|
<form id="contactForm">
|
|
<div class="mb-3">
|
|
<label for="name" class="form-label">Full Name</label>
|
|
<input type="text" class="form-control" id="name" name="name" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email Address</label>
|
|
<input type="email" class="form-control" id="email" name="email" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="message" class="form-label">Message</label>
|
|
<textarea class="form-control" id="message" name="message" rows="5" required></textarea>
|
|
</div>
|
|
<div class="d-grid">
|
|
<button type="submit" class="btn btn-primary btn-lg">Send Message</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="text-center">
|
|
<div class="container">
|
|
<p class="mb-0">© <?php echo date("Y"); ?> nomara. All Rights Reserved. | <a href="privacy.php">Privacy Policy</a></p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<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>
|
|
feather.replace()
|
|
</script>
|
|
</body>
|
|
</html>
|