<style>
/* --- Ceramic Hero Block (Overlay Image Version - Tuned) --- */
#ceramic-hero {
position: relative;
padding: 85px 30px; /* shorter = less crop */
min-height: 420px; /* keeps it hero-like without going banner-tall */
color: #ffffff;
text-align: center;
border-radius: 10px;
overflow: hidden;
isolation: isolate;
}
/* Background Image */
#ceramic-hero img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 52% 38%; /* less “zoomed”; brings more of the scene in */
z-index: 0;
transform: scale(1.02); /* tiny polish without heavy crop */
}
/* Overlay (slightly lighter so image reads) */
#ceramic-hero::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(0,0,0,0.70), rgba(0,0,0,0.46));
z-index: 1;
}
/* Content wrapper */
#ceramic-hero .wrap {
position: relative;
z-index: 2;
max-width: 860px;
margin: 0 auto;
}
/* Type: punchier + clearer */
#ceramic-hero h1 {
font-size: clamp(36px, 4vw, 54px);
font-weight: 800;
margin: 0 0 15px;
line-height: 1.08;
color: #ffffff;
text-shadow: 0 3px 18px rgba(0,0,0,0.55);
}
#ceramic-hero p.subtitle {
font-size: 18px;
margin: 0 auto 22px;
line-height: 1.5;
color: #ffffff;
text-shadow: 0 2px 14px rgba(0,0,0,0.55);
}
#ceramic-hero ul {
list-style: none;
padding: 0;
margin: 0 auto 28px;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px 30px;
color: #ffffff;
text-shadow: 0 2px 14px rgba(0,0,0,0.55);
}
#ceramic-hero ul li::before {
content: "✔ ";
color: #ff4a1a;
font-weight: bold;
}
/* Buttons */
#ceramic-hero .btn {
display: inline-block;
padding: 12px 28px;
border-radius: 6px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.03em;
transition: transform 0.15s ease, opacity 0.15s ease;
margin: 5px 10px;
}
#ceramic-hero .btn:hover { transform: translateY(-1px); opacity: 0.98; }
#ceramic-hero .btn-primary {
background-color: #ff4a1a;
color: #fff;
border: 2px solid #ff4a1a;
}
#ceramic-hero .btn-primary:hover {
background-color: transparent;
color: #ff4a1a;
}
#ceramic-hero .btn-outline {
background-color: transparent;
color: #ffffff;
border: 2px solid rgba(255,255,255,0.9);
}
#ceramic-hero .btn-outline:hover {
background-color: #fff;
color: #222;
}
@media (max-width: 768px) {
#ceramic-hero {
padding: 70px 18px;
min-height: 360px;
}
#ceramic-hero img {
object-position: 55% 30%; /* better crop for mobile */
}
}
</style>
<section id="ceramic-hero">
<img
src="https://apsrustandtint.com/wp-content/uploads/2025/11/Elvin-with-a-buffer.jpg"
alt="APS technician polishing paint during professional ceramic coating installation in Fairfax Virginia"
loading="eager"
fetchpriority="high"
decoding="async"
>
<div class="wrap">
<p class="subtitle" style="font-size:14px; letter-spacing:2px; text-transform:uppercase; opacity:0.95; margin-bottom:14px;">
Ceramic Coatings • Fairfax, VA
</p>
<h1>More Gloss. Less Stress.</h1>
<p class="subtitle">
Professional ceramic coating in Fairfax, Virginia — protect your paint from UV, road salt, and daily wear.
Keep your car looking showroom new, season after season.
</p>
<ul>
<li>2–5+ Years of Protection</li>
<li>Hydrophobic & UV-Resistant</li>
<li>Installed by APS in Fairfax</li>
</ul>
<a href="https://apsrustandtint.com/schedule-service/" class="btn btn-primary">Book a Paint Inspection</a>
<a href="#ceramic-what-is" class="btn btn-outline">How Ceramic Works</a>
</div>
</section>
<style>
/* --- Ceramic Definition Block --- */
#ceramic-what-is {
padding: 80px 25px;
background: #ffffff;
text-align: center;
color: #222;
}
#ceramic-what-is h2 {
font-size: 40px;
font-weight: 800;
color: #111;
margin-bottom: 20px;
text-transform: none;
}
#ceramic-what-is p.lead {
font-size: 18px;
line-height: 1.6;
max-width: 850px;
margin: 0 auto 40px;
color: #444;
}
#ceramic-what-is .ceramic-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
align-items: center;
max-width: 1100px;
margin: 0 auto;
}
#ceramic-what-is .ceramic-grid img {
width: 100%;
max-width: 480px;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
#ceramic-what-is .ceramic-text {
flex: 1 1 420px;
text-align: left;
}
#ceramic-what-is .ceramic-text h3 {
font-size: 26px;
color: #ff4a1a;
margin-bottom: 12px;
}
#ceramic-what-is .ceramic-text p {
font-size: 16px;
line-height: 1.6;
color: #333;
margin-bottom: 12px;
}
#ceramic-what-is .highlight {
background: #fff6f2;
padding: 10px 15px;
border-left: 4px solid #ff4a1a;
margin: 15px 0;
font-weight: 600;
}
</style>
<section id="ceramic-what-is">
<h2>What Is Ceramic Coating?</h2>
<p class="lead">
Ceramic coating is a liquid polymer that chemically bonds with your vehicle’s paint, forming a durable, transparent layer of protection.
Unlike wax or sealant, it doesn’t simply sit on the surface — it becomes a part of it, creating a slick, high-gloss barrier against UV rays, road salt, bugs, and contaminants.
</p>
<div class="ceramic-grid">
<div class="ceramic-text">
<h3>How It Works</h3>
<p>
When applied correctly, ceramic coating cures into a microscopic network of silicon dioxide (SiO₂). This creates an incredibly dense, hydrophobic surface that repels water, dirt, and grime.
</p>
<p class="highlight">Think of it as a transparent armor that keeps your paint looking freshly detailed — every day.</p>
<p>
At <strong>APS in Fairfax, VA</strong>, we install <strong>IGL Coatings</strong> — including <em>Ecocoat Quartz</em> (2-year) and <em>Kenzo by IGL</em> (5-year) — professional-grade formulas engineered for long-term shine and real-world durability.
</p>
</div>
<img src="https://apsrustandtint.com/wp-content/uploads/2023/11/How-to-ceramic-coat-a-car.jpg" alt="Technician applying ceramic coating at APS in Fairfax VA">
</div>
</section>
<style>
/* --- APS Ceramic Coating Process Block --- */
#ceramic-process {
padding: 80px 25px;
background: #f7f7f7;
color: #222;
}
#ceramic-process h2 {
text-align: center;
font-size: 36px;
font-weight: 800;
margin-bottom: 14px;
color: #111;
}
#ceramic-process p.lead {
text-align: center;
font-size: 16px;
max-width: 820px;
margin: 0 auto 40px;
color: #444;
}
#ceramic-process .steps {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
}
#ceramic-process .step {
background: #ffffff;
border-radius: 10px;
padding: 18px 18px 20px;
box-shadow: 0 4px 16px rgba(0,0,0,0.05);
position: relative;
}
#ceramic-process .step-number {
width: 32px;
height: 32px;
border-radius: 50%;
background: #ff4a1a;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
position: absolute;
top: 16px;
left: 16px;
font-size: 14px;
}
#ceramic-process .step h3 {
font-size: 18px;
font-weight: 700;
margin: 10px 0 8px 0;
padding-left: 42px;
}
#ceramic-process .step p {
font-size: 14px;
color: #444;
margin: 0;
padding-left: 42px;
line-height: 1.6;
}
#ceramic-process .footer-note {
margin-top: 30px;
text-align: center;
font-size: 14px;
color: #555;
}
</style>
<section id="ceramic-process">
<h2>Our Ceramic Coating Process at APS</h2>
<p class="lead">
A ceramic coating is only as good as the prep work underneath it.
Here’s what typically happens when your vehicle comes into our Fairfax shop for ceramic coating.
</p>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<h3>Inspection & Game Plan</h3>
<p>We inspect your paint under proper lighting, discuss how you use the vehicle, and recommend the right level of correction and coating for your goals and budget.</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Deep Clean & Decontamination</h3>
<p>Foam pre-wash, hand wash, iron remover and clay bar are used to remove bonded contaminants so the surface is clean and ready for polishing.</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Paint Correction</h3>
<p>We use machine polishing to reduce swirls, light scratches and haze. The goal is to lock in a corrected, glossy finish – not seal in defects.</p>
</div>
<div class="step">
<div class="step-number">4</div>
<h3>Panel Wipe & Prep</h3>
<p>Polishing oils are removed with a dedicated panel wipe so the coating can bond directly to the clear coat, not to residue.</p>
</div>
<div class="step">
<div class="step-number">5</div>
<h3>Ceramic Coating Application</h3>
<p>The coating is applied in controlled sections, levelled and checked under multiple light sources to ensure even coverage and a streak-free finish.</p>
</div>
<div class="step">
<div class="step-number">6</div>
<h3>Curing & Final Inspection</h3>
<p>Your car remains in a controlled environment while the coating begins to cure. We do a final walk-around and inspection before handing the keys back.</p>
</div>
</div>
<p class="footer-note">
All work is performed in-house at <strong>Automotive Protection Services</strong> on Draper Drive in Fairfax, VA – by techs who apply coatings every week, not once in a while.
</p>
</section>
<style>
/* --- Ceramic Suitability Block --- */
#ceramic-rightfor {
padding: 80px 25px;
background: #ffffff;
color: #222;
text-align: center;
}
#ceramic-rightfor h2 {
font-size: 36px;
font-weight: 800;
margin-bottom: 15px;
color: #111;
}
#ceramic-rightfor p.lead {
font-size: 17px;
max-width: 850px;
margin: 0 auto 40px;
color: #444;
line-height: 1.6;
}
#ceramic-rightfor .vehicle-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 25px;
max-width: 1100px;
margin: 0 auto;
}
#ceramic-rightfor .vehicle-card {
border: 1px solid #eee;
border-radius: 10px;
background: #fafafa;
padding: 24px 20px;
box-shadow: 0 4px 12px rgba(0,0,0,0.04);
text-align: left;
}
#ceramic-rightfor .vehicle-card h3 {
font-size: 20px;
font-weight: 700;
margin: 0 0 10px;
color: #ff4a1a;
}
#ceramic-rightfor .vehicle-card p {
font-size: 14px;
color: #444;
margin: 0 0 8px;
line-height: 1.6;
}
#ceramic-rightfor .cta-box {
margin-top: 40px;
padding: 20px;
background: #fff6f2;
border-radius: 10px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
border-left: 5px solid #ff4a1a;
}
#ceramic-rightfor .cta-box a {
display: inline-block;
margin-top: 10px;
padding: 10px 26px;
border-radius: 4px;
background: #ff4a1a;
color: #fff;
text-decoration: none;
font-weight: 600;
transition: all 0.2s ease;
}
#ceramic-rightfor .cta-box a:hover {
background: transparent;
color: #ff4a1a;
border: 2px solid #ff4a1a;
}
</style>
<section id="ceramic-rightfor">
<h2>Is Ceramic Coating Right for Your Vehicle?</h2>
<p class="lead">
Ceramic coating is a smart investment for most vehicles—but not every situation requires the same level of protection.
Here’s how it fits different drivers across Northern Virginia.
</p>
<div class="vehicle-grid">
<div class="vehicle-card">
<h3>New Vehicles</h3>
<p>Perfect timing—your paint is still factory fresh. We deep-clean and apply coating immediately, locking in that flawless finish before the first swirl or bug mark.</p>
<p><strong>Best Choice:</strong> IGL Kenzo (5 Year)</p>
</div>
<div class="vehicle-card">
<h3>Daily Drivers & Commuters</h3>
<p>Protect against UV, salt, pollen, and brake dust from I-66 or Beltway driving. The coating keeps your car easier to wash and maintain year-round.</p>
<p><strong>Best Choice:</strong> EcoCoat Quartz (2 Year)</p>
</div>
<div class="vehicle-card">
<h3>Trucks & SUVs</h3>
<p>Great for larger vehicles exposed to mud, road brine, or weekend adventure grime. The coating resists chemical staining and makes washing faster.</p>
<p><strong>Best Choice:</strong> Kenzo + Wheel Coating Add-On</p>
</div>
<div class="vehicle-card">
<h3>Enthusiast & Show Cars</h3>
<p>Maximum gloss and depth—show your car at Cars & Coffee or track events with paint that looks wet under any light. Ceramic brings that “mirror” finish to life.</p>
<p><strong>Best Choice:</strong> Kenzo Graphene 5 Year Package</p>
</div>
</div>
<div class="cta-box">
<p><strong>Not sure which option fits?</strong> We’ll inspect your paint, check clear-coat hardness, and meter gloss before recommending a coating.</p>
<a href="https://apsrustandtint.com/schedule-service/">Schedule a Free Paint Assessment</a>
</div>
</section>
<style>
/* --- From the Shop Floor Block --- */
#ceramic-shopfloor {
padding: 80px 25px;
background: #f7f7f7;
color: #222;
}
#ceramic-shopfloor h2 {
text-align: center;
font-size: 34px;
font-weight: 800;
margin-bottom: 18px;
color: #111;
}
#ceramic-shopfloor p.lead {
text-align: center;
font-size: 16px;
max-width: 800px;
margin: 0 auto 40px;
color: #444;
}
#ceramic-shopfloor .floor-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 40px;
max-width: 1100px;
margin: 0 auto;
}
#ceramic-shopfloor .floor-text {
flex: 1 1 460px;
text-align: left;
}
#ceramic-shopfloor .floor-text blockquote {
font-size: 18px;
line-height: 1.6;
font-style: italic;
border-left: 4px solid #ff4a1a;
padding-left: 18px;
color: #333;
margin: 0 0 20px;
}
#ceramic-shopfloor .floor-text cite {
display: block;
font-weight: 700;
color: #ff4a1a;
font-style: normal;
}
#ceramic-shopfloor img {
width: 100%;
max-width: 460px;
border-radius: 10px;
box-shadow: 0 4px 18px rgba(0,0,0,0.1);
}
</style>
<section id="ceramic-shopfloor">
<h2>From the Shop Floor</h2>
<p class="lead">
We’ve seen hundreds of vehicles come through our Fairfax shop for ceramic coating — from brand-new Teslas to well-loved daily drivers.
Here’s what our lead detailer Elvin has to say about it.
</p>
<div class="floor-grid">
<img src=https://apsrustandtint.com/wp-content/uploads/2025/11/Elvin-with-a-buffer.jpg" alt="APS technician applying ceramic coating inside the Fairfax shop">
<div class="floor-text">
<blockquote>
“We’ve been coating cars for years, and the biggest difference isn’t the brand of product — it’s the prep. Every car tells a story in its paint. When we correct that surface first, the coating bonds deeper and looks like glass. It’s the part customers never see, but it’s why their cars still look perfect three winters later.”
</blockquote>
<cite>— Elvin C., Lead Detailer at APS Fairfax</cite>
</div>
</div>
</section>