99 lines
4.7 KiB
PHP
99 lines
4.7 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>IBMR Festverse - Your College Event Universe</title>
|
|
|
|
<?php
|
|
// Read project preview data from environment
|
|
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'IBMR Festverse is a college event management platform with AI features.';
|
|
$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
|
|
?>
|
|
<?php if ($projectDescription): ?>
|
|
<!-- Meta description -->
|
|
<meta name="description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<!-- Open Graph meta tags -->
|
|
<meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<!-- Twitter meta tags -->
|
|
<meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<?php endif; ?>
|
|
<?php if ($projectImageUrl): ?>
|
|
<!-- Open Graph image -->
|
|
<meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
|
|
<!-- Twitter image -->
|
|
<meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
|
|
<?php endif; ?>
|
|
|
|
<meta property="og:title" content="IBMR Festverse" />
|
|
<meta property="twitter:title" content="IBMR Festverse" />
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<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;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="navbar navbar-expand-lg">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">IBMR Festverse</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">
|
|
<i class="bi bi-list"></i>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Events</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Help</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<div class="hero-section text-center">
|
|
<h1 class="hero-title display-3">Discover Your Next College Experience</h1>
|
|
<p class="hero-subtitle lead">The ultimate platform for college fests, workshops, and events, supercharged with AI.</p>
|
|
<a href="#" class="btn btn-primary btn-lg rounded-pill">Explore Events</a>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Chat Widget -->
|
|
<div id="chat-widget-container">
|
|
<button id="chat-toggle-button" class="btn rounded-pill shadow-lg">
|
|
<i class="bi bi-chat-dots-fill"></i>
|
|
</button>
|
|
<div id="chat-window" class="card shadow-lg rounded-4">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<div class="d-flex align-items-center">
|
|
<div class="ai-avatar">
|
|
<i class="bi bi-robot"></i>
|
|
</div>
|
|
<h5 class="mb-0 ms-2">Festverse AI</h5>
|
|
</div>
|
|
<button id="chat-close-button" type="button" class="btn-close"></button>
|
|
</div>
|
|
<div class="card-body" id="chat-messages">
|
|
<div class="message received">
|
|
<div class="message-content">Hello! How can I help you find the perfect event today?</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<form id="chat-form" class="d-flex">
|
|
<input type="text" id="chat-input" class="form-control" placeholder="Ask about events, schedules..." autocomplete="off">
|
|
<button type="submit" class="btn btn-primary ms-2 rounded-pill">
|
|
<i class="bi bi-send-fill"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Chat Widget -->
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html>
|