HTML Content</div><div class=”pitshkofy-homepage”>
<style>
.pitshkofy-homepage {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.hero {
background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
color: white;
padding: 80px 20px;
text-align: center;
border-radius: 15px;
margin-bottom: 40px;
}
.hero h1 {
font-size: 3rem;
margin-bottom: 20px;
}
.hero p {
font-size: 1.2rem;
max-width: 700px;
margin: 0 auto 30px;
opacity: 0.9;
}
.btn {
display: inline-block;
padding: 15px 30px;
background: white;
color: #2563eb;
text-decoration: none;
border-radius: 8px;
font-weight: bold;
margin: 0 10px;
}
.btn-outline {
background: transparent;
border: 2px solid white;
color: white;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin: 40px 0;
}
.service-card {
background: #f8fafc;
padding: 30px;
border-radius: 12px;
border: 1px solid #e5e7eb;
}
.service-card h3 {
color: #2563eb;
margin-bottom: 15px;
}
.metrics {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 30p<div style=’padding: 40px; background: #f8fafc; border-radius: 15px; text-align: center;’><h1 style=’color: #2563eb;’>AI Solutions & Business Automation</h1><p style=’color: #6b7280;’>Transform your business with intelligent AI solutions.</p></div>x;
text-align: center;
margin: 40px 0;
padding: 40px;
background: #f1f5f9;
border-radius: 15px;
}
.metric-number {
font-size: 3rem;
font-weight: bold;
color: #2563eb;
display: block;
}
.metric-label {
color: #6b7280;
margin-top: 10px;
}
@media (max-width: 768px) {
.hero h1 { font-size: 2rem; }
.hero p { font-size: 1rem; }
.btn { display: block; margin: 10px auto; max-width: 300px; }
}
</style>
<div class=”hero”>
<h1>Transform Your Business with Intelligent AI Solutions</h1>
<p>We design, build, and implement AI-powered systems that automate workflows, enhance customer ex