Our Portfolio
Featured Projects
'post',
'posts_per_page' => 9,
'paged' => $paged,
'post_status' => 'publish'
));
$header_html = <<<HTML
Ready to Build Your
HTML;
echo $footer_html;
?>
Our Portfolio
Featured Projects
{$page_content}
HTML;
echo $header_html;
if ($projects_query->have_posts()) :
$card_colors = ['brand-primary', 'brand-secondary', 'brand-accent'];
$color_index = 0;
while ($projects_query->have_posts()) : $projects_query->the_post();
$post_id = get_the_ID();
$title = esc_html(get_the_title());
$permalink = esc_url(get_permalink());
$excerpt = get_the_excerpt();
if (empty($excerpt)) {
$excerpt = wp_trim_words(get_the_content(), 20, '...');
}
$excerpt = esc_html($excerpt);
$image_html = '';
if (has_post_thumbnail()) {
$image_html = wp_get_attachment_image(get_post_thumbnail_id(), 'large', false, array(
'class' => 'w-full h-full object-cover transition-transform duration-700 group-hover:scale-110',
'sizes' => '(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw',
'loading' => 'lazy',
'decoding' => 'async'
));
} else {
$image_html = '
';
}
$current_color = $card_colors[$color_index % 3];
$color_index++;
$badge_bg = '';
$badge_text = '';
$hover_border = '';
if ($current_color === 'brand-primary') {
$badge_bg = 'bg-brand-primary/10';
$badge_text = 'text-brand-primary';
$hover_border = 'group-hover:border-brand-primary/30';
} elseif ($current_color === 'brand-secondary') {
$badge_bg = 'bg-brand-secondary/10';
$badge_text = 'text-brand-secondary';
$hover_border = 'group-hover:border-brand-secondary/30';
} else {
$badge_bg = 'bg-brand-accent/20';
$badge_text = 'text-[#D4AF37]';
$hover_border = 'group-hover:border-brand-accent/50';
}
$date = esc_html(get_the_date());
$card_html = <<<HTML
{$image_html}
HTML;
echo $card_html;
endwhile;
$pagination = paginate_links(array(
'type' => 'array',
'prev_text' => '← Prev',
'next_text' => 'Next →',
'total' => $projects_query->max_num_pages,
'current' => $paged
));
if (!empty($pagination)) {
echo '
HTML;
echo $no_posts_html;
endif;
$footer_html = <<<HTML
View Details
';
foreach ($pagination as $page_link) {
$page_link = str_replace('page-numbers', 'page-numbers flex items-center justify-center min-w-[3rem] h-12 px-4 rounded-xl font-bold transition-all duration-300', $page_link);
if (strpos($page_link, 'current') !== false) {
$page_link = str_replace('class="', 'class="bg-brand-primary text-white shadow-soft ', $page_link);
} else {
$page_link = str_replace('class="', 'class="bg-brand-light text-brand-dark hover:bg-brand-secondary/10 hover:text-brand-secondary ', $page_link);
}
echo $page_link;
}
echo '
';
}
wp_reset_postdata();
else :
$no_posts_html = <<<HTML
More Projects Coming Soon
We are currently updating our portfolio with our latest family entertainment center installations. Check back soon!
Ready to Build Your
Dream Arcade?
Partner with Elong Arcade Games for factory-direct pricing, global shipping, and comprehensive entertainment center solutions. Let's create joyful memories together!
Ready to Build Your
Dream Arcade?
Partner with Elong Arcade Games for factory-direct pricing, global shipping, and comprehensive entertainment center solutions. Let's create joyful memories together!