kbe/aperonight
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

refactor(events): replace parties concept with events throughout the application

Browse Source 
Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

This commit refactors the entire application to replace the 'parties' concept with 'events'. All controllers, models, views, and related files have been updated to reflect this change. The parties table has been replaced with an events table, and all related functionality has been updated accordingly.
This commit is contained in:
Kevin BATAILLE
2025-08-28 13:20:51 +02:00
parent 2f80fe8321
commit 30f3ecc6ad
218 changed files with 864 additions and 787 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/views/components/_party_finder.html.erb → app/views/components/_event_finder.html.erb Normal file → Executable file
View File

@@ -1,10 +1,10 @@
<!-- Party Finder Section -->
<section style="padding: 0;">
<!-- Event Finder Section -->
<section>
<div class="container">
<div class="party-finder animate-fadeInUp">
<div class="event-finder">
<div class="finder-header">
<h2 class="finder-title">Find Your Perfect Event</h2>
<p class="finder-subtitle">Discover afterwork parties tailored to your preferences</p>
<p class="finder-subtitle">Discover afterwork events tailored to your preferences</p>
</div>
<form class="finder-form">
@@ -81,7 +81,7 @@
</section>
<script>
// Party Finder Functionality
// Event Finder Functionality
document.addEventListener("DOMContentLoaded", function() {
const priceMin = document.getElementById('price-min');
const priceMax = document.getElementById('price-max');

8
app/views/components/_party_item.html.erb → app/views/components/_event_item.html.erb Normal file → Executable file
View File

@@ -1,14 +1,14 @@
<%= link_to party_path(party.slug, party), class: "group block p-4 rounded-lg border border-slate-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-600 hover:shadow-md transition-all duration-200" do %>
<%= link_to event_path(event.slug, event), class: "group block p-4 rounded-lg border border-slate-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-600 hover:shadow-md transition-all duration-200" do %>
<div class="flex items-center space-x-4">
<div class="w-16 h-16 bg-slate-200 dark:bg-slate-700 rounded-lg overflow-hidden flex-shrink-0">
<%= image_tag party.image, alt: party.name, class: "w-full h-full object-cover" if party.image.present? %>
<%= image_tag event.image, alt: event.name, class: "w-full h-full object-cover" if event.image.present? %>
</div>
<div class="flex-1 min-w-0">
<h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100 group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-200">
<%= party.name %>
<%= event.name %>
</h3>
<p class="text-sm text-slate-600 dark:text-slate-400">
<%= l(party.start_time, format: :short) %>
<%= l(event.start_time, format: :short) %>
</p>
</div>
</div>

0
app/views/components/_footer.html.erb Normal file → Executable file
View File

0
app/views/components/_header.html.erb Normal file → Executable file
View File

0
app/views/components/_metric_card.html.erb Normal file → Executable file
View File

0
app/views/components/_ticket_card.html.erb Normal file → Executable file
View File

0
app/views/devise/confirmations/new.html.erb Normal file → Executable file
View File

0
app/views/devise/mailer/confirmation_instructions.html.erb Normal file → Executable file
View File

0
app/views/devise/mailer/email_changed.html.erb Normal file → Executable file
View File

0
app/views/devise/mailer/password_change.html.erb Normal file → Executable file
View File

0
app/views/devise/mailer/reset_password_instructions.html.erb Normal file → Executable file
View File

0
app/views/devise/mailer/unlock_instructions.html.erb Normal file → Executable file
View File

0
app/views/devise/passwords/edit.html.erb Normal file → Executable file
View File

0
app/views/devise/passwords/new.html.erb Normal file → Executable file
View File

0
app/views/devise/registrations/edit.html.erb Normal file → Executable file
View File

0
app/views/devise/registrations/new.html.erb Normal file → Executable file
View File

0
app/views/devise/sessions/new.html.erb Normal file → Executable file
View File

0
app/views/devise/shared/_error_messages.html.erb Normal file → Executable file
View File

0
app/views/devise/shared/_links.html.erb Normal file → Executable file
View File

0
app/views/devise/unlocks/new.html.erb Normal file → Executable file
View File

22
app/views/parties/index.html.erb → app/views/events/index.html.erb Normal file → Executable file
View File

@@ -1,37 +1,37 @@
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
<h1 class="text-3xl font-bold text-gray-900 mb-8">Événements à venir</h1>
<% if @parties.any? %>
<% if @events.any? %>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<% @parties.each do |party| %>
<% @events.each do |event| %>
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
<div class="p-6">
<div class="flex justify-between items-start">
<div>
<h2 class="text-xl font-bold text-gray-900"><%= party.name %></h2>
<p class="text-sm text-gray-500 mt-1"><%= party.user.email %></p>
<h2 class="text-xl font-bold text-gray-900"><%= event.name %></h2>
<p class="text-sm text-gray-500 mt-1"><%= event.user.email %></p>
</div>
<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
<%= party.start_time.strftime("%d/%m/%Y") %>
<%= event.start_time.strftime("%d/%m/%Y") %>
</span>
</div>
<div class="mt-4">
<p class="text-gray-600 text-sm line-clamp-2"><%= party.description.truncate(100) %></p>
<p class="text-gray-600 text-sm line-clamp-2"><%= event.description.truncate(100) %></p>
</div>
<div class="mt-4 flex justify-between items-center">
<div>
<% if party.ticket_types.any? %>
<% if event.ticket_types.any? %>
<p class="text-sm font-medium text-gray-900">
À partir de <%= format_price(party.ticket_types.minimum(:price_cents)) %>€
À partir de <%= format_price(event.ticket_types.minimum(:price_cents)) %>€
</p>
<% else %>
<p class="text-sm text-gray-500">Pas de billets disponibles</p>
<% end %>
</div>
<%= link_to "Voir les détails", party_path(party.slug, party), class: "inline-flex items-center px-3 py-1.5 border border-transparent text-xs font-medium rounded-full shadow-sm text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500" %>
<%= link_to "Voir les détails", event_path(event.slug, event), class: "inline-flex items-center px-3 py-1.5 border border-transparent text-xs font-medium rounded-full shadow-sm text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500" %>
</div>
</div>
</div>
@@ -39,8 +39,8 @@
</div>
<div class="mt-8">
<%# paginate @parties, theme: 'twitter_bootstrap' %>
<%= paginate @parties %>
<%# paginate @events, theme: 'twitter_bootstrap' %>
<%= paginate @events %>
</div>
<% else %>
<div class="text-center py-12">

26
app/views/parties/show.html.erb → app/views/events/show.html.erb Normal file → Executable file
View File

@@ -1,4 +1,4 @@
<div class="min-h-screen bg-neutral-50" data-controller="ticket-cart" data-ticket-cart-party-id-value="<%= params[:id] %>">
<div class="min-h-screen bg-neutral-50" data-controller="ticket-cart" data-ticket-cart-event-id-value="<%= params[:id] %>">
<div class="max-w-7xl mx-auto md:px-4">
<nav class="mb-3 text-sm" aria-label="Breadcrumb">
@@ -15,7 +15,7 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<a href="/parties" class="hover:text-primary-600 transition-colors duration-200 mx-2" role="listitem">
<a href="/events" class="hover:text-primary-600 transition-colors duration-200 mx-2" role="listitem">
Events
</a>
@@ -24,7 +24,7 @@
</svg>
<span class="mx-2 font-medium truncate max-w-[150px] sm:max-w-[250px]" role="listitem" aria-current="page">
<%= @party.name %>
<%= @event.name %>
</span>
</span>
</nav>
@@ -32,13 +32,13 @@
<div class="bg-white rounded-2xl shadow-lg p-4 sm:p-6 md:p-8 mb-6 sm:mb-8">
<div class="flex flex-col lg:flex-row gap-6 md:gap-8">
<!-- Left Column: Party Info & Image -->
<!-- Left Column: Event Info & Image -->
<div class="w-full md:w-1/2">
<h1 class="text-4xl font-bold text-primary mb-4"><%= @party.name %></h1>
<h1 class="text-4xl font-bold text-primary mb-4"><%= @event.name %></h1>
<% if @party.image.present? %>
<% if @event.image.present? %>
<div class="relative rounded-2xl overflow-hidden mb-6">
<%= image_tag @party.image, class: "w-full h-96 object-cover" %>
<%= image_tag @event.image, class: "w-full h-96 object-cover" %>
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
<div class="absolute bottom-0 left-0 right-0 p-6 bg-gradient-to-t from-black">
<h2 class="text-2xl font-semibold text-white mb-2">Event Details</h2>
@@ -47,13 +47,13 @@
<svg class="w-5 h-5 mr-2 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
<span><%= @party.venue_name %></span>
<span><%= @event.venue_name %></span>
</div>
<div class="flex items-center">
<svg class="w-5 h-5 mr-2 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<span><%= @party.start_time.strftime("%B %d, %Y at %I:%M %p") %></span>
<span><%= @event.start_time.strftime("%B %d, %Y at %I:%M %p") %></span>
</div>
</div>
</div>
@@ -63,7 +63,7 @@
<div class="space-y-4">
<div>
<h2 class="text-xl font-semibold text-primary mb-2">Description</h2>
<p class="text-lg text-slate-600 leading-relaxed"><%= @party.description %></p>
<p class="text-lg text-slate-600 leading-relaxed"><%= @event.description %></p>
</div>
<div class="space-y-3">
@@ -73,7 +73,7 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
</svg>
<span class="font-medium text-slate-800">Location:</span>
<span class="text-slate-600"><%= @party.venue_address %></span>
<span class="text-slate-600"><%= @event.venue_address %></span>
</div>
<div class="flex items-center space-x-4">
@@ -81,7 +81,7 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
</svg>
<span class="font-medium text-slate-800">Date:</span>
<span class="text-slate-600"><%= @party.start_time.strftime("%B %d, %Y") %></span>
<span class="text-slate-600"><%= @event.start_time.strftime("%B %d, %Y") %></span>
</div>
</div>
</div>
@@ -93,7 +93,7 @@
<h2 class="text-2xl font-bold text-slate-800 mb-6">Available Tickets</h2>
<div class="space-y-4">
<% @party.ticket_types.each do |ticket_type| %>
<% @event.ticket_types.each do |ticket_type| %>
<% sold_out = ticket_type.quantity <= ticket_type.tickets.count %>
<% remaining = ticket_type.quantity - ticket_type.tickets.count %>

0
app/views/kaminari/_first_page.html.erb Normal file → Executable file
View File

0
app/views/kaminari/_gap.html.erb Normal file → Executable file
View File

0
app/views/kaminari/_last_page.html.erb Normal file → Executable file
View File

0
app/views/kaminari/_next_page.html.erb Normal file → Executable file
View File

0
app/views/kaminari/_page.html.erb Normal file → Executable file
View File

0
app/views/kaminari/_paginator.html.erb Normal file → Executable file
View File

0
app/views/kaminari/_prev_page.html.erb Normal file → Executable file
View File

90
app/views/layouts/application.html.erb Normal file → Executable file
View File

@@ -24,7 +24,7 @@
<link rel="apple-touch-icon" href="/icon.png">
<%# Includes all stylesheet files in app/assets/stylesheets %>
<%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
</head>
@@ -44,94 +44,6 @@
</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" %>

0
app/views/layouts/mailer.html.erb Normal file → Executable file
View File

0
app/views/layouts/mailer.text.erb Normal file → Executable file
View File

0
app/views/pages/components.html.erb Normal file → Executable file
View File

28
app/views/pages/dashboard.html.erb Normal file → Executable file
View File

@@ -4,7 +4,7 @@
<h1 class="text-3xl font-bold text-slate-900 dark:text-slate-100 mb-6">Tableau de bord</h1>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<%= render partial: 'components/metric_card', locals: { title: "Événements disponibles", value: @available_parties, classes: "from-purple-100 to-indigo-100" } %>
<%= render partial: 'components/metric_card', locals: { title: "Événements disponibles", value: @available_events, classes: "from-purple-100 to-indigo-100" } %>
<%= render partial: 'components/metric_card', locals: { title: "Événements aujourd'hui", value: @events_this_week, classes: "from-purple-100 to-indigo-100" } %>
@@ -13,17 +13,17 @@
</div>
</div>
<!-- Today's parties -->
<!-- Today's events -->
<div class="card hover-lift mb-8">
<div class="card-header">
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Évenements du jour</h2>
</div>
<div class="card-body">
<% if @today_parties.any? %>
<% if @today_events.any? %>
<ul class="space-y-4">
<% @today_parties.each do |party| %>
<% @today_events.each do |event| %>
<li>
<%= render partial: 'components/party_item', locals: { party: party } %>
<%= render partial: 'components/event_item', locals: { event: event } %>
</li>
<% end %>
</ul>
@@ -33,17 +33,17 @@
</div>
</div>
<!-- Tomorrow's parties -->
<!-- Tomorrow's events -->
<div class="card hover-lift mb-8">
<div class="card-header">
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Évenements de demain</h2>
</div>
<div class="card-body">
<% if @tomorrow_parties.any? %>
<% if @tomorrow_events.any? %>
<ul class="space-y-4">
<% @tomorrow_parties.each do |party| %>
<% @tomorrow_events.each do |event| %>
<li>
<%= render partial: 'components/party_item', locals: { party: party } %>
<%= render partial: 'components/event_item', locals: { event: event } %>
</li>
<% end %>
</ul>
@@ -53,24 +53,24 @@
</div>
</div>
<!-- Other upcoming parties with pagination -->
<!-- Other upcoming events with pagination -->
<div class="card hover-lift">
<div class="card-header">
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Autres évenements à venir</h2>
</div>
<div class="card-body">
<% if @other_parties.any? %>
<% if @other_events.any? %>
<ul class="space-y-4">
<% @other_parties.each do |party| %>
<% @other_events.each do |event| %>
<li>
<%= render partial: 'components/party_item', locals: { party: party } %>
<%= render partial: 'components/event_item', locals: { event: event } %>
</li>
<% end %>
</ul>
<!-- Pagination -->
<div class="mt-8">
<%= paginate @other_parties %>
<%= paginate @other_events %>
</div>
<% else %>
<p class="text-slate-600 dark:text-slate-400">Aucune autre partie à venir.</p>

0
app/views/pages/events.html.erb Normal file → Executable file
View File

361
app/views/pages/home.html.erb Normal file → Executable file
View File

@@ -1,69 +1,44 @@
<% content_for :title, "Aperonight - Discover Premium Afterwork Events" %>
<% content_for :title, "Aperonight - Découvrez des événements après-travail de luxe" %>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<div class="hero-content">
<h1>Discover Premium Afterwork Events</h1>
<p class="subtitle">Connect with professionals, explore unique venues, and create memorable experiences at carefully curated afterwork events in your city.</p>
<h1>Découvrez les afterworks à Paris</h1>
<p class="subtitle">Connectez-vous avec des professionnels, explorez des lieux uniques et créez des expériences mémorables lors d'événements après-travail soigneusement sélectionnés dans votre ville.</p>
<div class="cta-group">
<button class="btn btn-lg btn-primary">
<i data-lucide="search"></i>
Explore Events
</button>
<button class="btn btn-lg btn-secondary">
<i data-lucide="plus"></i>
Host an Event
</button>
</div>
<div class="hero-stats">
<div class="hero-stat">
<span class="hero-stat-number">150+</span>
<span class="hero-stat-label">Events Monthly</span>
</div>
<div class="hero-stat">
<span class="hero-stat-number">5.2K</span>
<span class="hero-stat-label">Active Members</span>
</div>
<div class="hero-stat">
<span class="hero-stat-number">200+</span>
<span class="hero-stat-label">Partner Venues</span>
</div>
<div class="hero-stat">
<span class="hero-stat-number">98%</span>
<span class="hero-stat-label">Satisfaction</span>
</div>
<%= link_to "Explorer les événements", events_path, class: "btn btn-lg btn-primary" %>
<%= link_to "Organiser un événement", "#", class: "btn btn-lg btn-secondary" %>
</div>
</div>
</div>
</section>
<%= render "components/party_finder" %>
<%= render "components/event_finder" %>
<!-- Featured Events Section -->
<section class="section featured-events" id="events">
<div class="container">
<div class="section-header">
<h2 class="section-title">Featured This Week</h2>
<p class="section-description">Handpicked premium events that bring together the best professionals and creators in the city.</p>
<h2 class="section-title">En vedette cette semaine</h2>
<p class="section-description">Événements de luxe sélectionnés avec soin qui réunissent les meilleurs professionnels et créateurs de la ville.</p>
</div>
<div class="featured-events-grid animate-fadeInUp">
<div class="featured-events-grid" data-controller="featured-event">
<!-- Featured Event 1 -->
<div class="featured-event-card animate-slideInLeft">
<img src="https://images.unsplash.com/photo-1540039155733-5bb30b53aa14?w=600&h=300&fit=crop" alt="Tech Networking Night" class="featured-event-image">
<div class="featured-event-card" data-featured-event-target="card">
<img src="https://images.unsplash.com/photo-1540039155733-5bb30b53aa14?w=600&h=300&fit=crop" alt="Soirée de réseautage Tech & Innovation" class="featured-event-image" data-featured-event-target="animated">
<div class="featured-event-content">
<div class="featured-event-badges">
<span class="badge badge-featured">★ Featured</span>
<span class="badge badge-available">Available</span>
<span class="badge badge-featured">★ En vedette</span>
<span class="badge badge-available">Disponible</span>
</div>
<h3 class="featured-event-title">Tech & Innovation Networking Night</h3>
<h3 class="featured-event-title">Soirée de réseautage Tech & Innovation</h3>
<div class="featured-event-meta">
<div class="featured-event-meta-item">
<i data-lucide="calendar"></i>
Thu, Mar 15 • 18:30 - 22:00
Jeu, Mar 15 • 18:30 - 22:00
</div>
<div class="featured-event-meta-item">
<i data-lucide="map-pin"></i>
@@ -71,30 +46,30 @@
</div>
<div class="featured-event-meta-item">
<i data-lucide="users"></i>
85 attendees • 15 spots left
85 participants • 15 places disponibles
</div>
</div>
<p class="featured-event-description">Join 100+ tech professionals for an exclusive evening of networking, drinks, and insights into the latest innovation trends. Connect with startups, investors, and industry leaders.</p>
<p class="featured-event-description">Rejoignez plus de 100 professionnels de la technologie pour une soirée exclusive de réseautage, de boissons et de découvertes des dernières tendances innovantes. Connectez-vous avec des startups, des investisseurs et des leaders de l'industrie.</p>
<div class="featured-event-footer">
<span class="featured-event-price">€35</span>
<button class="btn btn-sm btn-primary">Reserve Spot</button>
<button class="btn btn-sm btn-primary">Réserver une place</button>
</div>
</div>
</div>
<!-- Featured Event 2 -->
<div class="featured-event-card animate-fadeInUp">
<img src="https://images.unsplash.com/photo-1574391884720-bbc3740c59d1?w=400&h=240&fit=crop" alt="Creative Afterwork" class="featured-event-image">
<div class="featured-event-card" data-featured-event-target="card">
<img src="https://images.unsplash.com/photo-1574391884720-bbc3740c59d1?w=400&h=240&fit=crop" alt="Rencontre exclusive des directeurs créatifs" class="featured-event-image" data-featured-event-target="animated">
<div class="featured-event-content">
<div class="featured-event-badges">
<span class="badge badge-vip">VIP</span>
<span class="badge badge-limited">Limited</span>
<span class="badge badge-limited">Limité</span>
</div>
<h3 class="featured-event-title">Creative Directors Exclusive Meetup</h3>
<h3 class="featured-event-title">Rencontre exclusive des directeurs créatifs</h3>
<div class="featured-event-meta">
<div class="featured-event-meta-item">
<i data-lucide="calendar"></i>
Fri, Mar 16 • 19:00 - 23:00
Ven, Mar 16 • 19:00 - 23:00
</div>
<div class="featured-event-meta-item">
<i data-lucide="map-pin"></i>
@@ -102,29 +77,29 @@
</div>
<div class="featured-event-meta-item">
<i data-lucide="users"></i>
30 creatives • 8 spots left
30 créatifs • 8 places disponibles
</div>
</div>
<p class="featured-event-description">An intimate gathering of creative directors, designers, and visual artists. Experience immersive art installations while networking with industry pioneers.</p>
<p class="featured-event-description">Un rassemblement intime de directeurs créatifs, de designers et d'artistes visuels. Découvrez des installations d'art immersives tout en vous connectant avec des pionniers de l'industrie.</p>
<div class="featured-event-footer">
<span class="featured-event-price">€65</span>
<button class="btn btn-sm btn-primary">Join VIP</button>
<button class="btn btn-sm btn-primary">Rejoindre le VIP</button>
</div>
</div>
</div>
<!-- Featured Event 3 -->
<div class="featured-event-card animate-slideInRight">
<img src="https://images.unsplash.com/photo-1569949381669-ecf31ae8e613?w=400&h=240&fit=crop" alt="Wine Tasting" class="featured-event-image">
<div class="featured-event-card" data-featured-event-target="card">
<img src="https://images.unsplash.com/photo-1569949381669-ecf31ae8e613?w=400&h=240&fit=crop" alt="Dégustation de vin et d'affaires de luxe" class="featured-event-image" data-featured-event-target="animated">
<div class="featured-event-content">
<div class="featured-event-badges">
<span class="badge badge-available">Available</span>
<span class="badge badge-available">Disponible</span>
</div>
<h3 class="featured-event-title">Wine & Business Premium Tasting</h3>
<h3 class="featured-event-title">Dégustation de vin et d'affaires de luxe</h3>
<div class="featured-event-meta">
<div class="featured-event-meta-item">
<i data-lucide="calendar"></i>
Sat, Mar 18 • 17:00 - 21:00
Sam, Mar 18 • 17:00 - 21:00
</div>
<div class="featured-event-meta-item">
<i data-lucide="map-pin"></i>
@@ -132,189 +107,105 @@
</div>
<div class="featured-event-meta-item">
<i data-lucide="users"></i>
45 professionals • 12 spots left
45 professionnels • 12 places disponibles
</div>
</div>
<p class="featured-event-description">Discover exceptional French wines while connecting with business professionals. Expert sommelier guidance and premium tastings in a historic wine cellar.</p>
<p class="featured-event-description">Découvrez des vins français exceptionnels tout en vous connectant avec des professionnels d'affaires. Guidance d'un sommelier expert et dégustations de luxe dans une cave à vin historique.</p>
<div class="featured-event-footer">
<span class="featured-event-price">€55</span>
<button class="btn btn-sm btn-secondary">Book Now</button>
<button class="btn btn-sm btn-secondary">Réserver maintenant</button>
</div>
</div>
</div>
</div>
<div style="text-align: center; margin-top: var(--space-12);">
<%= link_to "View All Events", parties_path, class: "btn btn-lg btn-outline" %>
<%= link_to "Voir tous les événements", events_path, class: "btn btn-lg btn-outline" %>
</div>
</div>
</section>
<!-- 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>
<style>
/* Updated Featured Events Grid - 3 Cards Side by Side */
.featured-events-grid {
display: grid;
gap: var(--space-8);
grid-template-columns: 1fr;
}
<!-- Stats Section -->
<section class="section stats-section">
<div class="container">
<div class="stats-grid">
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
<span class="stat-number" data-target-value="150">0</span>
<div class="stat-label">Monthly Events</div>
</div>
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
<span class="stat-number" data-target-value="5200">0</span>
<div class="stat-label">Active Members</div>
</div>
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
<span class="stat-number" data-target-value="200">0</span>
<div class="stat-label">Partner Venues</div>
</div>
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
<span class="stat-number" data-target-value="98">0</span>
<div class="stat-label">Satisfaction Rate</div>
</div>
</div>
</div>
</section>
@media (min-width: 768px) {
.featured-events-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.featured-events-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.featured-event-card {
background: white;
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: var(--shadow-md);
transition: all var(--duration-slow) var(--ease-out);
border: 1px solid var(--color-neutral-200);
position: relative;
}
.featured-event-card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: var(--shadow-2xl);
border-color: var(--color-primary-200);
}
.featured-event-image {
width: 100%;
height: 240px;
object-fit: cover;
transition: transform var(--duration-slow) var(--ease-out);
}
.featured-event-card:hover .featured-event-image {
transform: scale(1.05);
}
.featured-event-content {
padding: var(--space-6);
}
.featured-event-badges {
display: flex;
gap: var(--space-2);
margin-bottom: var(--space-4);
flex-wrap: wrap;
}
.featured-event-title {
font-family: var(--font-display);
font-size: var(--text-xl);
font-weight: 700;
margin-bottom: var(--space-3);
color: var(--color-neutral-900);
line-height: 1.3;
}
.featured-event-meta {
display: flex;
flex-direction: column;
gap: var(--space-2);
margin-bottom: var(--space-4);
}
.featured-event-meta-item {
display: flex;
align-items: center;
gap: var(--space-2);
color: var(--color-neutral-600);
font-size: var(--text-sm);
font-weight: 500;
}
.featured-event-description {
color: var(--color-neutral-700);
margin-bottom: var(--space-6);
line-height: 1.6;
font-size: var(--text-sm);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.featured-event-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.featured-event-price {
font-family: var(--font-display);
font-size: var(--text-xl);
font-weight: 800;
color: var(--color-primary-600);
}
@media (max-width: 768px) {
.featured-event-image {
height: 200px;
}
.featured-event-content {
padding: var(--space-4);
}
}
/* Enhanced animations */
.animate-slideInLeft {
opacity: 0;
transform: translateX(-30px);
transition: all 0.5s var(--ease-out);
}
.animate-slideInLeft.visible {
opacity: 1;
transform: translateX(0);
}
.animate-slideInRight {
opacity: 0;
transform: translateX(30px);
transition: all 0.5s var(--ease-out);
}
.animate-slideInRight.visible {
opacity: 1;
transform: translateX(0);
}
</style>
<script>
// Add animation classes when elements are in view
document.addEventListener("DOMContentLoaded", function() {
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, observerOptions);
// Observe animated elements
document.querySelectorAll('.animate-fadeInUp, .animate-slideInLeft, .animate-slideInRight').forEach(el => {
observer.observe(el);
});
// Add staggered animation delays
document.querySelectorAll('.featured-event-card').forEach((card, index) => {
card.style.transitionDelay = `${index * 0.2}s`;
});
});
</script>
<!-- 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>

0
app/views/pages/legals.html.erb Normal file → Executable file
View File

0
app/views/pwa/manifest.json.erb Normal file → Executable file
View File

0
app/views/pwa/service-worker.js Normal file → Executable file
View File

0
app/views/shared/_flash_messages.html.erb Normal file → Executable file
View File