302 lines
18 KiB
PHP
302 lines
18 KiB
PHP
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>EventFlow - Effortless Event Management</title>
|
|
|
|
<!-- Bootstrap 5 CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
|
|
<!-- Bootstrap Icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Header & Navbar -->
|
|
<header class="header">
|
|
<nav class="navbar navbar-expand-lg navbar-light navbar-sticky fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold fs-4" href="#">
|
|
<i class="bi bi-calendar2-heart-fill text-primary"></i>
|
|
EventFlow
|
|
</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="#testimonials">Testimonials</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#faq">FAQ</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
|
|
</ul>
|
|
<a href="#contact" class="btn btn-primary ms-lg-3">Get Started</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- Hero Section -->
|
|
<section class="hero-section text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<h1 class="display-4 fw-bold mb-3">UPDATED</h1>
|
|
<p>ADDED</p>
|
|
<p class="lead text-muted mb-4">
|
|
Your all-in-one solution for planning, managing, and executing flawless events. From small gatherings to large corporate affairs, we've got you covered.
|
|
</p>
|
|
<a href="#contact" class="btn btn-primary btn-lg px-4 me-sm-3">Get Started for Free</a>
|
|
<a href="#features" class="btn btn-outline-secondary btn-lg px-4">See Features</a>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center mt-5">
|
|
<div class="col-lg-10">
|
|
<img src="https://picsum.photos/seed/event-hero/1600/900" class="img-fluid rounded-3 shadow-lg" alt="A vibrant and modern illustration of people collaborating on an event plan.">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section id="features" class="py-5">
|
|
<div class="container text-center">
|
|
<h2 class="mb-5">Everything you need, all in one place</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="section-icon"><i class="bi bi-building-gear fs-2"></i></div>
|
|
<h3 class="fs-4">Venue Management</h3>
|
|
<p class="text-muted">Keep an eye on all available event spaces, including their size, special features, and availability.</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="section-icon"><i class="bi bi-people-fill fs-2"></i></div>
|
|
<h3 class="fs-4">Vendor Coordination</h3>
|
|
<p class="text-muted">Organize your go-to caterers, decorators, and entertainers with all their contact info and ratings.</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="section-icon"><i class="bi bi-calendar-check fs-2"></i></div>
|
|
<h3 class="fs-4">Guest & Schedule Tracking</h3>
|
|
<p class="text-muted">Manage guest lists, RSVPs, and event timelines down to the minute, all in one unified dashboard.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Value Section 1 -->
|
|
<section class="py-5 bg-white">
|
|
<div class="container">
|
|
<div class="row align-items-center g-5">
|
|
<div class="col-lg-6">
|
|
<img src="https://picsum.photos/seed/event-dashboard/800/600" class="img-fluid rounded-3 shadow" alt="A clean and modern dashboard interface for event management.">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<h2 class="mb-3">All Your Tools in One Dashboard</h2>
|
|
<p class="text-muted">Stop juggling spreadsheets, emails, and calendars. EventFlow brings every aspect of your event into a single, easy-to-use dashboard. See the big picture and drill down into details with just a few clicks.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Value Section 2 -->
|
|
<section class="py-5">
|
|
<div class="container">
|
|
<div class="row align-items-center g-5 flex-lg-row-reverse">
|
|
<div class="col-lg-6">
|
|
<img src="https://picsum.photos/seed/event-budget/800/600" class="img-fluid rounded-3 shadow" alt="An illustration of financial charts and budget tracking for an event.">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<h2 class="mb-3">Stay on Budget, Stress-Free</h2>
|
|
<p class="text-muted">Our dedicated finance tools help you manage everything from initial deposits to final payments. Track expenses, monitor your budget in real-time, and make informed financial decisions without the headache.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Testimonials Section -->
|
|
<section id="testimonials" class="py-5 bg-white">
|
|
<div class="container text-center">
|
|
<h2 class="mb-5">Loved by planners everywhere</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="card testimonial-card h-100 p-4">
|
|
<img src="https://picsum.photos/seed/avatar1/96/96" class="rounded-circle mx-auto mb-3" alt="Avatar of a satisfied customer.">
|
|
<p class="text-muted">"EventFlow transformed how we manage corporate events. What used to take weeks now takes days. A total game-changer."</p>
|
|
<h5 class="mb-0 mt-auto pt-3">Sarah K.</h5>
|
|
<small class="text-muted">Corporate Event Planner</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card testimonial-card h-100 p-4">
|
|
<img src="https://picsum.photos/seed/avatar2/96/96" class="rounded-circle mx-auto mb-3" alt="Avatar of a happy event planner.">
|
|
<p class="text-muted">"As a wedding planner, this tool is indispensable. The vendor and guest management features saved me countless hours."</p>
|
|
<h5 class="mb-0 mt-auto pt-3">Michael B.</h5>
|
|
<small class="text-muted">Wedding Coordinator</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card testimonial-card h-100 p-4">
|
|
<img src="https://picsum.photos/seed/avatar3/96/96" class="rounded-circle mx-auto mb-3" alt="Avatar of a smiling user.">
|
|
<p class="text-muted">"Finally, a beautiful and intuitive app that handles all the complexities of event planning. I can't imagine working without it."</p>
|
|
<h5 class="mb-0 mt-auto pt-3">Jessica L.</h5>
|
|
<small class="text-muted">Freelance Organizer</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ Section -->
|
|
<section id="faq" class="py-5">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8 text-center">
|
|
<h2 class="mb-5">Frequently Asked Questions</h2>
|
|
<div class="accordion faq-accordion" id="faqAccordion">
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingOne">
|
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
|
What kind of events can I manage?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
|
|
<div class="accordion-body text-start">
|
|
EventFlow is designed for a wide range of events, from small private gatherings and weddings to large corporate conferences, trade shows, and festivals. Its flexible features can adapt to your specific needs.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingTwo">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
|
Is there a free trial available?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
|
|
<div class="accordion-body text-start">
|
|
Yes! You can get started with a 14-day free trial on all our plans to explore the full range of features. No credit card is required to sign up.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingThree">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
|
Can I collaborate with my team?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
|
|
<div class="accordion-body text-start">
|
|
Absolutely. Our team plans allow you to invite colleagues, clients, and vendors to collaborate in real-time. You can assign roles and control permissions to ensure everyone has access to the right information.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingFour">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
|
How secure is my data?
|
|
</button>
|
|
</h2>
|
|
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqAccordion">
|
|
<div class="accordion-body text-start">
|
|
We take data security very seriously. All your data is encrypted in transit and at rest. We use industry-standard security protocols to ensure your information is always safe and private.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact/Lead Capture Section -->
|
|
<section id="contact" class="py-5 bg-white">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-7 text-center">
|
|
<h2 class="mb-3">Ready to streamline your events?</h2>
|
|
<p class="text-muted mb-5">Drop us a message to get started or request a demo. We'd love to hear from you.</p>
|
|
<form class="needs-validation" novalidate>
|
|
<div class="form-floating mb-3">
|
|
<input type="text" class="form-control" id="name" placeholder="Your Name" required>
|
|
<label for="name">Your Name</label>
|
|
<div class="invalid-feedback">Please enter your name.</div>
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<input type="email" class="form-control" id="email" placeholder="name@example.com" required>
|
|
<label for="email">Email address</label>
|
|
<div class="invalid-feedback">Please enter a valid email address.</div>
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<textarea class="form-control" placeholder="Leave a message here" id="message" style="height: 120px" required></textarea>
|
|
<label for="message">Message</label>
|
|
<div class="invalid-feedback">Please enter your message.</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-lg w-100">Send Message</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer py-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 mb-4 mb-lg-0">
|
|
<a class="navbar-brand fw-bold fs-4 d-block mb-2" href="#">
|
|
<i class="bi bi-calendar2-heart-fill text-primary"></i>
|
|
EventFlow
|
|
</a>
|
|
<p class="text-muted">The future of event management.</p>
|
|
<div>
|
|
<a href="#" class="text-muted me-3"><i class="bi bi-twitter-x"></i></a>
|
|
<a href="#" class="text-muted me-3"><i class="bi bi-facebook"></i></a>
|
|
<a href="#" class="text-muted me-3"><i class="bi bi-instagram"></i></a>
|
|
<a href="#" class="text-muted"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-lg-2 offset-lg-1">
|
|
<h5 class="mb-3">Product</h5>
|
|
<ul class="list-unstyled">
|
|
<li class="mb-2"><a href="#features" class="text-muted text-decoration-none">Features</a></li>
|
|
<li class="mb-2"><a href="#" class="text-muted text-decoration-none">Pricing</a></li>
|
|
<li class="mb-2"><a href="#testimonials" class="text-muted text-decoration-none">Testimonials</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6 col-lg-2">
|
|
<h5 class="mb-3">Company</h5>
|
|
<ul class="list-unstyled">
|
|
<li class="mb-2"><a href="#" class="text-muted text-decoration-none">About Us</a></li>
|
|
<li class="mb-2"><a href="#" class="text-muted text-decoration-none">Careers</a></li>
|
|
<li class="mb-2"><a href="#contact" class="text-muted text-decoration-none">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6 col-lg-2">
|
|
<h5 class="mb-3">Legal</h5>
|
|
<ul class="list-unstyled">
|
|
<li class="mb-2"><a href="#" class="text-muted text-decoration-none">Privacy Policy</a></li>
|
|
<li class="mb-2"><a href="#" class="text-muted text-decoration-none">Terms of Service</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<hr class="my-4">
|
|
<div class="text-center text-muted">
|
|
© <?php echo date("Y"); ?> EventFlow. All Rights Reserved.
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap 5 JS Bundle -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html>
|