<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edutech – Physical AI Models for Engineering & Innovation</title>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
:root {
--red: #D22B2B;
--red-dark: #A01E1E;
--red-light: #F03030;
--black: #0A0A0A;
--dark: #111111;
--dark2: #1A1A1A;
--dark3: #222222;
--gray: #888;
--light: #F5F5F5;
--white: #FFFFFF;
--font-display: 'Barlow Condensed', sans-serif;
--font-body: 'Barlow', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: var(--black);
color: var(--white);
font-family: var(--font-body);
font-size: 16px;
line-height: 1.6;
overflow-x: hidden;
}
/* ── NAV ── */
nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
display: flex; align-items: center; justify-content: space-between;
padding: 16px 48px;
background: rgba(10,10,10,0.92);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(210,43,43,0.2);
}
.nav-logo {
font-family: var(--font-display);
font-size: 28px; font-weight: 900; letter-spacing: 1px;
color: var(--white);
}
.nav-logo span { color: var(--red); }
.nav-links { display: flex; gap: 32px; list-style: none; }
.nav-links a {
color: rgba(255,255,255,0.7);
text-decoration: none;
font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase;
transition: color .2s;
}
.nav-links a:hover { color: var(--red); }
.nav-cta {
background: var(--red);
color: var(--white) !important;
padding: 10px 24px !important;
border-radius: 2px;
}
.nav-cta:hover { background: var(--red-light); color: var(--white) !important; }
/* ── HERO ── */
.hero {
min-height: 100vh;
display: grid; place-items: center;
padding: 120px 48px 80px;
position: relative;
overflow: hidden;
background: var(--black);
}
.hero-grid-bg {
position: absolute; inset: 0;
background-image:
linear-gradient(rgba(210,43,43,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(210,43,43,0.04) 1px, transparent 1px);
background-size: 60px 60px;
animation: gridPan 20s linear infinite;
}
@keyframes gridPan { 0%{background-position:0 0} 100%{background-position:60px 60px} }
.hero-glow {
position: absolute; top: -200px; left: 50%; transform: translateX(-50%);
width: 900px; height: 600px;
background: radial-gradient(ellipse, rgba(210,43,43,0.18) 0%, transparent 70%);
pointer-events: none;
}
.hero-inner {
position: relative; z-index: 2;
max-width: 1200px; width: 100%;
display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
.hero-badge {
display: inline-block;
border: 1px solid var(--red);
color: var(--red);
font-family: var(--font-display);
font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;
padding: 6px 16px; margin-bottom: 24px;
animation: fadeUp .6s ease both;
}
.hero-headline {
font-family: var(--font-display);
font-size: clamp(52px, 7vw, 84px);
font-weight: 900; line-height: 0.95;
text-transform: uppercase; letter-spacing: -1px;
animation: fadeUp .6s .1s ease both;
}
.hero-headline em { color: var(--red); font-style: normal; }
.hero-sub {
margin-top: 24px;
font-size: 17px; font-weight: 300; color: rgba(255,255,255,0.65);
max-width: 480px; line-height: 1.7;
animation: fadeUp .6s .2s ease both;
}
.hero-actions {
margin-top: 40px; display: flex; gap: 16px; flex-wrap: wrap;
animation: fadeUp .6s .3s ease both;
}
.btn-primary {
background: var(--red);
color: var(--white);
font-family: var(--font-display);
font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
padding: 16px 36px; border: none; cursor: pointer;
text-decoration: none; display: inline-block;
clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
transition: background .2s, transform .2s;
}
.btn-primary:hover { background: var(--red-light); transform: translateY(-2px); }
.btn-outline {
background: transparent;
color: var(--white);
font-family: var(--font-display);
font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
padding: 15px 36px; border: 1px solid rgba(255,255,255,0.3); cursor: pointer;
text-decoration: none; display: inline-block;
transition: border-color .2s, color .2s;
}
.btn-outline:hover { border-color: var(--red); color: var(--red); }
.hero-stats {
display: flex; gap: 40px; margin-top: 56px;
animation: fadeUp .6s .4s ease both;
}
.stat-item { display: flex; flex-direction: column; }
.stat-num {
font-family: var(--font-display);
font-size: 40px; font-weight: 900; color: var(--red); line-height: 1;
}
.stat-label { font-size: 12px; color: var(--gray); letter-spacing: 1px; text-transform: uppercase; margin-top: 4px; }
.hero-right {
display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
animation: fadeUp .6s .2s ease both;
}
.lab-card {
background: var(--dark2);
border: 1px solid rgba(255,255,255,0.06);
padding: 20px 16px;
position: relative; overflow: hidden;
transition: border-color .3s, transform .3s;
cursor: default;
}
.lab-card::before {
content: ''; position: absolute; bottom: 0; left: 0; right: 0;
height: 2px; background: var(--red);
transform: scaleX(0); transform-origin: left;
transition: transform .3s;
}
.lab-card:hover { border-color: rgba(210,43,43,0.4); transform: translateY(-3px); }
.lab-card:hover::before { transform: scaleX(1); }
.lab-card-icon { font-size: 22px; margin-bottom: 10px; }
.lab-card-title {
font-family: var(--font-display);
font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
color: var(--white); line-height: 1.3;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
/* ── SECTION HEADER ── */
.section { padding: 100px 48px; }
.section-inner { max-width: 1200px; margin: 0 auto; }
.section-tag {
font-family: var(--font-display);
font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;
color: var(--red); margin-bottom: 12px;
}
.section-title {
font-family: var(--font-display);
font-size: clamp(36px, 5vw, 60px);
font-weight: 900; text-transform: uppercase; line-height: 1;
letter-spacing: -0.5px;
}
.section-title em { color: var(--red); font-style: normal; }
.section-lead {
font-size: 17px; font-weight: 300; color: rgba(255,255,255,0.6);
max-width: 600px; margin-top: 16px; line-height: 1.7;
}
/* ── INTRO STRIP ── */
.intro-strip {
background: var(--dark2);
border-top: 2px solid var(--red);
border-bottom: 1px solid rgba(255,255,255,0.06);
padding: 40px 48px;
text-align: center;
}
.intro-strip p {
max-width: 900px; margin: 0 auto;
font-size: 18px; font-weight: 300; color: rgba(255,255,255,0.8); line-height: 1.7;
}
.intro-strip strong { color: var(--white); font-weight: 600; }
/* ── WHY SECTION ── */
.why-section { background: var(--dark); }
.advantages-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2px;
margin-top: 60px;
border: 1px solid rgba(255,255,255,0.06);
}
.adv-card {
background: var(--dark2);
padding: 36px 32px;
border-left: 3px solid transparent;
transition: border-color .3s, background .3s;
position: relative;
}
.adv-card:hover { border-left-color: var(--red); background: var(--dark3); }
.adv-number {
font-family: var(--font-display);
font-size: 64px; font-weight: 900; color: rgba(210,43,43,0.12);
position: absolute; top: 16px; right: 24px; line-height: 1;
}
.adv-title {
font-family: var(--font-display);
font-size: 20px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;
margin-bottom: 12px; color: var(--white);
}
.adv-body { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; }
.adv-stat {
display: inline-block; margin-top: 16px;
font-family: var(--font-display);
font-size: 13px; font-weight: 700; letter-spacing: 1px;
color: var(--red); text-transform: uppercase;
}
/* ── LABS GRID ── */
.labs-section { background: var(--black); }
.labs-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
margin-top: 60px;
}
@media(max-width:900px){ .labs-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:500px){ .labs-grid { grid-template-columns: 1fr; } }
.labs-item {
background: var(--dark2);
border: 1px solid rgba(255,255,255,0.05);
padding: 28px 24px;
transition: background .3s, border-color .3s;
position: relative; overflow: hidden;
}
.labs-item::after {
content: ''; position: absolute;
top: 0; left: 0; width: 100%; height: 3px;
background: var(--red); transform: scaleX(0); transform-origin: left;
transition: transform .3s;
}
.labs-item:hover { background: var(--dark3); border-color: rgba(210,43,43,0.2); }
.labs-item:hover::after { transform: scaleX(1); }
.labs-item-icon { font-size: 28px; margin-bottom: 14px; display: block; }
.labs-item-name {
font-family: var(--font-display);
font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;
color: var(--white); line-height: 1.3;
}
/* ── USE CASES ── */
.usecases-section { background: var(--dark); }
.uc-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 60px;
}
@media(max-width:700px){ .uc-grid { grid-template-columns: 1fr; } }
.uc-card {
background: var(--dark2);
border: 1px solid rgba(255,255,255,0.06);
padding: 32px;
display: flex; gap: 20px; align-items: flex-start;
transition: border-color .3s;
}
.uc-card:hover { border-color: rgba(210,43,43,0.3); }
.uc-bullet {
flex-shrink: 0; width: 36px; height: 36px;
background: var(--red); display: grid; place-items: center;
font-family: var(--font-display); font-size: 16px; font-weight: 900; color: var(--white);
}
.uc-title {
font-family: var(--font-display);
font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;
color: var(--red); margin-bottom: 8px;
}
.uc-body { font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.7; }
/* ── SOLUTIONS ── */
.solutions-section { background: var(--black); }
.sol-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;
margin-top: 60px;
}
@media(max-width:900px){ .sol-grid { grid-template-columns: 1fr 1fr; } }
.sol-card {
background: var(--dark2);
padding: 32px 28px;
border-bottom: 3px solid transparent;
transition: background .3s, border-color .3s;
}
.sol-card:hover { background: var(--dark3); border-bottom-color: var(--red); }
.sol-card-label {
font-family: var(--font-display);
font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;
color: var(--red); margin-bottom: 12px;
}
.sol-card-body { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; }
/* ── WHY CHOOSE ── */
.why-choose { background: var(--dark); }
.pillars-grid {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px;
margin-top: 60px;
}
@media(max-width:600px){ .pillars-grid { grid-template-columns: 1fr; } }
.pillar {
background: var(--dark2); padding: 40px 36px;
transition: background .3s;
}
.pillar:hover { background: var(--dark3); }
.pillar-tag {
display: inline-block;
background: var(--red); color: var(--white);
font-family: var(--font-display); font-size: 12px; font-weight: 700;
letter-spacing: 2px; text-transform: uppercase;
padding: 4px 12px; margin-bottom: 16px;
}
.pillar-title {
font-family: var(--font-display);
font-size: 28px; font-weight: 900; text-transform: uppercase;
color: var(--white); margin-bottom: 12px;
}
.pillar-body { font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; }
/* ── INDUSTRY DOMAINS ── */
.domains-section { background: var(--black); padding: 80px 48px; }
.domains-inner { max-width: 1200px; margin: 0 auto; text-align: center; }
.domains-row {
display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
margin-top: 48px;
}
.domain-chip {
background: var(--dark2);
border: 1px solid rgba(255,255,255,0.08);
color: rgba(255,255,255,0.8);
font-family: var(--font-display); font-size: 14px; font-weight: 700;
letter-spacing: 1px; text-transform: uppercase;
padding: 12px 24px;
transition: background .2s, border-color .2s, color .2s;
cursor: default;
}
.domain-chip:hover { background: var(--red); border-color: var(--red); color: var(--white); }
/* ── USE FOR ── */
.usefor-section { background: var(--dark); padding: 80px 48px; }
.usefor-inner { max-width: 1200px; margin: 0 auto; }
.usefor-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px;
}
@media(max-width:700px){ .usefor-grid { grid-template-columns: 1fr; } }
.uf-card {
border: 1px solid rgba(210,43,43,0.3);
padding: 32px 28px;
text-align: center;
transition: background .3s;
}
.uf-card:hover { background: rgba(210,43,43,0.06); }
.uf-icon { font-size: 36px; margin-bottom: 16px; display: block; }
.uf-title {
font-family: var(--font-display);
font-size: 17px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;
color: var(--white); line-height: 1.4;
}
/* ── CLIENTS ── */
.clients-section { background: var(--black); padding: 80px 48px; }
.clients-inner { max-width: 1200px; margin: 0 auto; }
.clients-marquee-wrap { overflow: hidden; margin-top: 48px; }
.clients-list {
display: flex; flex-wrap: wrap; gap: 12px;
justify-content: center;
}
.client-chip {
background: var(--dark2);
border: 1px solid rgba(255,255,255,0.06);
padding: 12px 24px;
font-family: var(--font-display);
font-size: 15px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase;
color: rgba(255,255,255,0.5);
transition: color .2s, border-color .2s;
}
.client-chip:hover { color: var(--white); border-color: rgba(255,255,255,0.2); }
.client-note {
text-align: center; margin-top: 28px;
font-family: var(--font-display);
font-size: 18px; font-weight: 700; color: var(--red); letter-spacing: 1px; text-transform: uppercase;
}
/* ── CTA ── */
.cta-section {
background: var(--red);
padding: 100px 48px;
text-align: center;
position: relative; overflow: hidden;
}
.cta-section::before {
content: 'BUILD YOUR LAB';
position: absolute; inset: 0;
display: flex; align-items: center; justify-content: center;
font-family: var(--font-display);
font-size: 180px; font-weight: 900; letter-spacing: -4px;
color: rgba(0,0,0,0.08);
pointer-events: none; white-space: nowrap;
}
.cta-inner { position: relative; z-index: 2; }
.cta-label {
font-family: var(--font-display);
font-size: 12px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase;
color: rgba(255,255,255,0.7); margin-bottom: 16px;
}
.cta-headline {
font-family: var(--font-display);
font-size: clamp(44px, 7vw, 80px);
font-weight: 900; text-transform: uppercase; line-height: 0.95;
letter-spacing: -1px; color: var(--white);
margin-bottom: 32px;
}
.cta-sub { font-size: 16px; color: rgba(255,255,255,0.75); margin-bottom: 40px; }
.btn-cta {
background: var(--black); color: var(--white);
font-family: var(--font-display);
font-size: 16px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase;
padding: 20px 48px; border: none; cursor: pointer;
text-decoration: none; display: inline-block;
transition: background .2s, transform .2s;
}
.btn-cta:hover { background: var(--dark); transform: translateY(-2px); }
.cta-contact {
margin-top: 32px; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;
font-size: 15px; color: rgba(255,255,255,0.8);
}
.cta-contact a { color: var(--white); text-decoration: none; font-weight: 500; }
/* ── FOOTER ── */
footer {
background: var(--dark2); padding: 48px;
border-top: 1px solid rgba(255,255,255,0.06);
}
.footer-inner {
max-width: 1200px; margin: 0 auto;
display: flex; align-items: center; justify-content: space-between; flex-wrap: gap;
gap: 20px;
}
.footer-logo {
font-family: var(--font-display);
font-size: 24px; font-weight: 900; color: var(--white);
}
.footer-logo span { color: var(--red); }
.footer-tagline { font-size: 12px; color: var(--gray); letter-spacing: 1px; margin-top: 4px; }
.footer-contact { text-align: right; }
.footer-contact p { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.8; }
.footer-contact a { color: rgba(255,255,255,0.6); text-decoration: none; }
.footer-bottom {
max-width: 1200px; margin: 24px auto 0;
padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.06);
font-size: 12px; color: rgba(255,255,255,0.3); text-align: center;
}
/* ── SCROLL REVEAL ── */
.reveal {
opacity: 0; transform: translateY(30px);
transition: opacity .7s ease, transform .7s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
/* ── RESPONSIVE ── */
@media(max-width:900px){
nav { padding: 14px 24px; }
.nav-links { display: none; }
.hero { padding: 100px 24px 60px; }
.hero-inner { grid-template-columns: 1fr; gap: 48px; }
.section { padding: 60px 24px; }
.sol-grid { grid-template-columns: 1fr 1fr; }
footer { padding: 32px 24px; }
.footer-inner { flex-direction: column; text-align: center; }
.footer-contact { text-align: center; }
}
@media(max-width:500px){
.sol-grid { grid-template-columns: 1fr; }
.hero-stats { gap: 24px; flex-wrap: wrap; }
.cta-section::before { font-size: 80px; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav>
<div class="nav-logo">edu<span>tech</span></div>
<ul class="nav-links">
<li><a href="#why">Why Hands-On</a></li>
<li><a href="#labs">Lab Solutions</a></li>
<li><a href="#solutions">Our Solutions</a></li>
<li><a href="#clients">Clients</a></li>
<li><a href="#contact" class="nav-cta">Get In Touch</a></li>
</ul>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-grid-bg"></div>
<div class="hero-glow"></div>
<div class="hero-inner">
<div class="hero-content">
<span class="hero-badge">Emerging Tech Labs</span>
<h1 class="hero-headline">Physical <em>AI</em><br>Models for<br>Engineering &<br><em>Innovation</em></h1>
<p class="hero-sub">Future-Proof your Engineering R&D, Deep-tech Product Development and Skill Development with our Physical AI Labs</p>
<div class="hero-actions">
<a href="#contact" class="btn-primary">Build Your Lab</a>
<a href="#labs" class="btn-outline">Explore Solutions</a>
</div>
<div class="hero-stats">
<div class="stat-item">
<span class="stat-num">30+</span>
<span class="stat-label">Years Experience</span>
</div>
<div class="stat-item">
<span class="stat-num">50%</span>
<span class="stat-label">Fortune 500 Clients</span>
</div>
<div class="stat-item">
<span class="stat-num">12+</span>
<span class="stat-label">Lab Verticals</span>
</div>
</div>
</div>
<div class="hero-right">
<div class="lab-card">
<div class="lab-card-icon">?</div>
<div class="lab-card-title">Industry 4.0, IoT & Digital Engineering</div>
</div>
<div class="lab-card">
<div class="lab-card-icon">?</div>
<div class="lab-card-title">Embodied AI for Enterprise</div>
</div>
<div class="lab-card">
<div class="lab-card-icon">?</div>
<div class="lab-card-title">Future Mobility (EV, AV, SDV & Drones)</div>
</div>
<div class="lab-card">
<div class="lab-card-icon">?</div>
<div class="lab-card-title">Private 5G & Enterprise Comms</div>
</div>
<div class="lab-card">
<div class="lab-card-icon">?️</div>
<div class="lab-card-title">Industry Aligned Cybersecurity</div>
</div>
<div class="lab-card">
<div class="lab-card-icon">⚡</div>
<div class="lab-card-title">Smart Energy Labs</div>
</div>
<div class="lab-card">
<div class="lab-card-icon">?</div>
<div class="lab-card-title">Software Defined Healthcare / MedTech</div>
</div>
<div class="lab-card">
<div class="lab-card-icon">?</div>
<div class="lab-card-title">AI Displays, Avatars & Spatial AI</div>
</div>
</div>
</div>
</section>
<!-- INTRO STRIP -->
<div class="intro-strip">
<p>For over <strong>three decades</strong>, Edutech offers various emerging technology & hardware models to <strong>global enterprises</strong> for innovation centers, product development, research & training, POC, validation & customer demonstrations.</p>
</div>
<!-- WHY HANDS-ON -->
<section class="why-section section reveal" id="why">
<div class="section-inner">
<p class="section-tag">The Case for Physical Labs</p>
<h2 class="section-title">Why Hands-On Data Platforms<br>& Engineering Models <em>Matter?</em></h2>
<p class="section-lead">In an era where data-driven decision-making is reshaping industries, relying solely on simulations is not enough.</p>
<div class="advantages-grid">
<div class="adv-card">
<div class="adv-number">01</div>
<div class="adv-title">Bridging the Virtual-Physical Gap</div>
<div class="adv-body">Physical models generate real-world sensor data that reflects actual manufacturing conditions, system behaviors, and failures — something simulations can't replicate.</div>
</div>
<div class="adv-card">
<div class="adv-number">02</div>
<div class="adv-title">Industry-Ready Skill Development</div>
<div class="adv-body">70% of engineers trained in simulations struggle with real-world troubleshooting. Hands-on models make them job-ready with real hardware, IoT sensors & AI automation.</div>
<span class="adv-stat">70% struggle without hands-on</span>
</div>
<div class="adv-card">
<div class="adv-number">03</div>
<div class="adv-title">Real-Time Data for AI & ML</div>
<div class="adv-body">AI models trained only on synthetic data lead to biases. Hands-on platforms provide real sensor data for machine learning, predictive maintenance, and digital twins.</div>
</div>
<div class="adv-card">
<div class="adv-number">04</div>
<div class="adv-title">Testing & Validation in Real Environments</div>
<div class="adv-body">Hands-on labs enable rapid prototyping, algorithm validation, and edge AI integration under real conditions — where most R&D failures actually occur.</div>
</div>
<div class="adv-card">
<div class="adv-number">05</div>
<div class="adv-title">Accelerating Product Development</div>
<div class="adv-body">AI-driven robotics, autonomous vehicles, and smart energy systems need physical testbeds to fine-tune control systems, real-world responses, and scalability.</div>
</div>
</div>
</div>
</section>
<!-- INDUSTRY USE CASES -->
<section class="usecases-section section reveal" id="usecases">
<div class="section-inner">
<p class="section-tag">Industry Use Cases</p>
<h2 class="section-title">More Than <em>50%</em> of Fortune 500<br>Firms Use Our Models</h2>
<div class="uc-grid">
<div class="uc-card">
<div class="uc-bullet">⚡</div>
<div>
<div class="uc-title">Autonomous & Electric Vehicles</div>
<div class="uc-body">Data-driven models for battery management, ADAS testing, and AI-driven navigation. Perfect for next-gen mobility R&D.</div>
</div>
</div>
<div class="uc-card">
<div class="uc-bullet">?</div>
<div>
<div class="uc-title">Industry 4.0 & Digital Twins</div>
<div class="uc-body">PLC, SCADA, Cloud and Sensor-integrated models to train AI for predictive maintenance, automation, and digital engineering.</div>
</div>
</div>
<div class="uc-card">
<div class="uc-bullet">?</div>
<div>
<div class="uc-title">Smart Energy & Renewable Tech</div>
<div class="uc-body">Real-time performance testing of hybrid energy systems and grid optimization for sustainable infrastructure.</div>
</div>
</div>
<div class="uc-card">
<div class="uc-bullet">?</div>
<div>
<div class="uc-title">AI & Robotics</div>
<div class="uc-body">Training robots with real-world sensor feedback instead of synthetic simulation data — dramatically improving model performance.</div>
</div>
</div>
</div>
</div>
</section>
<!-- ALL LABS -->
<section class="labs-section section reveal" id="labs">
<div class="section-inner">
<p class="section-tag">Our Lab Portfolio</p>
<h2 class="section-title">12 Emerging Tech<br><em>Lab Verticals</em></h2>
<p class="section-lead">Comprehensive hardware lab solutions spanning every frontier of engineering and technology.</p>
<div class="labs-grid">
<div class="labs-item"><span class="labs-item-icon">?</span><div class="labs-item-name">Industry 4.0, IoT & Digital Engineering</div></div>
<div class="labs-item"><span class="labs-item-icon">?</span><div class="labs-item-name">Embodied AI for Enterprise Use Cases</div></div>
<div class="labs-item"><span class="labs-item-icon">⚙️</span><div class="labs-item-name">Physical AI Hardware Models & Prototypes</div></div>
<div class="labs-item"><span class="labs-item-icon">?</span><div class="labs-item-name">Future Mobility Labs (EV, AV, SDV & Drones)</div></div>
<div class="labs-item"><span class="labs-item-icon">?</span><div class="labs-item-name">Private 5G & Enterprise Communication</div></div>
<div class="labs-item"><span class="labs-item-icon">?️</span><div class="labs-item-name">AI Displays: Holographic, Spatial AI & Avatars</div></div>
<div class="labs-item"><span class="labs-item-icon">?️</span><div class="labs-item-name">Industry Aligned Cybersecurity Labs</div></div>
<div class="labs-item"><span class="labs-item-icon">?</span><div class="labs-item-name">Build Your Own Systems: Sensors & DIY</div></div>
<div class="labs-item"><span class="labs-item-icon">?</span><div class="labs-item-name">Software Defined Healthcare / MedTech</div></div>
<div class="labs-item"><span class="labs-item-icon">?</span><div class="labs-item-name">Motion Capture for Movement Sciences</div></div>
<div class="labs-item"><span class="labs-item-icon">⚡</span><div class="labs-item-name">Smart Energy Labs</div></div>
<div class="labs-item"><span class="labs-item-icon">?</span><div class="labs-item-name">Industry Chipsets, IoT & Edge AI Hardware</div></div>
</div>
</div>
</section>
<!-- OUR SOLUTIONS -->
<section class="solutions-section section reveal" id="solutions">
<div class="section-inner">
<p class="section-tag">What We Deliver</p>
<h2 class="section-title">Our <em>Solutions</em></h2>
<div class="sol-grid">
<div class="sol-card">
<div class="sol-card-label">Advanced Prototyping Platforms</div>
<div class="sol-card-body">Accelerate development cycles with rapid testing and iteration. Precision manufacturing and versatile configurations bring ideas to life faster.</div>
</div>
<div class="sol-card">
<div class="sol-card-label">High-Performance Computing</div>
<div class="sol-card-body">Powerful computing systems for complex simulations, digital twin models, data analysis, Gen AI, and machine learning applications.</div>
</div>
<div class="sol-card">
<div class="sol-card-label">Digital Twin Technology</div>
<div class="sol-card-body">Virtual replicas of physical systems to simulate, analyze, and optimize performance in real-time — reducing development time significantly.</div>
</div>
<div class="sol-card">
<div class="sol-card-label">Algorithmic Validation</div>
<div class="sol-card-body">Comprehensive tools for verifying computational models and simulations across control systems, AI-driven models, and advanced algorithms.</div>
</div>
<div class="sol-card">
<div class="sol-card-label">AI & Robotics Automation Modules</div>
<div class="sol-card-body">From AI humanoids and robotic arms to automated control systems — streamline industrial processes and reduce operational costs.</div>
</div>
<div class="sol-card">
<div class="sol-card-label">Hands-on Tech AI Enablement</div>
<div class="sol-card-body">Comprehensive IoT development kits with sensors, connectivity modules, and software tools for seamless AI integration in your enterprise.</div>
</div>
</div>
</div>
</section>
<!-- WHY CHOOSE EDUTECH -->
<section class="why-choose section reveal">
<div class="section-inner">
<p class="section-tag">Why Edutech</p>
<h2 class="section-title">30 Years of<br><em>Engineering Excellence</em></h2>
<div class="pillars-grid">
<div class="pillar">
<span class="pillar-tag">Innovation</span>
<div class="pillar-title">Pushing Boundaries</div>
<div class="pillar-body">Three decades dedicated to exploring new possibilities, constantly refining products to meet the evolving needs of the global engineering community.</div>
</div>
<div class="pillar">
<span class="pillar-tag">Quality</span>
<div class="pillar-title">Uncompromising Standards</div>
<div class="pillar-body">Hardware models engineered with the highest standards, ensuring reliability, durability, and performance with critical local support in every region we serve.</div>
</div>
<div class="pillar">
<span class="pillar-tag">Collaboration</span>
<div class="pillar-title">Your Partner in R&D</div>
<div class="pillar-body">We work closely with clients to understand their unique challenges and deliver customized solutions that drive measurable success — not off-the-shelf boxes.</div>
</div>
<div class="pillar">
<span class="pillar-tag">Support</span>
<div class="pillar-title">End-to-End Training</div>
<div class="pillar-body">Comprehensive support and training to help clients make the most of our products, ensuring they achieve their research and development goals.</div>
</div>
</div>
</div>
</section>
<!-- INDUSTRY DOMAINS -->
<section class="domains-section reveal">
<div class="domains-inner">
<p class="section-tag" style="text-align:center">Industry Coverage</p>
<h2 class="section-title" style="text-align:center">Built for Every <em>Domain</em></h2>
<div class="domains-row">
<span class="domain-chip">Engineering Research</span>
<span class="domain-chip">Manufacturing</span>
<span class="domain-chip">Information Technology</span>
<span class="domain-chip">Learning & Development</span>
<span class="domain-chip">Automotive</span>
<span class="domain-chip">Aerospace & Defense</span>
<span class="domain-chip">Energy & Utility</span>
<span class="domain-chip">Healthcare, Retail & Banking</span>
</div>
</div>
</section>
<!-- USE FOR -->
<section class="usefor-section reveal">
<div class="usefor-inner">
<p class="section-tag">Lab Applications</p>
<h2 class="section-title">Our Labs Can Be <em>Used For</em></h2>
<div class="usefor-grid">
<div class="uf-card">
<span class="uf-icon">?</span>
<div class="uf-title">Algorithmic Validation, Client Demonstrations & Digital Twins</div>
</div>
<div class="uf-card">
<span class="uf-icon">?</span>
<div class="uf-title">Training & Skill Development, Trade Shows & POC</div>
</div>
<div class="uf-card">
<span class="uf-icon">?</span>
<div class="uf-title">R&D, Product Development & AI, Robotics & Cloud Integration</div>
</div>
</div>
</div>
</section>
<!-- CLIENTS -->
<section class="clients-section reveal" id="clients">
<div class="clients-inner">
<p class="section-tag" style="text-align:center">Trusted By The Best</p>
<h2 class="section-title" style="text-align:center">Our Prestigious <em>Clients</em></h2>
<div class="clients-list">
<span class="client-chip">Infosys</span>
<span class="client-chip">Wipro</span>
<span class="client-chip">TCS</span>
<span class="client-chip">NTT Data</span>
<span class="client-chip">Microsoft</span>
<span class="client-chip">AWS</span>
<span class="client-chip">IBM</span>
<span class="client-chip">Daimler</span>
<span class="client-chip">Siemens</span>
<span class="client-chip">General Electric</span>
<span class="client-chip">Accenture</span>
<span class="client-chip">Collins Aerospace</span>
<span class="client-chip">Capgemini</span>
<span class="client-chip">Oracle</span>
<span class="client-chip">Bajaj</span>
<span class="client-chip">Motorola</span>
<span class="client-chip">Skoda</span>
<span class="client-chip">TVS</span>
<span class="client-chip">SAP</span>
<span class="client-chip">SBI</span>
</div>
<p class="client-note">50%+ of Fortune 500 Trust Edutech</p>
</div>
</section>
<!-- CTA -->
<section class="cta-section" id="contact">
<div class="cta-inner">
<p class="cta-label">Ready to Start?</p>
<h2 class="cta-headline">What Kind of Lab<br>Do You Want to Build?</h2>
<p class="cta-sub">Let's design your enterprise emerging tech lab. Call us or write to us — we'll respond fast.</p>
<a href="mailto:infoindia@edutech.com" class="btn-cta">Contact Us Now</a>
<div class="cta-contact">
<span>? <a href="tel:+919591997768">+91 95919 97768</a></span>
<span>✉️ <a href="mailto:infoindia@edutech.com">infoindia@edutech.com</a></span>
<span>? <a href="https://www.edutechindia.com" target="_blank">www.edutechindia.com</a></span>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="footer-inner">
<div>
<div class="footer-logo">edu<span>tech</span></div>
<div class="footer-tagline">Emerging Tech Labs</div>
</div>
<div class="footer-contact">
<p>Crystal Lawn, No 20, 1st Street<br>Haddows Road, Chennai, India – 600 006<br>
<a href="tel:+919591997768">+91 95919 97768</a> · <a href="mailto:infoindia@edutech.com">infoindia@edutech.com</a>
</p>
</div>
</div>
<div class="footer-bottom">© 2026 Edutech Emerging Tech Labs. All rights reserved.</div>
</footer>
<script>
const reveals = document.querySelectorAll('.reveal');
const observer = new IntersectionObserver((entries) => {
entries.forEach(e => { if(e.isIntersecting) { e.target.classList.add('visible'); } });
}, { threshold: 0.1 });
reveals.forEach(r => observer.observe(r));
</script>
</body>
</html>
