body{
margin:0;
padding:0;
font-family:'Segoe UI',sans-serif;
background:#f5f7fa;
color:#222;
}

nav{
background:#081b33;
padding:15px 8%;
display:flex;
justify-content:space-between;
align-items:center;
position:sticky;
top:0;
z-index:999;
}

nav a{
color:white;
text-decoration:none;
margin-left:20px;
font-weight:600;
}

.hero{
background:linear-gradient(rgba(8,27,51,.85),rgba(8,27,51,.85)),
url('https://images.unsplash.com/photo-1565008447742-97f6f38c985c?q=80&w=1600');
background-size:cover;
background-position:center;
color:white;
text-align:center;
padding:120px 20px;
}

.hero h1{
font-size:52px;
margin-bottom:15px;
}

.hero p{
font-size:20px;
max-width:900px;
margin:auto;
}

.btn{
background:#ff7b00;
padding:14px 30px;
display:inline-block;
margin-top:25px;
color:white;
text-decoration:none;
border-radius:6px;
font-weight:bold;
}

.section{
padding:70px 8%;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.card{
background:white;
padding:25px;
border-radius:12px;
box-shadow:0 4px 18px rgba(0,0,0,.08);
}

.counter{
background:#081b33;
color:white;
text-align:center;
padding:50px 20px;
}

footer{
background:#081b33;
color:white;
text-align:center;
padding:30px;
}
<nav>
<div><b>CONTROLNEST AUTOMATION</b></div>
<div>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#industries">Industries</a>
<a href="#contact">Contact</a>
</div>
</nav>

<section class="hero">
<img src="logo.jpeg" style="max-width:300px;">
<h1>Engineering Intelligent Automation for Modern Industries</h1>
<p>
PLC Programming | SCADA Development | HMI | Process Instrumentation |
Industrial IoT | Smart Factory Solutions
</p>
<a class="btn" href="tel:9650389001">Call Now</a>
</section>

<section id="about" class="section">
<h2>About Us</h2>
<p>
ControlNest Automation delivers intelligent, reliable and future-ready
industrial automation solutions including PLC, SCADA, HMI,
Electrical Panels, Process Instrumentation and Smart Factory Systems.
</p>
</section>

<section id="services" class="section">
<h2>Our Services</h2>
<div class="grid">

<div class="card">
<h3>PLC Programming</h3>
<p>Logic development, commissioning and troubleshooting.</p>
</div>

<div class="card">
<h3>SCADA Development</h3>
<p>Monitoring, alarms, reporting and plant visualization.</p>
</div>

<div class="card">
<h3>HMI Development</h3>
<p>Modern operator interface development.</p>
</div>

<div class="card">
<h3>Electrical Panels</h3>
<p>MCC, PCC, PLC, APFC and VFD Panels.</p>
</div>

<div class="card">
<h3>Instrumentation</h3>
<p>Flow, Pressure, Temperature and Level solutions.</p>
</div>

<div class="card">
<h3>Industrial IoT</h3>
<p>Smart Factory and Remote Monitoring Solutions.</p>
</div>

</div>
</section>

<section class="counter">
<h2>Trusted Industrial Automation Partner</h2>
<p>Automation • Instrumentation • Smart Factory Solutions</p>
</section>

<section id="industries" class="section">
<h2>Industries We Serve</h2>

<div class="grid">
<div class="card">Food & Beverage</div>
<div class="card">Pharmaceutical</div>
<div class="card">Oil & Gas</div>
<div class="card">Chemical Plants</div>
<div class="card">Water Treatment</div>
<div class="card">Power & Energy</div>
<div class="card">Dairy Industry</div>
<div class="card">Packaging Systems</div>
</div>

</section>

<section class="section">
<h2>Technology Partners</h2>

<div class="grid">
<div class="card">Rockwell Automation</div>
<div class="card">Schneider Electric</div>
<div class="card">Omron</div>
<div class="card">Phoenix Contact</div>
</div>

</section>

<section id="contact" class="section">
<h2>Contact Us</h2>

<p><b>P.S. Chauhan</b></p>
<p>📞 +91 9650389001</p>
<p>📧 info@controlnestautomation.in</p>
<p>GSTIN: 06KNUPS2346C1ZJ</p>

<p>
H.No.35, Gali No.5,
Sant Surdas Nagar,
Mirzapur Sector-74,
Faridabad, Haryana - 121004
</p>

</section>

<footer>
© 2026 ControlNest Automation
</footer>

<a href="https://wa.me/919650389001"
style="position:fixed;right:20px;bottom:20px;background:#25D366;
color:white;padding:18px;border-radius:50%;text-decoration:none;font-size:28px;">
💬
</a>