147 lines
8.4 KiB
PHP
147 lines
8.4 KiB
PHP
<?php
|
|
session_start();
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?php echo htmlspecialchars($_SERVER['PROJECT_NAME'] ?? 'Deris AI'); ?> - AI Resume Optimizer</title>
|
|
<meta name="description" content="<?php echo htmlspecialchars($_SERVER['PROJECT_DESCRIPTION'] ?? 'AI-powered resume & LinkedIn optimizer that scores profiles and gives content suggestions.'); ?>">
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Bootstrap 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 class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold" href="index.php"><i class="bi bi-robot me-2"></i><?php echo htmlspecialchars($_SERVER['PROJECT_NAME'] ?? 'Deris AI'); ?></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">
|
|
<?php if (isset($_SESSION['user_id'])): ?>
|
|
<li class="nav-item"><a class="btn btn-primary" href="dashboard.php">Go to Dashboard</a></li>
|
|
<li class="nav-item ms-2"><a class="btn btn-outline-secondary" href="logout.php">Logout</a></li>
|
|
<?php else: ?>
|
|
<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="#blog">Blog</a></li>
|
|
<li class="nav-item"><a class="btn btn-outline-primary" href="login.php">Login</a></li>
|
|
<li class="nav-item ms-2"><a class="btn btn-primary" href="register.php">Sign Up</a></li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero-section text-white">
|
|
<div class="container text-center">
|
|
<h1 class="display-4 fw-bold">Land Your Dream Job with an AI-Perfected Resume</h1>
|
|
<p class="lead col-lg-8 mx-auto">Get an instant analysis of your resume or LinkedIn profile. Our AI identifies key improvements to get you past recruiters and applicant tracking systems (ATS).</p>
|
|
|
|
<?php if (isset($_SESSION['user_id'])): ?>
|
|
<div class="mt-5">
|
|
<a href="dashboard.php" class="btn btn-lg btn-light">Start Analyzing in Your Dashboard →</a>
|
|
</div>
|
|
<?php else: ?>
|
|
<div id="analyzer-widget" class="card shadow-lg mt-5">
|
|
<div class="card-body p-4 p-lg-5">
|
|
<form id="resume-form">
|
|
<div class="mb-3">
|
|
<label for="resume-text" class="form-label visually-hidden">Paste your resume or profile text here</label>
|
|
<textarea class="form-control form-control-lg" id="resume-text" rows="10" placeholder="Paste your resume or profile text here to see a free, limited analysis..."></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-lg w-100">
|
|
<span class="button-text">Get Your Free Score</span>
|
|
<span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="results-widget" class="card shadow-lg mt-5 d-none">
|
|
<div class="card-body p-4 p-lg-5">
|
|
<h2 class="card-title mb-4">Your Quick Score</h2>
|
|
<div class="score-circle mx-auto mb-4">
|
|
<span id="score-value">78</span>
|
|
</div>
|
|
<h3 class="h4">Top Suggestions:</h3>
|
|
<ul class="list-group list-group-flush text-start col-lg-10 mx-auto">
|
|
<li class="list-group-item"><i class="bi bi-check-circle-fill text-success me-2"></i> Add more quantifiable achievements to show impact.</li>
|
|
<li class="list-group-item"><i class="bi bi-check-circle-fill text-success me-2"></i> Include keywords like "Project Management" and "Agile".</li>
|
|
<li class="list-group-item text-muted"><i class="bi bi-lock-fill me-2"></i> <span class="fw-bold">Sign up</span> to unlock 15+ more detailed suggestions.</li>
|
|
</ul>
|
|
<a href="register.php" class="btn btn-secondary btn-lg w-100 mt-4">Unlock Full Report →</a>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="py-5">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">How Deris Works</h2>
|
|
<div class="row text-center">
|
|
<div class="col-md-4">
|
|
<div class="card border-0">
|
|
<div class="card-body">
|
|
<i class="bi bi-clipboard-data fs-1 text-primary"></i>
|
|
<h3 class="h4 mt-3">1. Paste Your Resume</h3>
|
|
<p>Simply copy and paste your current resume or LinkedIn profile into our analyzer.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card border-0">
|
|
<div class="card-body">
|
|
<i class="bi bi-search fs-1 text-primary"></i>
|
|
<h3 class="h4 mt-3">2. Get AI Analysis</h3>
|
|
<p>Our AI scores your profile and identifies areas for improvement based on thousands of successful resumes.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card border-0">
|
|
<div class="card-body">
|
|
<i class="bi bi-pencil-square fs-1 text-primary"></i>
|
|
<h3 class="h4 mt-3">3. Optimize and Apply</h3>
|
|
<p>Receive concrete suggestions to improve your content, keywords, and formatting to land more interviews.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="bg-light text-center py-4 mt-auto">
|
|
<div class="container">
|
|
<p class="mb-0">© <?php echo date("Y"); ?> <?php echo htmlspecialchars($_SERVER['PROJECT_NAME'] ?? 'Deris AI'); ?>. All Rights Reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap 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>
|