<!– Load Tailwind CSS –><script src=”https://cdn.tailwindcss.com”></script>
<!– Google Fonts for enhanced typography –><link href=”https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap” rel=”stylesheet”>
<!– Custom Tailwind Configuration for Gold Color –><script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
// ‘Cinzel Decorative’ for titles, ‘Inter’ for body text
display: [‘”Cinzel Decorative”‘, ‘serif’],
sans: [‘Inter’, ‘sans-serif’],
},
colors: {
// Defining a custom ‘aegis-gold’ color for consistent branding
‘aegis-gold’: ‘#FFD700’, // Classic Gold
‘aegis-dark’: ‘#0a0a0a’, // Near-Black background
}
}
}
}
</script>
<style> body { margin: 0 !important; padding-top: 0 !important; scroll-behavior: smooth; font-family: ‘Inter’, sans-serif; .max-w-4xl { padding-top: 0;}
/* Apply smooth scrolling and better list styling */
body { scroll-behavior: smooth; font-family: ‘Inter’, sans-serif; }
/* Style for the custom item list in STEP 4 */
.custom-list li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.5rem;
}
.custom-list li::before {
content: ‘•’;
color: #FFD700; /* aegis-gold */
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
position: absolute;
left: 0;
}
/* Style for Tables (important for responsiveness) */
table {
width: 100%;
border-collapse: collapse;
margin-top: 1.5rem;
}
th, td {
padding: 1rem;
text-align: left;
border-bottom: 1px solid rgba(255, 215, 0, 0.2); /* Light gold border for rows */
}
th {
background-color: rgba(255, 215, 0, 0.1); /* Very light gold tint for header */
font-weight: 600;
}
</style>
</head>
<!– Main container with dark background and light text –><body class=”bg-aegis-dark text-white antialiased p-4 sm:p-8 lg:p-12″>
<div class=”max-w-4xl mx-auto space-y-12″>
<!– Header and Main Title –><header class=”text-center pb-4 border-b-2 border-aegis-gold mb-10″>
<h1 class=”text-5xl sm:text-6xl font-extrabold text-white tracking-wide font-display”>
Aegis Ghostblade 026
</h1>
<p class=”text-aegis-gold text-xl mt-2 font-display italic font-light”>The Unseen Force</p>
</header>
<!– Series Ethos –><section class=”space-y-6″>
<h2 class=”text-3xl font-bold text-aegis-gold border-l-4 border-aegis-gold pl-4 uppercase tracking-wider”>
Series Ethos: GHOSTBLADE
</h2>
<div class=”bg-gray-800 p-6 rounded-xl shadow-lg border-l-4 border-aegis-gold”>
<p class=”text-lg text-white font-semibold mb-3″>
Slogan: <span class=”text-aegis-gold”>Silent Strike. Unseen Speed.</span>
</p>
<p class=”text-white leading-relaxed”>
Engineered for <strong class=”text-aegis-gold”>stealth and velocity</strong>. The GHOSTBLADE wheel features razor-thin spokes designed to cut through the air precisely. Its ultra-lightweight, minimalist construction significantly reduces rotational mass, delivering an <strong class=”text-aegis-gold”>agile, responsive,</strong> and unparalleled driving experience.
</p>
</div>
</section>
<!– Core Design & Master Craftsmanship –><section class=”space-y-6″>
<h2 class=”text-3xl font-bold text-aegis-gold border-l-4 border-aegis-gold pl-4 uppercase tracking-wider”>
CORE DESIGN & MASTER CRAFTSMANSHIP
</h2>
<div class=”overflow-x-auto rounded-xl”>
<table class=”min-w-full text-sm”>
<thead>
<tr>
<th class=”bg-aegis-gold text-aegis-dark uppercase text-xs sm:text-sm font-semibold tracking-wider rounded-tl-lg”>Feature</th>
<th class=”bg-aegis-gold text-aegis-dark uppercase text-xs sm:text-sm font-semibold tracking-wider rounded-tr-lg”>Description & Advantage</th>
</tr>
</thead>
<tbody class=”divide-y divide-gray-700″>
<tr class=”hover:bg-gray-800 transition-colors”>
<td class=”font-semibold text-aegis-gold”>Design Concept</td>
<td class=”text-white”>
<strong class=”text-aegis-gold”>Aero-Slice Spoke: Engineered for Invisibility.</strong>
Aegis GHOSTBLADE 026, SKU: GH-026<br>
Each spoke is sculpted to be as thin as a blade, minimizing air resistance and weight. The design philosophy is one of subtraction, removing all non-essential mass to create a wheel that is visually light and physically agile.
</td>
</tr>
<tr class=”hover:bg-gray-800 transition-colors”>
<td class=”font-semibold text-aegis-gold”>Premier Craftsmanship</td>
<td class=”text-white”>Utilizes <strong class=”text-aegis-gold”>Advanced Precision Forging Technology</strong> to ensure ultimate light weight and exceptional structural rigidity.</td>
</tr>
<tr class=”hover:bg-gray-800 transition-colors”>
<td class=”font-semibold text-aegis-gold”>Application Focus</td>
<td class=”text-white”>Designed for high-end performance vehicles and owners who pursue the ultimate in aesthetics and performance.</td>
</tr>
<tr class=”hover:bg-gray-800 transition-colors”>
<td class=”font-semibold text-aegis-gold”>Visual Signature</td>
<td class=”text-white”>Exquisite <strong class=”text-aegis-gold”>multi-layered surface treatment</strong>, presenting dynamic changes in light and shadow under various lighting conditions.</td>
</tr>
</tbody>
</table>
</div>
</section>
<!– Customization Journey –><section class=”space-y-8″>
<h2 class=”text-3xl font-bold text-aegis-gold border-l-4 border-aegis-gold pl-4 uppercase tracking-wider”>
YOUR EXCLUSIVE CUSTOMIZATION JOURNEY
</h2>
<p class=”text-white italic”>
Your Aegis Ghostblade 026 wheel set will be a one-of-a-kind bespoke product. Please determine your key specification options below:
</p>
<!– Step 1: Design & Core Performance –><div class=”bg-gray-900 p-6 rounded-xl border border-gray-700″>
<h3 class=”text-2xl font-bold text-white mb-4″>
<span class=”text-aegis-gold”>STEP 1:</span> Design & Core Performance
</h3>
<div class=”space-y-4″>
<div class=”flex flex-col sm:flex-row justify-between p-3 bg-gray-800 rounded-lg”>
<span class=”font-semibold text-aegis-gold w-full sm:w-1/3 mb-2 sm:mb-0″>Wheel Diameter</span>
<span class=”text-white w-full sm:w-2/3″>
Please select your preferred wheel diameter: <strong class=”text-white”>17” up to 24”.</strong>
<span class=”block mt-1 text-sm text-aegis-gold/80 italic”>
*Note: Available range depends on the safety support selection below.
</span>
</span>
</div>
<div class=”flex flex-col sm:flex-row justify-between p-3 bg-gray-800 rounded-lg”>
<span class=”font-semibold text-aegis-gold w-full sm:w-1/3 mb-2 sm:mb-0″>Run-flat/Gripsafe™ Support</span>
<span class=”text-white w-full sm:w-2/3″>
Do you require integrated <strong class=”text-white”>Run-flat/Gripsafe™ Technology</strong> support? (Yes / No)
<span class=”block mt-1 text-sm text-aegis-gold/80 italic”>
*Selecting ‘Yes’ restricts the available diameters to: <strong class=”text-white”>17”, 18″, 19″, 20″, 21″, 22”.</strong>
</span>
</span>
</div>
</div>
</div>
<!– Step 2: Aesthetics & Finish –><div class=”bg-gray-900 p-6 rounded-xl border border-gray-700″>
<h3 class=”text-2xl font-bold text-white mb-4″>
<span class=”text-aegis-gold”>STEP 2:</span> Aesthetics & Finish
</h3>
<div class=”space-y-4″>
<div class=”flex flex-col sm:flex-row justify-between p-3 bg-gray-800 rounded-lg”>
<span class=”font-semibold text-aegis-gold w-full sm:w-1/3 mb-2 sm:mb-0″>Wheel Color</span>
<span class=”text-white w-full sm:w-2/3″>Please provide the color code or precise description (e.g., Satin Black, High Gloss Silver, Special Chameleon Coating).</span>
</div>
<div class=”flex flex-col sm:flex-row justify-between p-3 bg-gray-800 rounded-lg”>
<span class=”font-semibold text-aegis-gold w-full sm:w-1/3 mb-2 sm:mb-0″>Special Finish</span>
<span class=”text-white w-full sm:w-2/3″>Special surface treatment (e.g., <strong class=”text-white”>Brushed Finish</strong>, <strong class=”text-white”>Mirror Polish</strong>, <strong class=”text-white”>Matte Finish</strong>).</span>
</div>
</div>
</div>
<!– Step 3: Vehicle Perfect Fitment –><div class=”bg-gray-900 p-6 rounded-xl border border-gray-700″>
<h3 class=”text-2xl font-bold text-white mb-4″>
<span class=”text-aegis-gold”>STEP 3:</span> Vehicle Perfect Fitment
</h3>
<div class=”space-y-4″>
<div class=”flex flex-col sm:flex-row justify-between p-3 bg-gray-800 rounded-lg”>
<span class=”font-semibold text-aegis-gold w-full sm:w-1/3 mb-2 sm:mb-0″>Wheel Center Bore (CB)</span>
<span class=”text-white w-full sm:w-2/3″>Select the exact Center Bore (CB) size for perfect hub fitment.</span>
</div>
<div class=”flex flex-col sm:flex-row justify-between p-3 bg-gray-800 rounded-lg”>
<span class=”font-semibold text-aegis-gold w-full sm:w-1/3 mb-2 sm:mb-0″>Wheel Bolt Pattern (PCD)</span>
<span class=”text-white w-full sm:w-2/3″>Select the Bolt Circle Diameter (PCD) specification (e.g., 5×114.3, 5×120).</span>
</div>
<div class=”flex flex-col sm:flex-row justify-between p-3 bg-gray-800 rounded-lg”>
<span class=”font-semibold text-aegis-gold w-full sm:w-1/3 mb-2 sm:mb-0″>Lug Nut Count</span>
<span class=”text-white w-full sm:w-2/3″>Select the number of lug nuts (e.g., 4-lug, 5-lug, 6-lug).</span>
</div>
</div>
</div>
<!– Step 4: Other Customizations (Optional) –><div class=”bg-gray-900 p-6 rounded-xl border border-gray-700″>
<h3 class=”text-2xl font-bold text-white mb-4″>
<span class=”text-aegis-gold”>STEP 4:</span> Other Customizations (Optional)
</h3>
<ul class=”custom-list text-white ml-4″>
<li>
<strong class=”text-aegis-gold”>Special Engraving/Logo:</strong> (e.g., Laser engraving your license plate or signature)
</li>
<li>
<strong class=”text-aegis-gold”>Valve Stem Type:</strong> (e.g., Hidden valve stem, Metal valve stem)
</li>
<li>
<strong class=”text-aegis-gold”>Other Notes:</strong> Please detail any additional special requirements here.
</li>
</ul>
</div>
</section>
<!– Final Quote / Call to Action –><section class=”space-y-6 pt-6 border-t border-aegis-gold/50″>
<h2 class=”text-3xl font-bold text-aegis-gold border-l-4 border-aegis-gold pl-4 uppercase tracking-wider”>
GET YOUR FINAL QUOTE
</h2>
<div class=”bg-gray-900 p-6 rounded-xl shadow-2xl border border-aegis-gold”>
<p class=”text-lg text-white mb-4″>
Since every set of wheels is custom-made, the final price will depend on your selected specifications, complexity of craftsmanship, and current material costs.
</p>
<p class=”text-aegis-gold font-bold text-xl mb-3″>Contact our Professional Sales Team:</p>
<div class=”space-y-3″>
<!– Changed from <a> to <div> and removed hover styles –><div class=”block bg-aegis-gold text-aegis-dark text-center py-3 rounded-lg font-bold shadow-md”>
1. Contact via Email: [email protected]
</div>
<!– Changed from <button> to <div> and removed hover styles –><div class=”w-full bg-gray-700 text-white text-center py-3 rounded-lg font-bold border border-aegis-gold/50″>
2. Contact via Live Chat on Website
</div>
</div>
</div>
</section>
<!– Important Notice –><footer class=”pt-6 pb-10″>
<h3 class=”text-xl font-bold text-aegis-gold mb-2″>
IMPORTANT NOTICE
</h3>
<p class=”text-white”>
Please ensure you provide <strong class=”text-aegis-gold”>Complete Vehicle Information (Make, Model, Year)</strong> when contacting us to allow for compatibility verification of the wheel specifications.
</p>
</footer>
</div>
</body>
</html>
Reviews
There are no reviews yet.