106 lines
5.6 KiB
PHP
106 lines
5.6 KiB
PHP
<?php include 'includes/header.php'; ?>
|
|
|
|
<!-- Hero Section -->
|
|
<header class="hero text-center">
|
|
<div class="container">
|
|
<h1 class="display-3 fw-bold">Securely Share Your Documents</h1>
|
|
<p class="lead my-4">A professional, simple, and secure platform for sharing files with your team and clients.</p>
|
|
<a href="#contact" class="btn btn-primary btn-lg">Get Started</a>
|
|
<a href="#" class="btn btn-secondary btn-lg">Login</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="section bg-white">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<h2 class="fw-bold">Your Private Document Hub</h2>
|
|
<p class="lead text-muted">CoffreFort provides a secure environment where you can upload, manage, and share your important files. Say goodbye to insecure email attachments and consumer-grade file sharing services.</p>
|
|
<p>Built for businesses and professionals who need control and visibility over their shared data. Manage users, set permissions, and track activity with ease.</p>
|
|
</div>
|
|
<div class="col-lg-6 text-center">
|
|
<img src="https://picsum.photos/seed/about/800/600" class="img-fluid rounded shadow-lg" alt="A modern office environment with professionals collaborating.">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section id="features" class="section">
|
|
<div class="container">
|
|
<div class="text-center mb-5">
|
|
<h2 class="fw-bold">Features Designed for Security and Ease of Use</h2>
|
|
<p class="lead text-muted">Everything you need to collaborate securely.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100 text-center p-4">
|
|
<div class="card-body">
|
|
<i class="bi bi-shield-lock-fill fs-1 text-primary"></i>
|
|
<h3 class="card-title h4 mt-3">Admin User Creation</h3>
|
|
<p class="card-text">Admins have full control over user accounts, ensuring only authorized individuals can access the system. Self-registration is disabled to maintain a secure, private environment.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100 text-center p-4">
|
|
<div class="card-body">
|
|
<i class="bi bi-people-fill fs-1 text-primary"></i>
|
|
<h3 class="card-title h4 mt-3">Role-Based Access</h3>
|
|
<p class="card-text">Assign roles like Admin, User, Viewer, and Auditor to manage permissions effectively. Each role has specific capabilities, from full control to view-only access.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100 text-center p-4">
|
|
<div class="card-body">
|
|
<i class="bi bi-clock-history fs-1 text-primary"></i>
|
|
<h3 class="card-title h4 mt-3">Audit Logs & Alerts</h3>
|
|
<p class="card-text">Keep track of all activity with detailed audit logs. Receive automated alerts for important events like new user sign-ups and storage quotas nearing their limit.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="section bg-white">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto text-center">
|
|
<h2 class="fw-bold">Get in Touch</h2>
|
|
<p class="lead text-muted mb-5">Have questions? We'd love to hear from you. Fill out the form below and we'll get back to you as soon as possible.</p>
|
|
<form id="contactForm" class="needs-validation" novalidate>
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control" id="name" placeholder="Your Name" required>
|
|
<label for="name">Your Name</label>
|
|
<div class="invalid-feedback">A name is required.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-floating">
|
|
<input type="email" class="form-control" id="email" placeholder="Your Email" required>
|
|
<label for="email">Your Email</label>
|
|
<div class="invalid-feedback">A valid email is required.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-floating">
|
|
<textarea class="form-control" id="message" placeholder="Your Message" style="height: 150px;" required></textarea>
|
|
<label for="message">Your Message</label>
|
|
<div class="invalid-feedback">A message is required.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-lg mt-4">Send Message</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php include 'includes/footer.php'; ?>
|