Hugging Face's logo

Spaces:
lepeleton
/
xcc3
Running

App Files Community
xcc3 / index.html
lepeleton's picture
lepeleton
Add 2 files
ac0ae7d verified
raw
history blame contribute delete
46.8 kB
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chemical Industry Supply Chain Solutions | Tariff Mitigation Strategies</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.chemical-gradient {
background: linear-gradient(135deg, #1a5276 0%, #2874a6 100%);
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.floating {
animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
.modal {
display: none;
position: fixed;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.7);
}
.modal-content {
background-color: #fefefe;
margin: 5% auto;
padding: 30px;
border-radius: 12px;
width: 80%;
max-width: 800px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
animation: modalopen 0.5s;
}
@keyframes modalopen {
from {opacity: 0; transform: translateY(-50px);}
to {opacity: 1; transform: translateY(0);}
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.close:hover {
color: black;
}
.chemical-highlight {
background: linear-gradient(90deg, #eaf2f8 0%, #d4e6f1 100%);
border-left: 4px solid #2874a6;
}
.molecule-bg {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="5" fill="%232874a6" fill-opacity="0.1"/><circle cx="30" cy="30" r="5" fill="%232874a6" fill-opacity="0.1"/><circle cx="70" cy="30" r="5" fill="%232874a6" fill-opacity="0.1"/><circle cx="30" cy="70" r="5" fill="%232874a6" fill-opacity="0.1"/><circle cx="70" cy="70" r="5" fill="%232874a6" fill-opacity="0.1"/></svg>');
background-size: 150px;
}
</style>
</head>
<body class="font-sans antialiased text-gray-800 molecule-bg">
<!-- Header -->
<header class="chemical-gradient text-white">
<div class="container mx-auto px-6 py-16">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-4">Chemical Industry Supply Chain Solutions for <span class="text-blue-200">Tariff Uncertainty</span></h1>
<p class="text-xl mb-8">Specialized consulting to protect margins, optimize operations, and build tariff-resilient supply chains for chemical manufacturers.</p>
<button class="bg-blue-300 hover:bg-blue-400 text-gray-900 font-bold py-3 px-8 rounded-full transition duration-300 transform hover:scale-105">
<i class="fas fa-flask mr-2"></i> Request Chemical Industry Assessment
</button>
</div>
<div class="md:w-1/2 flex justify-center">
<img src="https://images.unsplash.com/photo-1605000797499-95a51c5269ae?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80"
alt="Chemical Plant"
class="rounded-xl shadow-2xl w-full max-w-md floating">
</div>
</div>
</div>
</header>
<!-- Chemical Industry Challenges -->
<section class="py-20 bg-white">
<div class="container mx-auto px-6">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Critical Challenges Facing Chemical Companies</h2>
<div class="w-24 h-1 bg-blue-600 mx-auto mb-6"></div>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
In today's volatile trade environment, chemical manufacturers face unprecedented supply chain pressures
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Challenge 1 -->
<div class="bg-gray-50 rounded-xl p-8 transition duration-300 card-hover">
<div class="text-blue-600 text-4xl mb-6">
<i class="fas fa-balance-scale-right"></i>
</div>
<h3 class="text-xl font-bold mb-4">Tariff & Trade War Exposure</h3>
<p class="text-gray-600 mb-4">
With 78% of chemical products facing new tariffs, companies need sophisticated mitigation strategies.
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>Section 301 tariffs on $200B+ Chinese imports</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>EU carbon border adjustment mechanism</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>Anticipated retaliatory tariffs</span>
</li>
</ul>
</div>
<!-- Challenge 2 -->
<div class="bg-gray-50 rounded-xl p-8 transition duration-300 card-hover">
<div class="text-blue-600 text-4xl mb-6">
<i class="fas fa-truck-loading"></i>
</div>
<h3 class="text-xl font-bold mb-4">Supply Chain Disruptions</h3>
<p class="text-gray-600 mb-4">
Chemical supply chains remain vulnerable to multiple disruption vectors.
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>Critical raw material shortages</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>Transportation capacity constraints</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>Geopolitical sourcing risks</span>
</li>
</ul>
</div>
<!-- Challenge 3 -->
<div class="bg-gray-50 rounded-xl p-8 transition duration-300 card-hover">
<div class="text-blue-600 text-4xl mb-6">
<i class="fas fa-chart-line"></i>
</div>
<h3 class="text-xl font-bold mb-4">Margin Compression</h3>
<p class="text-gray-600 mb-4">
Rising costs and limited pricing power squeeze chemical company margins.
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>Energy cost volatility</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>Labor shortages in key regions</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-2"></i>
<span>Regulatory compliance costs</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Our Solutions -->
<section class="py-20 bg-gray-50">
<div class="container mx-auto px-6">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Our Chemical Industry Solutions</h2>
<div class="w-24 h-1 bg-blue-600 mx-auto mb-6"></div>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
Proven methodologies tailored for petrochemical, specialty chemical, and industrial gas companies
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
<!-- Solution 1 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
<div class="md:flex">
<div class="p-8">
<div class="uppercase tracking-wide text-sm text-blue-600 font-semibold mb-1">Tariff Mitigation</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Chemical-Specific Duty Optimization</h3>
<p class="text-gray-600 mb-4">
Our proprietary 7-step methodology has helped chemical companies reduce tariff impacts by 15-40%.
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>HS code classification audits</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>First sale for export implementation</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Foreign trade zone utilization</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Duty drawback program setup</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Solution 2 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
<div class="md:flex">
<div class="p-8">
<div class="uppercase tracking-wide text-sm text-blue-600 font-semibold mb-1">Supply Chain</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Chemical Network Optimization</h3>
<p class="text-gray-600 mb-4">
Transform your supply chain to be both tariff-resilient and cost-optimized.
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Multi-echelon inventory optimization</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Hazardous material logistics planning</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Bulk chemical transportation mode analysis</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Supplier diversification strategies</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- Solution 3 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
<div class="md:flex">
<div class="p-8">
<div class="uppercase tracking-wide text-sm text-blue-600 font-semibold mb-1">Operations</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Chemical Plant Productivity</h3>
<p class="text-gray-600 mb-4">
Drive operational excellence to offset tariff-related cost increases.
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Batch process optimization</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Energy efficiency improvements</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Yield improvement programs</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Predictive maintenance implementation</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Solution 4 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
<div class="md:flex">
<div class="p-8">
<div class="uppercase tracking-wide text-sm text-blue-600 font-semibold mb-1">Strategy</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Tariff Scenario Planning</h3>
<p class="text-gray-600 mb-4">
Prepare for multiple trade policy outcomes with our proprietary modeling.
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>What-if analysis for potential tariff changes</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Product substitution analysis</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Regionalization strategy development</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>Customer contract clause review</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Case Study -->
<section class="py-20 bg-white">
<div class="container mx-auto px-6">
<div class="flex flex-col lg:flex-row">
<div class="lg:w-1/2 mb-10 lg:mb-0 lg:pr-12">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Case Study: Specialty Chemical Manufacturer</h2>
<div class="w-24 h-1 bg-blue-600 mb-6"></div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">Challenge</h3>
<p class="text-gray-600 mb-6">
A $1.8B specialty chemical company faced 25% tariffs on key raw materials from China, threatening $42M in annual profits. Their supply chain lacked flexibility to quickly shift sourcing.
</p>
<h3 class="text-xl font-semibold text-gray-800 mb-4">Our Approach</h3>
<div class="chemical-highlight rounded-lg p-6 mb-6">
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li>Implemented comprehensive tariff mitigation program</li>
<li>Redesigned global supply network with alternative sources</li>
<li>Optimized production scheduling to reduce work-in-process</li>
<li>Negotiated new transportation contracts for bulk chemicals</li>
</ul>
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">Results</h3>
<div class="grid grid-cols-2 gap-4 mb-6">
<div class="bg-blue-50 p-4 rounded-lg">
<div class="text-blue-600 text-2xl font-bold mb-1">$28M</div>
<div class="text-gray-600">Annual tariff savings</div>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<div class="text-blue-600 text-2xl font-bold mb-1">34%</div>
<div class="text-gray-600">Reduction in logistics costs</div>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<div class="text-blue-600 text-2xl font-bold mb-1">19%</div>
<div class="text-gray-600">Improvement in OEE</div>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<div class="text-blue-600 text-2xl font-bold mb-1">6.2x</div>
<div class="text-gray-600">Inventory turns</div>
</div>
</div>
<button onclick="openModal()" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition duration-300">
<i class="fas fa-file-alt mr-2"></i> Download Full Case Study
</button>
</div>
<div class="lg:w-1/2">
<div class="bg-gray-50 p-8 rounded-xl h-full">
<h3 class="text-xl font-bold mb-6">Our 4-Phase Chemical Industry Methodology</h3>
<div class="space-y-6">
<!-- Step 1 -->
<div class="flex">
<div class="flex-shrink-0 mr-4">
<div class="flex items-center justify-center h-10 w-10 rounded-full bg-blue-100 text-blue-600 font-bold">
1
</div>
</div>
<div>
<h4 class="font-semibold text-gray-900">Tariff Exposure Assessment</h4>
<p class="text-gray-600 mt-1">
Detailed analysis of your product portfolio against current and anticipated tariffs.
</p>
</div>
</div>
<!-- Step 2 -->
<div class="flex">
<div class="flex-shrink-0 mr-4">
<div class="flex items-center justify-center h-10 w-10 rounded-full bg-blue-100 text-blue-600 font-bold">
2
</div>
</div>
<div>
<h4 class="font-semibold text-gray-900">Quick Win Implementation</h4>
<p class="text-gray-600 mt-1">
Execute high-impact projects that deliver results within 90 days (duty drawback, classification review).
</p>
</div>
</div>
<!-- Step 3 -->
<div class="flex">
<div class="flex-shrink-0 mr-4">
<div class="flex items-center justify-center h-10 w-10 rounded-full bg-blue-100 text-blue-600 font-bold">
3
</div>
</div>
<div>
<h4 class="font-semibold text-gray-900">Structural Transformation</h4>
<p class="text-gray-600 mt-1">
Network redesign, supplier diversification, and operational improvements.
</p>
</div>
</div>
<!-- Step 4 -->
<div class="flex">
<div class="flex-shrink-0 mr-4">
<div class="flex items-center justify-center h-10 w-10 rounded-full bg-blue-100 text-blue-600 font-bold">
4
</div>
</div>
<div>
<h4 class="font-semibold text-gray-900">Ongoing Monitoring</h4>
<p class="text-gray-600 mt-1">
Trade policy tracking and quarterly optimization reviews.
</p>
</div>
</div>
</div>
<div class="mt-10 bg-yellow-50 border-l-4 border-yellow-400 p-4">
<div class="flex">
<div class="flex-shrink-0">
<i class="fas fa-lightbulb text-yellow-500 text-xl mt-1 mr-3"></i>
</div>
<div>
<h4 class="font-bold text-gray-800">Chemical Industry Insight</h4>
<p class="text-gray-700 mt-1">
Our clients achieve the best results when combining tariff mitigation with operational improvements - addressing both the symptom and root causes of margin pressure.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Chemical Tariff Impact -->
<section class="py-20 bg-gray-50">
<div class="container mx-auto px-6">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Chemical Industry Tariff Impact Analysis</h2>
<div class="w-24 h-1 bg-blue-600 mx-auto mb-6"></div>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
Key tariff data for chemical industry decision-makers
</p>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden mb-12">
<div class="md:flex">
<div class="p-8">
<h3 class="text-xl font-bold text-gray-900 mb-6">Most Impacted Chemical Products</h3>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">HS Code</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Product Description</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Current Tariff</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Potential Change</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2905.49</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Acyclic alcohols</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">25%</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-red-600 font-bold">+10% proposed</td>
</tr>
<tr class="bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2917.19</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Polycarboxylic acids</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">25%</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Stable</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2921.42</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Amino-acids</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">7.5%</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-red-600 font-bold">+25% proposed</td>
</tr>
<tr class="bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2933.69</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Heterocyclic compounds</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">25%</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-green-600 font-bold">Possible exclusion</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white p-8 rounded-xl shadow-md">
<h3 class="text-xl font-bold text-gray-900 mb-6">Geographic Sourcing Risks</h3>
<div class="flex items-center mb-4">
<div class="w-2/5">
<div class="text-sm font-medium text-gray-500">China</div>
</div>
<div class="w-3/5">
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="bg-red-600 h-2.5 rounded-full" style="width: 85%"></div>
</div>
</div>
</div>
<div class="flex items-center mb-4">
<div class="w-2/5">
<div class="text-sm font-medium text-gray-500">EU</div>
</div>
<div class="w-3/5">
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="bg-yellow-500 h-2.5 rounded-full" style="width: 45%"></div>
</div>
</div>
</div>
<div class="flex items-center mb-4">
<div class="w-2/5">
<div class="text-sm font-medium text-gray-500">SE Asia</div>
</div>
<div class="w-3/5">
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="bg-green-500 h-2.5 rounded-full" style="width: 25%"></div>
</div>
</div>
</div>
<div class="flex items-center">
<div class="w-2/5">
<div class="text-sm font-medium text-gray-500">Americas</div>
</div>
<div class="w-3/5">
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="bg-blue-500 h-2.5 rounded-full" style="width: 15%"></div>
</div>
</div>
</div>
<p class="text-gray-600 mt-6 italic">
*Risk score based on tariff exposure, geopolitical factors, and supply chain complexity
</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md">
<h3 class="text-xl font-bold text-gray-900 mb-6">Mitigation Strategy Effectiveness</h3>
<div class="space-y-4">
<div>
<div class="flex justify-between mb-1">
<span class="text-sm font-medium text-gray-700">Supplier Diversification</span>
<span class="text-sm font-medium text-blue-600">72% effective</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="bg-blue-600 h-2.5 rounded-full" style="width: 72%"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span class="text-sm font-medium text-gray-700">Duty Drawback</span>
<span class="text-sm font-medium text-blue-600">68% effective</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="bg-blue-600 h-2.5 rounded-full" style="width: 68%"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span class="text-sm font-medium text-gray-700">FTZ Utilization</span>
<span class="text-sm font-medium text-blue-600">54% effective</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="bg-blue-600 h-2.5 rounded-full" style="width: 54%"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span class="text-sm font-medium text-gray-700">Product Reformulation</span>
<span class="text-sm font-medium text-blue-600">48% effective</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="bg-blue-600 h-2.5 rounded-full" style="width: 48%"></div>
</div>
</div>
</div>
<p class="text-gray-600 mt-6 italic">
*Based on average results across chemical industry clients
</p>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="chemical-gradient text-white py-20">
<div class="container mx-auto px-6 text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Build Your Tariff-Resilient Chemical Supply Chain?</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto">
Our chemical industry specialists can assess your exposure and develop a customized mitigation plan in as little as 4 weeks.
</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<button class="bg-white hover:bg-gray-100 text-blue-600 font-bold py-3 px-8 rounded-full transition duration-300">
<i class="fas fa-flask mr-2"></i> Request Chemical Industry Assessment
</button>
<button class="bg-transparent hover:bg-blue-800 text-white font-bold py-3 px-8 border-2 border-white rounded-full transition duration-300">
<i class="fas fa-file-alt mr-2"></i> Download Chemical Tariff Playbook
</button>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="container mx-auto px-6">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-xl font-bold mb-4">Supply Chain Solutions</h3>
<p class="text-gray-400 mb-4">
Specialized consulting for chemical manufacturers navigating tariff uncertainty and supply chain disruption.
</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<i class="fas fa-envelope"></i>
</a>
</div>
</div>
<div>
<h3 class="text-xl font-bold mb-4">Chemical Services</h3>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Tariff Mitigation</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Supply Chain Optimization</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Operations Excellence</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Trade Compliance</a></li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold mb-4">Resources</h3>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Chemical Tariff Tracker</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Case Studies</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Industry Insights</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Webinars</a></li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold mb-4">Contact</h3>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-map-marker-alt mt-1 mr-3 text-gray-400"></i>
<span class="text-gray-400">123 Chemical Way, Suite 500<br>Houston, TX 77079</span>
</li>
<li class="flex items-center">
<i class="fas fa-phone-alt mr-3 text-gray-400"></i>
<span class="text-gray-400">(713) 555-7890</span>
</li>
<li class="flex items-center">
<i class="fas fa-envelope mr-3 text-gray-400"></i>
<span class="text-gray-400">chemical@supplychain.com</span>
</li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
<p>&copy; 2023 Supply Chain Solutions. All rights reserved.</p>
</div>
</div>
</footer>
<!-- Case Study Modal -->
<div id="caseStudyModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal()">&times;</span>
<h2 class="text-2xl font-bold mb-6 text-blue-600">Specialty Chemical Manufacturer Transformation</h2>
<div class="border-b border-gray-200 mb-6"></div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
<div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-bold mb-2">Client Profile</h3>
<p class="text-gray-700">$1.8B specialty chemical manufacturer with global operations</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-bold mb-2">Challenge</h3>
<p class="text-gray-700">25% tariffs threatened $42M in annual profits from Chinese raw materials</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-bold mb-2">Duration</h3>
<p class="text-gray-700">9-month engagement with ongoing support</p>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 text-gray-800">Our Approach</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div>
<h4 class="font-bold mb-2 text-blue-600">1. Tariff Mitigation</h4>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li>Implemented comprehensive duty drawback program</li>
<li>Optimized HS code classifications</li>
<li>Established foreign trade zone operations</li>
</ul>
</div>
<div>
<h4 class="font-bold mb-2 text-blue-600">2. Supply Chain Redesign</h4>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li>Developed alternative sourcing in Southeast Asia</li>
<li>Optimized bulk chemical transportation modes</li>
<li>Implemented multi-echelon inventory strategy</li>
</ul>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 text-gray-800">Results</h3>
<div class="overflow-x-auto mb-8">
<table class="min-w-full bg-white rounded-lg overflow-hidden">
<thead class="bg-blue-600 text-white">
<tr>
<th class="py-3 px-4 text-left">Metric</th>
<th class="py-3 px-4 text-left">Before</th>
<th class="py-3 px-4 text-left">After</th>
<th class="py-3 px-4 text-left">Impact</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="py-3 px-4">Tariff Expenses</td>
<td class="py-3 px-4">$56M</td>
<td class="py-3 px-4">$28M</td>
<td class="py-3 px-4 text-green-600 font-bold">50% Reduction</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4">Logistics Costs</td>
<td class="py-3 px-4">$38M</td>
<td class="py-3 px-4">$25M</td>
<td class="py-3 px-4 text-green-600 font-bold">34% Reduction</td>
</tr>
<tr>
<td class="py-3 px-4">Inventory Turns</td>
<td class="py-3 px-4">4.1x</td>
<td class="py-3 px-4">6.2x</td>
<td class="py-3 px-4 text-green-600 font-bold">51% Improvement</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4">EBITDA Margin</td>
<td class="py-3 px-4">18.2%</td>
<td class="py-3 px-4">22.7%</td>
<td class="py-3 px-4 text-green-600 font-bold">+450bps</td>
</tr>
</tbody>
</table>
</div>
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-6">
<div class="flex">
<div class="flex-shrink-0">
<i class="fas fa-lightbulb text-yellow-500 text-xl mt-1 mr-3"></i>
</div>
<div>
<h4 class="font-bold text-gray-800">Key Chemical Industry Insight</h4>
<p class="text-gray-700">The client achieved maximum benefit by combining tariff mitigation with operational improvements - addressing both the immediate cost impact and underlying supply chain vulnerabilities.</p>
</div>
</div>
</div>
<div class="flex justify-center mt-8">
<button onclick="closeModal()" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded mr-4">
Close
</button>
<button class="bg-white hover:bg-gray-100 text-blue-600 font-bold py-2 px-6 border border-blue-600 rounded">
<i class="fas fa-download mr-2"></i> Download Full Case Study
</button>
</div>
</div>
</div>
<script>
function openModal() {
document.getElementById('caseStudyModal').style.display = 'block';
}
function closeModal() {
document.getElementById('caseStudyModal').style.display = 'none';
}
window.onclick = function(event) {
if (event.target == document.getElementById('caseStudyModal')) {
closeModal();
}
}
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=lepeleton/xcc3" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>