152 lines
5.7 KiB
Plaintext
152 lines
5.7 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title><%= content_for(:title) || "Aperonight" %></title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<%= csrf_meta_tags %>
|
|
<%= csp_meta_tag %>
|
|
<%= yield :head %>
|
|
|
|
<!-- 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=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
|
|
<!-- Lucide Icons -->
|
|
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
|
|
|
<%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
|
|
<%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
|
|
<link rel="icon" href="/icon.png" type="image/png">
|
|
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="/icon.png">
|
|
|
|
<%# Includes all stylesheet files in app/assets/stylesheets %>
|
|
<%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
|
|
<%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="app-wrapper">
|
|
<%= render "components/header" %>
|
|
|
|
<main>
|
|
<% if flash.any? %>
|
|
<div class="flash py-6">
|
|
<%= render "shared/flash_messages" %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="yield">
|
|
<%= yield %>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Features Section -->
|
|
<section class="section features-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">Why Choose Aperonight?</h2>
|
|
<p class="section-description">We curate premium experiences that connect professionals and create lasting relationships.</p>
|
|
</div>
|
|
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<i data-lucide="crown"></i>
|
|
</div>
|
|
<h3 class="feature-title">Premium Curation</h3>
|
|
<p class="feature-description">Every event is carefully selected and designed to provide exceptional value and networking opportunities.</p>
|
|
</div>
|
|
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<i data-lucide="shield-check"></i>
|
|
</div>
|
|
<h3 class="feature-title">Secure & Trusted</h3>
|
|
<p class="feature-description">Safe payments, verified venues, and trusted community with comprehensive insurance coverage.</p>
|
|
</div>
|
|
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<i data-lucide="users-2"></i>
|
|
</div>
|
|
<h3 class="feature-title">Quality Networking</h3>
|
|
<p class="feature-description">Connect with verified professionals, entrepreneurs, and industry leaders in intimate settings.</p>
|
|
</div>
|
|
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<i data-lucide="zap"></i>
|
|
</div>
|
|
<h3 class="feature-title">Instant Booking</h3>
|
|
<p class="feature-description">Seamless reservation process with instant confirmation and easy event management.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Stats Section -->
|
|
<section class="section stats-section">
|
|
<div class="container">
|
|
<div class="stats-grid">
|
|
<div class="stat-item">
|
|
<span class="stat-number">150+</span>
|
|
<div class="stat-label">Monthly Events</div>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">5.2K</span>
|
|
<div class="stat-label">Active Members</div>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">200+</span>
|
|
<div class="stat-label">Partner Venues</div>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">98%</span>
|
|
<div class="stat-label">Satisfaction Rate</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Section -->
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<div class="cta-content">
|
|
<h2>Ready to Join the Community?</h2>
|
|
<p>Start discovering amazing events and connect with like-minded professionals in your city.</p>
|
|
<div style="display: flex; gap: var(--space-4); justify-content: center; flex-wrap: wrap;">
|
|
<button class="btn btn-lg" style="background: white; color: var(--color-primary-600); border: 2px solid white;">
|
|
<i data-lucide="user-plus"></i>
|
|
Join Now - Free
|
|
</button>
|
|
<button class="btn btn-lg btn-ghost" style="border: 2px solid rgba(255,255,255,0.5); color: white;">
|
|
<i data-lucide="calendar"></i>
|
|
Browse Events
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<%= render "components/footer" %>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script>
|
|
// Initialize Lucide icons
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
if (typeof lucide !== 'undefined') {
|
|
lucide.createIcons();
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|