MENS Symposium - African Men Group Inc.

MENS Symposium 2025

Hosted by African Men Group Inc.

June 28, 2025 | Venue to be announced via email

Key Speakers

Ticket Categories

VVIP

KES 10,000

150 seats available

Front tables
Backstage Access
Complementary Meal and wine
Symposium Souvenir
Materials available at the end
Contact to Key Speakers
Feedback response
Entertainment after Symposium

VIP

KES 5,000

250 seats available

Middle row Tables
Complementary Meal and wine
Symposium Souvenir
Feedback response
Entertainment after Symposium

Regular

KES 2,000

800 seats available

Backrow Seats
Entertainment after Symposium

Gold Sponsors

Terms & Conditions

1. All payments are non-refundable.

2. Venue details will be sent via email 7 days before the event.

3. Tickets are transferable but not resellable.

4. The organizers reserve the right to make changes to the program.

Contact Us

Email: info@africanmengroup.org

Phone: +254 700 000000

body { font-family: 'Arial', sans-serif; line-height: 1.6; margin: 0; padding: 0; color: #333; } header { background-color: #1a1a2e; color: white; text-align: center; padding: 2rem 0; } h1, h2, h3 { margin: 0; padding: 0; } .speakers { padding: 2rem; text-align: center; } .speaker-carousel { display: flex; overflow-x: auto; gap: 1rem; padding: 1rem 0; scroll-snap-type: x mandatory; } .speaker-card { min-width: 250px; scroll-snap-align: start; background: #f4f4f4; padding: 1rem; border-radius: 8px; text-align: center; } .speaker-card img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem; } .tickets { padding: 2rem; background-color: #f9f9f9; } .ticket-cards { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; } .ticket-card { background: white; border-radius: 8px; padding: 1.5rem; width: 300px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .ticket-card.vvip { border-top: 5px solid gold; } .ticket-card.vip { border-top: 5px solid silver; } .ticket-card.regular { border-top: 5px solid #cd7f32; } .price { font-size: 1.5rem; font-weight: bold; margin: 1rem 0; } .benefits { text-align: left; padding-left: 1rem; } .benefits li { margin-bottom: 0.5rem; } .book-btn { background-color: #1a1a2e; color: white; border: none; padding: 0.8rem 1.5rem; border-radius: 4px; cursor: pointer; margin-top: 1rem; width: 100%; font-weight: bold; } .sponsors { padding: 2rem; text-align: center; } .sponsor-logos { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem; margin-top: 1rem; } .sponsor-logos img { height: 80px; object-fit: contain; } .terms, .contact { padding: 2rem; background-color: #f9f9f9; margin-top: 1rem; } .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } .modal-content { background-color: white; margin: 10% auto; padding: 2rem; width: 80%; max-width: 500px; border-radius: 8px; position: relative; } .close { position: absolute; right: 1rem; top: 1rem; font-size: 1.5rem; cursor: pointer; } .form-group { margin-bottom: 1rem; } .form-group label { display: block; margin-bottom: 0.5rem; } .form-group input { width: 100%; padding: 0.5rem; border: 1px solid #ddd; border-radius: 4px; } @keyframes slideIn { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .speaker-card { animation: slideIn 0.5s ease-out forwards; } /* Add delays for each speaker */ .speaker-card:nth-child(1) { animation-delay: 0.1s; } .speaker-card:nth-child(2) { animation-delay: 0.3s; } .speaker-card:nth-child(3) { animation-delay: 0.5s; } .speaker-card:nth-child(4) { animation-delay: 0.7s; } .speaker-card:nth-child(5) { animation-delay: 0.9s; } // Speakers data const speakers = [ { name: "Dr. Kwame Nkrumah", title: "Leadership Expert", bio: "Renowned leadership coach with 20+ years experience", image: "images/speaker1.jpg" }, { name: "Prof. Wole Soyinka", title: "Education Specialist", bio: "Nobel laureate in literature and education reformer", image: "images/speaker2.jpg" }, { name: "Mr. Patrice Lumumba", title: "Business Strategist", bio: "CEO of Pan-African Business Solutions", image: "images/speaker3.jpg" }, { name: "Dr. Wangari Maathai", title: "Environmental Activist", bio: "Founder of Green Belt Movement", image: "images/speaker4.jpg" }, { name: "Mr. Nelson Mandela", title: "Peace Advocate", bio: "Global peace ambassador and community builder", image: "images/speaker5.jpg" } ]; // Sponsors data const sponsors = [ { name: "Safaricom", logo: "images/safaricom.png" }, { name: "KCB Bank", logo: "images/kcb.png" }, { name: "Nation Media", logo: "images/nation.png" }, { name: "Kenya Airways", logo: "images/kq.png" }, { name: "Safaricom Foundation", logo: "images/saf-foundation.png" }, { name: "Equity Bank", logo: "images/equity.png" } ]; // Ticket availability const ticketAvailability = { vvip: 150, vip: 250, regular: 800 }; // Initialize the page document.addEventListener('DOMContentLoaded', function() { loadSpeakers(); loadSponsors(); setupBookingButtons(); setupModal(); }); function loadSpeakers() { const carousel = document.getElementById('speakerCarousel'); speakers.forEach(speaker => { const speakerCard = document.createElement('div'); speakerCard.className = 'speaker-card'; speakerCard.innerHTML = `

${speaker.name}

${speaker.title}

${speaker.bio}

`; carousel.appendChild(speakerCard); }); } function loadSponsors() { const sponsorContainer = document.querySelector('.sponsor-logos'); sponsors.forEach(sponsor => { const sponsorImg = document.createElement('img'); sponsorImg.src = sponsor.logo; sponsorImg.alt = sponsor.name; sponsorImg.title = sponsor.name; sponsorContainer.appendChild(sponsorImg); }); } function setupBookingButtons() { const buttons = document.querySelectorAll('.book-btn'); buttons.forEach(button => { button.addEventListener('click', function() { const ticketType = this.getAttribute('data-type'); document.getElementById('ticketType').value = ticketType; // Update seats available const seatsElement = this.parentElement.querySelector('.seats'); const currentSeats = parseInt(seatsElement.textContent); if (currentSeats > 0) { document.getElementById('bookingModal').style.display = 'block'; } else { alert('Sorry, this ticket category is sold out!'); } }); }); } function setupModal() { const modal = document.getElementById('bookingModal'); const closeBtn = document.querySelector('.close'); const form = document.getElementById('bookingForm'); closeBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); form.addEventListener('submit', function(e) { e.preventDefault(); const ticketType = document.getElementById('ticketType').value; const name = document.getElementById('name').value; const email = document.getElementById('email').value; const phone = document.getElementById('phone').value; // Process payment via STK Push (simulated) processPayment(ticketType, name, email, phone); modal.style.display = 'none'; form.reset(); }); } function processPayment(ticketType, name, email, phone) { // Simulate STK Push payment alert(`STK Push payment request sent to ${phone}. Please complete payment on your phone.`); // In a real implementation, you would call the Safaricom API here // This is just a simulation setTimeout(() => { // Simulate successful payment const amount = getTicketPrice(ticketType); const bookingRef = generateBookingRef(); // Update ticket availability ticketAvailability[ticketType]--; updateSeatsDisplay(ticketType); // Send receipt (simulated) sendReceipt(name, email, ticketType, amount, bookingRef); alert(`Payment successful! Your booking reference is ${bookingRef}. Receipt sent to ${email}`); }, 3000); } function getTicketPrice(ticketType) { switch(ticketType) { case 'vvip': return 10000; case 'vip': return 5000; case 'regular': return 2000; default: return 0; } } function generateBookingRef() { return 'MENS-' + Math.random().toString(36).substr(2, 8).toUpperCase(); } function updateSeatsDisplay(ticketType) { const seatsElements = document.querySelectorAll(`.ticket-card.${ticketType} .seats`); seatsElements.forEach(el => { el.textContent = `${ticketAvailability[ticketType]} seats available`; }); } function sendReceipt(name, email, ticketType, amount, bookingRef) { // In a real implementation, you would send an email here console.log(`Receipt sent to ${email}: Name: ${name} Ticket Type: ${ticketType.toUpperCase()} Amount: KES ${amount.toLocaleString()} Booking Reference: ${bookingRef} Date: June 28, 2025 Venue: Will be sent via email 7 days before the event `); } -- Database setup for XAMPP CREATE DATABASE mens_symposium_db; USE mens_symposium_db; -- Users table CREATE TABLE users ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(100) NOT NULL, email VARCHAR(100) NOT NULL UNIQUE, phone VARCHAR(20) NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); -- Bookings table CREATE TABLE bookings ( id INT AUTO_INCREMENT PRIMARY KEY, user_id INT NOT NULL, ticket_type ENUM('vvip', 'vip', 'regular') NOT NULL, amount DECIMAL(10,2) NOT NULL, booking_ref VARCHAR(20) NOT NULL UNIQUE, payment_status ENUM('pending', 'completed', 'failed') DEFAULT 'pending', created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY (user_id) REFERENCES users(id) ); -- Payment transactions table CREATE TABLE payments ( id INT AUTO_INCREMENT PRIMARY KEY, booking_id INT NOT NULL, mpesa_code VARCHAR(50), phone_number VARCHAR(20) NOT NULL, amount DECIMAL(10,2) NOT NULL, status ENUM('pending', 'success', 'failed') DEFAULT 'pending', transaction_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY (booking_id) REFERENCES bookings(id) ); -- Create a user for the application CREATE USER 'symposium_app'@'localhost' IDENTIFIED BY 'Symposium@2025'; GRANT ALL PRIVILEGES ON mens_symposium_db.* TO 'symposium_app'@'localhost'; FLUSH PRIVILEGES;