<?php
/**
* Template Name: AES-FP Product Page
* Description: Template for displaying the AES-FP Particle Sensing Monitor product
*/
get_header(); ?>
<main class=”aesfp-product-page bg-blue-50 text-gray-800″>
<!– Hero Section –>
<header class=”product-hero bg-blue-600 text-white py-12 text-center”>
<div class=”container mx-auto px-4″>
<h1 class=”text-4xl font-bold mb-4″><?php the_title(); ?></h1>
<p class=”text-xl”>
Cleanroom Monitoring Solution for ISO Class 1,000 to 100,000
</p>
</div>
</header>
<!– Product Introduction –>
<section class=”product-intro py-16 text-center”>
<div class=”container mx-auto px-4″>
<?php
$product_image = get_field(‘product_image’); // ACF field
if ($product_image) : ?>
<img src=”<?php echo esc_url($product_image[‘url’]); ?>”
alt=”<?php echo esc_attr($product_image[‘alt’]); ?>”
class=”mx-auto w-72 mb-8″>
<?php endif; ?>
<h2 class=”text-3xl font-semibold text-blue-700 mb-4″>
Detect Particles over 0.3 μm – Accurately and Reliably
</h2>
<p class=”text-lg max-w-3xl mx-auto”>
Ideal for cleanrooms, data centers, semiconductor lines, and hospitals.
</p>
</div>
</section>
<!– Key Features –>
<section class=”key-features py-16 bg-white”>
<div class=”container mx-auto px-4″>
<h2 class=”text-3xl font-bold text-blue-700 mb-12 text-center”>Key Features</h2>
<div class=”grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8″>
<?php
// Using ACF Repeater Field for features
if (have_rows(‘key_features’)) :
while (have_rows(‘key_features’)) : the_row(); ?>
<div class=”feature-card bg-blue-50 p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow”>
<h3 class=”text-xl font-semibold mb-3 text-blue-800″>
<?php the_sub_field(‘feature_title’); ?>
</h3>
<p class=”text-gray-700″>
<?php the_sub_field(‘feature_description’); ?>
</p>
</div>
<?php endwhile;
endif; ?>
</div>
</div>
</section>
<!– Applications –>
<section class=”applications py-16″>
<div class=”container mx-auto px-4″>
<h2 class=”text-3xl font-bold text-blue-700 mb-12 text-center”>Applications</h2>
<div class=”grid grid-cols-1 md:grid-cols-3 gap-8″>
<?php
// Using ACF Repeater Field for applications
if (have_rows(‘applications’)) :
while (have_rows(‘applications’)) : the_row();
$app_image = get_sub_field(‘application_image’);
?>
<div class=”application-card bg-white p-6 rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow”>
<?php if ($app_image) : ?>
<img src=”<?php echo esc_url($app_image[‘url’]); ?>”
alt=”<?php echo esc_attr($app_image[‘alt’]); ?>”
class=”w-full h-48 object-cover mb-4 rounded”>
<?php endif; ?>
<h4 class=”text-xl font-semibold mb-3 text-blue-800″>
<?php the_sub_field(‘application_title’); ?>
</h4>
<p class=”text-gray-700″>
<?php the_sub_field(‘application_description’); ?>
</p>
</div>
<?php endwhile;
endif; ?>
</div>
</div>
</section>
<!– CTA Section –>
<section class=”cta-section py-16 bg-blue-700 text-white text-center”>
<div class=”container mx-auto px-4″>
<h2 class=”text-3xl font-bold mb-6″>Ready to Enhance Your Cleanroom Monitoring?</h2>
<a href=”<?php echo esc_url(get_field(‘cta_link’, ‘options’)); ?>”
class=”inline-block bg-white text-blue-700 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition-colors”>
Request a Quote
</a>
</div>
</section>
<!– Footer –>
<footer class=”page-footer bg-gray-200 text-center py-6″>
<div class=”container mx-auto px-4″>
<p>© <?php echo date(‘Y’); ?> AES-FP Cleanroom Systems | All rights reserved.</p>
</div>
</footer>
</main>
<?php get_footer(); ?>