![]() Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/.cursor-server/data/User/History/-31d25c75/ |
<?php
session_start();
require_once 'config/database.php';
require_once 'includes/translations.php';
require_once 'config/event_pricing.php';
// Set page variables
$current_page = 'event-pricing';
$page_title = t('event_pricing.page_title');
$page_description = t('event_pricing.page_description');
include 'includes/header.php';
// Get pricing config
$pricing_config = getEventPricingConfig();
$tiers = $pricing_config['pricing_tiers'];
$eventbrite = $pricing_config['eventbrite_comparison'];
// Example calculations for a $50 ticket
$example_ticket_price = 50;
?>
<style>
.event-pricing-hero {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 4rem 2rem;
text-align: center;
margin-bottom: 3rem;
}
.event-pricing-hero h1 {
font-size: 3rem;
margin-bottom: 1rem;
font-weight: 700;
}
.event-pricing-hero p {
font-size: 1.3rem;
opacity: 0.95;
max-width: 800px;
margin: 0 auto;
}
.comparison-banner {
background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
color: white;
padding: 2rem;
border-radius: 16px;
margin: -2rem auto 3rem;
max-width: 1200px;
text-align: center;
box-shadow: 0 10px 40px rgba(72, 187, 120, 0.3);
}
.comparison-banner h2 {
margin: 0 0 1rem;
font-size: 2rem;
}
.comparison-banner p {
font-size: 1.1rem;
margin: 0;
opacity: 0.95;
}
.pricing-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem 4rem;
}
.pricing-tiers {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin-bottom: 4rem;
}
.pricing-tier-card {
background: white;
border-radius: 20px;
padding: 2rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid transparent;
}
.pricing-tier-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
.pricing-tier-card.featured {
border-color: #667eea;
background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
}
.tier-header {
text-align: center;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 2px solid #e2e8f0;
}
.tier-name {
font-size: 1.5rem;
font-weight: 700;
color: #1a202c;
margin-bottom: 0.5rem;
}
.tier-description {
font-size: 0.9rem;
color: #718096;
}
.tier-fees {
margin-bottom: 1.5rem;
}
.fee-item {
display: flex;
justify-content: space-between;
padding: 0.75rem 0;
border-bottom: 1px solid #e2e8f0;
}
.fee-item:last-child {
border-bottom: none;
}
.fee-label {
color: #4a5568;
font-size: 0.95rem;
}
.fee-value {
font-weight: 600;
color: #1a202c;
}
.fee-total {
margin-top: 1rem;
padding-top: 1rem;
border-top: 2px solid #667eea;
display: flex;
justify-content: space-between;
align-items: center;
}
.fee-total-label {
font-weight: 700;
color: #1a202c;
font-size: 1.1rem;
}
.fee-total-value {
font-weight: 700;
color: #667eea;
font-size: 1.3rem;
}
.example-calculations {
background: #f7fafc;
border-radius: 20px;
padding: 2.5rem;
margin-bottom: 3rem;
}
.example-calculations h2 {
text-align: center;
margin-bottom: 2rem;
color: #1a202c;
font-size: 2rem;
}
.example-ticket {
background: white;
border-radius: 16px;
padding: 2rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.example-ticket-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 2px solid #e2e8f0;
}
.example-ticket-price {
font-size: 2rem;
font-weight: 700;
color: #1a202c;
}
.example-ticket-plan {
font-size: 1rem;
color: #718096;
font-weight: 600;
}
.example-breakdown {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
margin-top: 1.5rem;
}
.example-column {
padding: 1.5rem;
background: #f7fafc;
border-radius: 12px;
}
.example-column h3 {
margin: 0 0 1rem;
font-size: 1.1rem;
color: #4a5568;
}
.example-row {
display: flex;
justify-content: space-between;
padding: 0.5rem 0;
font-size: 0.95rem;
}
.example-row.total {
margin-top: 1rem;
padding-top: 1rem;
border-top: 2px solid #667eea;
font-weight: 700;
font-size: 1.1rem;
}
.example-savings {
background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
color: white;
padding: 1.5rem;
border-radius: 12px;
text-align: center;
margin-top: 1.5rem;
}
.example-savings strong {
font-size: 1.5rem;
display: block;
margin-top: 0.5rem;
}
.comparison-table {
background: white;
border-radius: 20px;
padding: 2.5rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
margin-bottom: 3rem;
}
.comparison-table h2 {
text-align: center;
margin-bottom: 2rem;
color: #1a202c;
font-size: 2rem;
}
.comparison-table table {
width: 100%;
border-collapse: collapse;
}
.comparison-table th,
.comparison-table td {
padding: 1rem;
text-align: left;
border-bottom: 1px solid #e2e8f0;
}
.comparison-table th {
background: #f7fafc;
font-weight: 700;
color: #1a202c;
font-size: 1.1rem;
}
.comparison-table td {
color: #4a5568;
}
.comparison-table tr:last-child td {
border-bottom: none;
}
.comparison-table .better {
color: #48bb78;
font-weight: 700;
}
.comparison-table .worse {
color: #f56565;
}
.cta-section {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 4rem 2rem;
border-radius: 20px;
text-align: center;
margin-top: 4rem;
}
.cta-section h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.cta-section p {
font-size: 1.2rem;
margin-bottom: 2rem;
opacity: 0.95;
}
.cta-buttons {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.btn-cta {
background: white;
color: #667eea;
padding: 1rem 2.5rem;
border-radius: 12px;
font-weight: 700;
font-size: 1.1rem;
text-decoration: none;
display: inline-block;
transition: transform 0.2s ease;
}
.btn-cta:hover {
transform: scale(1.05);
}
.btn-cta-secondary {
background: transparent;
color: white;
border: 2px solid white;
padding: 1rem 2.5rem;
border-radius: 12px;
font-weight: 700;
font-size: 1.1rem;
text-decoration: none;
display: inline-block;
transition: all 0.2s ease;
}
.btn-cta-secondary:hover {
background: white;
color: #667eea;
}
@media (max-width: 768px) {
.event-pricing-hero h1 {
font-size: 2rem;
}
.pricing-tiers {
grid-template-columns: 1fr;
}
.example-breakdown {
grid-template-columns: 1fr;
}
.cta-buttons {
flex-direction: column;
}
.btn-cta,
.btn-cta-secondary {
width: 100%;
}
}
</style>
<div class="event-pricing-hero">
<h1><?= t('event_pricing.hero_title') ?></h1>
<p><?= t('event_pricing.hero_subtitle') ?></p>
</div>
<div class="pricing-container">
<div class="comparison-banner">
<h2><?= t('event_pricing.comparison_title') ?></h2>
<p><?= t('event_pricing.comparison_message') ?></p>
</div>
<!-- Pricing Tiers -->
<section class="pricing-tiers">
<?php foreach ($tiers as $tier_key => $tier):
$example_fees = calculateEventTicketFees($example_ticket_price, $tier_key, false, false);
$eventbrite_fees = ($example_ticket_price * ($eventbrite['eventbrite_service_fee'] / 100)) + $eventbrite['eventbrite_fixed_fee'] + ($example_ticket_price * ($eventbrite['eventbrite_payment_processing'] / 100));
$savings = $eventbrite_fees - $example_fees['total_fees'];
?>
<div class="pricing-tier-card <?= $tier_key === 'pro' ? 'featured' : '' ?>">
<div class="tier-header">
<div class="tier-name"><?= htmlspecialchars($tier['name']) ?></div>
<div class="tier-description"><?= htmlspecialchars($tier['description']) ?></div>
</div>
<div class="tier-fees">
<div class="fee-item">
<span class="fee-label"><?= t('event_pricing.service_fee') ?></span>
<span class="fee-value"><?= number_format($tier['service_fee_percentage'], 1) ?>% + $<?= number_format($tier['fixed_fee_per_ticket'], 2) ?></span>
</div>
<div class="fee-item">
<span class="fee-label"><?= t('event_pricing.payment_processing') ?></span>
<span class="fee-value"><?= number_format($tier['payment_processing_percentage'], 1) ?>%</span>
</div>
<div class="fee-total">
<span class="fee-total-label"><?= t('event_pricing.total_fees') ?></span>
<span class="fee-total-value">$<?= number_format($example_fees['total_fees'], 2) ?></span>
</div>
</div>
<div style="text-align: center; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0;">
<div style="font-size: 0.85rem; color: #718096; margin-bottom: 0.5rem;"><?= t('event_pricing.on_ticket') ?> $<?= number_format($example_ticket_price, 0) ?></div>
<div style="font-size: 1.1rem; font-weight: 700; color: #48bb78;">
<?= t('event_pricing.save') ?> $<?= number_format($savings, 2) ?>
</div>
</div>
</div>
<?php endforeach; ?>
</section>
<!-- Example Calculations -->
<section class="example-calculations">
<h2><?= t('event_pricing.example_title') ?></h2>
<div class="example-ticket">
<div class="example-ticket-header">
<div class="example-ticket-price">$<?= number_format($example_ticket_price, 0) ?> <?= t('event_pricing.ticket') ?></div>
<div class="example-ticket-plan"><?= t('event_pricing.example_subtitle') ?></div>
</div>
<div class="example-breakdown">
<div class="example-column">
<h3><?= t('event_pricing.our_platform') ?></h3>
<?php
$our_fees = calculateEventTicketFees($example_ticket_price, 'pro', false, false);
?>
<div class="example-row">
<span><?= t('event_pricing.ticket_price') ?></span>
<span>$<?= number_format($example_ticket_price, 2) ?></span>
</div>
<div class="example-row">
<span><?= t('event_pricing.service_fee') ?> (2.0% + $0.99)</span>
<span>$<?= number_format($our_fees['service_fee'], 2) ?></span>
</div>
<div class="example-row">
<span><?= t('event_pricing.payment_processing') ?> (2.9%)</span>
<span>$<?= number_format($our_fees['payment_processing_fee'], 2) ?></span>
</div>
<div class="example-row total">
<span><?= t('event_pricing.attendee_pays') ?></span>
<span>$<?= number_format($our_fees['attendee_pays'], 2) ?></span>
</div>
<div class="example-row total" style="color: #48bb78;">
<span><?= t('event_pricing.organizer_receives') ?></span>
<span>$<?= number_format($our_fees['organizer_receives'], 2) ?></span>
</div>
</div>
<div class="example-column">
<h3><?= t('event_pricing.eventbrite') ?></h3>
<?php
$eb_service = ($example_ticket_price * ($eventbrite['eventbrite_service_fee'] / 100)) + $eventbrite['eventbrite_fixed_fee'];
$eb_processing = $example_ticket_price * ($eventbrite['eventbrite_payment_processing'] / 100);
$eb_total = $eb_service + $eb_processing;
$eb_attendee_pays = $example_ticket_price + $eb_total;
?>
<div class="example-row">
<span><?= t('event_pricing.ticket_price') ?></span>
<span>$<?= number_format($example_ticket_price, 2) ?></span>
</div>
<div class="example-row">
<span><?= t('event_pricing.service_fee') ?> (3.7% + $1.79)</span>
<span>$<?= number_format($eb_service, 2) ?></span>
</div>
<div class="example-row">
<span><?= t('event_pricing.payment_processing') ?> (2.9%)</span>
<span>$<?= number_format($eb_processing, 2) ?></span>
</div>
<div class="example-row total">
<span><?= t('event_pricing.attendee_pays') ?></span>
<span>$<?= number_format($eb_attendee_pays, 2) ?></span>
</div>
<div class="example-row total" style="color: #f56565;">
<span><?= t('event_pricing.organizer_receives') ?></span>
<span>$<?= number_format($example_ticket_price, 2) ?></span>
</div>
</div>
</div>
<div class="example-savings">
<div><?= t('event_pricing.you_save') ?></div>
<strong>$<?= number_format($eb_total - $our_fees['total_fees'], 2) ?> <?= t('event_pricing.per_ticket') ?></strong>
<div style="margin-top: 0.5rem; font-size: 0.9rem; opacity: 0.9;">
<?= t('event_pricing.savings_message') ?>
</div>
</div>
</div>
</section>
<!-- Comparison Table -->
<section class="comparison-table">
<h2><?= t('event_pricing.comparison_table_title') ?></h2>
<table>
<thead>
<tr>
<th><?= t('event_pricing.feature') ?></th>
<th><?= t('event_pricing.soundstudiopro') ?></th>
<th><?= t('event_pricing.eventbrite') ?></th>
</tr>
</thead>
<tbody>
<tr>
<td><?= t('event_pricing.service_fee') ?></td>
<td class="better">1.5% - 2.5% + $0.99</td>
<td class="worse">3.7% + $1.79</td>
</tr>
<tr>
<td><?= t('event_pricing.payment_processing') ?></td>
<td>2.9%</td>
<td>2.9%</td>
</tr>
<tr>
<td><?= t('event_pricing.fixed_fee') ?></td>
<td class="better">$0.99</td>
<td class="worse">$1.79</td>
</tr>
<tr>
<td><?= t('event_pricing.free_events') ?></td>
<td class="better"><?= t('event_pricing.no_fees') ?></td>
<td class="worse"><?= t('event_pricing.still_charged') ?></td>
</tr>
<tr>
<td><?= t('event_pricing.pricing_tiers') ?></td>
<td class="better">5 tiers (Free to Enterprise)</td>
<td>Standard rates only</td>
</tr>
</tbody>
</table>
</section>
<!-- CTA Section -->
<section class="cta-section">
<h2><?= t('event_pricing.cta_title') ?></h2>
<p><?= t('event_pricing.cta_message') ?></p>
<div class="cta-buttons">
<a href="/events.php" class="btn-cta"><?= t('event_pricing.create_event') ?></a>
<a href="/subscribe.php" class="btn-cta-secondary"><?= t('event_pricing.upgrade_plan') ?></a>
</div>
</section>
</div>
<?php include 'includes/footer.php'; ?>