<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Senzr.in – White-Label AIoT Platform for Home & Building Automation OEMs</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;}
:root{
–primary:#E91E8C;
–primary-dark:#c51873;
–secondary:#4A90E2;
–dark:#0a0e27;
–dark-alt:#1a1a1a;
–text:#e0e6ed;
–text-muted:#8b95a8;
–success:#00ff88;
}
body{
font-family:’Segoe UI’, system-ui, -apple-system, sans-serif;
background:var(–dark);
color:var(–text);
line-height:1.6;
overflow-x:hidden;
}
.bg-gradient{
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:radial-gradient(circle at 20% 50%, rgba(233, 30, 140, 0.15) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(74, 144, 226, 0.15) 0%, transparent 50%);
z-index:-1;
animation: gradientShift 15s ease infinite;
}
@keyframes gradientShift{0%,100%{opacity:1;}50%{opacity:0.7;}}
nav{
position:fixed;top:0;width:100%;
background: rgba(10, 14, 39, 0.95);
backdrop-filter: blur(10px);
padding:1.2rem 5%;
display:flex;
justify-content:space-between;
align-items:center;
z-index:1000;
border-bottom:1px solid rgba(255,255,255,0.1);
}
.logo{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(–primary),var(–secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nav-links{display:flex;gap:2rem;list-style:none;}
.nav-links a{color:var(–text);text-decoration:none;transition:color 0.3s;font-weight:500;}
.nav-links a:hover{color:var(–secondary);}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 5% 4rem;position:relative;}
.hero-content{max-width:1000px;animation:fadeInUp 1s ease;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.animated-text{font-size:4rem;margin-bottom:1rem;line-height:1.2;background:linear-gradient(135deg,#fff,var(–secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-height:5rem;}
.hero h2{font-size:1.5rem;color:var(–primary);margin-bottom:1.5rem;font-weight:600;}
.hero p{font-size:1.3rem;color:var(–text-muted);margin-bottom:2.5rem;line-height:1.8;}
.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;}
.btn{padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s;text-decoration:none;display:inline-block;}
.btn-primary{background:linear-gradient(135deg,var(–primary),var(–secondary));color:white;box-shadow:0 10px 30px rgba(233,30,140,0.3);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(233,30,140,0.4);}
.btn-secondary{background:transparent;color:var(–text);border:2px solid var(–primary);}
.btn-secondary:hover{background:var(–primary);transform:translateY(-3px);}
section{padding:6rem 5%;position:relative;}
.section-title{text-align:center;font-size:2.8rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(–secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.section-subtitle{text-align:center;font-size:1.2rem;color:var(–text-muted);margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;}
.trust-badges{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;margin:3rem auto;max-width:1000px;}
.trust-item{text-align:center;}
.trust-number{font-size:3rem;font-weight:bold;background:linear-gradient(135deg,var(–primary),var(–secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.trust-label{color:var(–text-muted);font-size:1rem;margin-top:0.5rem;}
.focus-solutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:4rem auto;}
.focus-card{background:rgba(26,26,26,0.6);border:1px solid rgba(233,30,140,0.3);border-radius:15px;padding:2rem;text-align:center;transition:all 0.3s;}
.focus-card:hover{border-color:var(–secondary);transform:translateY(-5px);box-shadow:0 10px 30px rgba(74,144,226,0.2);}
.focus-card h3{color:var(–secondary);margin-bottom:0.5rem;font-size:1.3rem;}
.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto;}
.solution-card{background:linear-gradient(135deg,rgba(26,26,26,0.9),rgba(10,14,39,0.9));border:1px solid rgba(74,144,226,0.2);border-radius:20px;padding:2.5rem;transition:all 0.4s;}
.solution-card:hover{transform:translateY(-10px);border-color:var(–secondary);box-shadow:0 20px 60px rgba(74,144,226,0.2);}
.solution-card h3{font-size:1.8rem;margin-bottom:1rem;color:var(–secondary);}
.solution-card h4{font-size:1.4rem;margin-bottom:1.5rem;color:var(–text);}
.solution-card p{color:var(–text-muted);margin-bottom:1.5rem;line-height:1.8;}
.solution-card ul{list-style:none;margin:1.5rem 0;}
.solution-card li{padding:0.7rem 0;padding-left:1.5rem;position:relative;color:var(–text-muted);}
.solution-card li::before{content:’→’;position:absolute;left:0;color:var(–secondary);font-weight:bold;}
.reviews-section{background:rgba(26,26,26,0.5);padding:6rem 5%;}
.reviews-grid{display:flex;overflow-x:auto;gap:2rem;scroll-behavior:smooth;padding-bottom:1rem;}
.review-card{flex:0 0 350px;background:linear-gradient(135deg,rgba(26,26,26,0.9),rgba(10,14,39,0.9));border:1px solid rgba(74,144,226,0.2);border-radius:15px;padding:2rem;transition:all 0.3s;}
.review-card:hover{transform:translateY(-5px);border-color:var(–secondary);box-shadow:0 15px 40px rgba(74,144,226,0.2);}
.stars{color:#FFD700;font-size:1.2rem;margin-bottom:1rem;}
.review-text{color:var(–text-muted);font-style:italic;margin-bottom:1.5rem;line-height:1.8;}
.reviewer-name{color:var(–secondary);font-weight:600;}
.reviewer-company{color:var(–text-muted);font-size:0.9rem;margin-top:0.3rem;}
.pricing-section{padding:6rem 5%;}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto;}
.pricing-card{background:linear-gradient(135deg,rgba(26,26,26,0.9),rgba(10,14,39,0.9));border:2px solid rgba(74,144,226,0.3);border-radius:20px;padding:3rem 2rem;text-align:center;transition:all 0.3s;position:relative;}
.pricing-card.featured{border-color:var(–primary);transform:scale(1.05);}
.pricing-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px rgba(74,144,226,0.3);}
.pricing-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(–primary),var(–secondary));color:white;padding:0.5rem 1.5rem;border-radius:20px;font-size:0.9rem;font-weight:600;}
.pricing-card h3{font-size:1.8rem;color:var(–secondary);margin-bottom:1rem;}
.price{font-size:3rem;font-weight:bold;background:linear-gradient(135deg,var(–primary),var(–secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1rem 0;}
.price-note{color:var(–text-muted);font-size:0.9rem;margin-bottom:2rem;}
.pricing-features{list-style:none;margin:2rem 0;text-align:left;}
.pricing-features li{padding:0.8rem 0;padding-left:1.5rem;position:relative;color:var(–text-muted);}
.pricing-features li::before{content:’✓’;position:absolute;left:0;color:var(–success);font-weight:bold;}
.reference-solution{background:linear-gradient(135deg,rgba(233,30,140,0.1),rgba(74,144,226,0.1));border:2px solid var(–secondary);border-radius:20px;padding:3rem;margin:4rem auto;max-width:1200px;}
.ref-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:2rem;}
.ref-spec-item{text-align:center;padding:1.5rem;background:rgba(10,14,39,0.6);border-radius:10px;transition:all 0.3s;}
.ref-spec-item:hover{transform:scale(1.05);background:rgba(233,30,140,0.2);}
.ref-spec-item h4{color:var(–secondary);margin-bottom:0.5rem;font-size:1.1rem;}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto;}
.feature-card{background:rgba(26,26,26,0.8);border:1px solid rgba(255,255,255,0.1);border-radius:15px;padding:2rem;transition:all 0.3s;}
.feature-card:hover{border-color:var(–primary);transform:translateY(-5px);}
.feature-card h4{color:var(–secondary);margin-bottom:1rem;font-size:1.3rem;}
.feature-card ul{list-style:none;}
.feature-card li{padding:0.5rem 0;padding-left:1.5rem;position:relative;color:var(–text-muted);}
.feature-card li::before{content:’•’;position:absolute;left:0;color:var(–secondary);font-size:1.5rem;line-height:1;}
footer{background:var(–dark-alt);padding:4rem 5% 2rem;border-top:1px solid rgba(255,255,255,0.1);}
.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-bottom:2rem;}
.footer-section h3{color:var(–secondary);margin-bottom:1.5rem;}
.footer-section p{color:var(–text-muted);margin-bottom:0.8rem;}
.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);color:var(–text-muted);}
@media (max-width:768px){
.animated-text{font-size:2.5rem;min-height:3rem;}
.hero h2{font-size:1.2rem;}
.solutions-grid,.pricing-grid{grid-template-columns:1fr;}
.nav-links{display:none;}
.pricing-card.featured{transform:scale(1);}
}
.fade-in{opacity:0;transform:translateY(30px);transition:all 0.8s;}
.fade-in.visible{opacity:1;transform:translateY(0);}
</style>
</head>
<body>
<div class=”bg-gradient”></div>
<nav>
<div class=”logo”>Senzr.in</div>
<ul class=”nav-links”>
<li><a href=”#solutions”>Platform</a></li>
<li><a href=”#reviews”>Customers</a></li>
<li><a href=”#pricing”>Pricing</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
</nav>
<section class=”hero”>
<div class=”hero-content”>
<div class=”animated-text” id=”animatedText”>Secure Building</div>
<h2>Fast-Track AIoT Home and Building Automation Solution</h2>
<p><strong>You Focus on Innovation. We’ll Handle the Delivery.</strong></p>
<p style=”font-size:1.1rem;margin-top:1rem;”>White-label AIoT platform trusted by leading OEMs. Launch your smart products in weeks, not years.</p>
<div class=”cta-buttons”>
<a href=”#contact” class=”btn btn-primary”>Get a Quote</a>
<a href=”#pricing” class=”btn btn-secondary”>View Pricing</a>
</div>
</div>
</section>
<section style=”padding:4rem 5%; background: rgba(26, 26, 26, 0.3);”>
<div class=”trust-badges fade-in”>
<div class=”trust-item”>
<div class=”trust-number”>50+</div>
<div class=”trust-label”>OEM Partners</div>
</div>
<div class=”trust-item”>
<div class=”trust-number”>500K+</div>
<div class=”trust-label”>Connected Devices</div>
</div>
<div class=”trust-item”>
<div class=”trust-number”>99.9%</div>
<div class=”trust-label”>Platform Uptime</div>
</div>
<div class=”trust-item”>
<div class=”trust-number”>28+</div>
<div class=”trust-label”>Expert Team</div>
</div>
</div>
</section>
<section style=”padding:4rem 5%;”>
<h2 class=”section-title”>Our Focused Solutions</h2>
<p class=”section-subtitle”>Complete white-label platform for home and building automation OEMs</p>
<div class=”focus-solutions”>
<div class=”focus-card fade-in”>
<h3>SenzrOne AIoT Cloud</h3>
<p>Your branded smart product, ready to launch</p>
</div>
<div class=”focus-card fade-in”>
<h3>HMI Solutions</h3>
<p>Customizable user interfaces for your brand</p>
</div>
<div class=”focus-card fade-in”>
<h3>SenzrOS Embedded</h3>
<p>Production-ready firmware for your hardware</p>
</div>
</div>
</section>
<section id=”solutions”>
<h2 class=”section-title”>SenzrOne AIoT Cloud Platform</h2>
<p class=”section-subtitle”>White-label cloud infrastructure that scales with your business. Launch under your brand in weeks.</p>
<div class=”solutions-grid”>
<div class=”solution-card fade-in”>
<h3>For OEMs & Product Companies</h3>
<h4>Your Brand, Our Technology</h4>
<p>Complete white-label platform that you can rebrand and sell as your own. We handle the complex infrastructure while you focus on your customers and market expansion.</p>
<ul>
<li><strong>Seamless Data Flow:</strong> Securely manage data across all your deployed devices</li>
<li><strong>Scalable Architecture:</strong> From 100 devices to millions</li>
<li><strong>Customizable Dashboard:</strong> Full control of look, feel, and analytics</li>
</ul>
</div>
<div class=”solution-card fade-in”>
<h3>SenzrOS Embedded Firmware</h3>
<h4>Smart Products, Delivered Fast</h4>
<p>Production-ready firmware and device SDKs to accelerate time-to-market for IoT devices.</p>
<ul>
<li><strong>Multiple Protocols:</strong> Zigbee, Wi-Fi, BLE, Modbus</li>
<li><strong>OTA Updates:</strong> Over-the-air firmware updates for all devices</li>
<li><strong>Low Power:</strong> Optimized for battery-operated devices</li>
</ul>
</div>
</div>
</section>
<section id=”reviews” class=”reviews-section”>
<h2 class=”section-title”>What Our OEM Customers Say</h2>
<div class=”reviews-grid”>
<div class=”review-card fade-in”>
<div class=”stars”>★★★★★</div>
<p class=”review-text”>”SenzrOne enabled us to launch our smart thermostat 6 months ahead of schedule. The platform is rock-solid.”</p>
<div class=”reviewer-name”>Rohit Kumar</div>
<div class=”reviewer-company”>IoT Devices Inc.</div>
</div>
<div class=”review-card fade-in”>
<div class=”stars”>★★★★★</div>
<p class=”review-text”>”The white-label solution saved our company years of development. Highly recommend to any OEM.”</p>
<div class=”reviewer-name”>Anjali Mehta</div>
<div class=”reviewer-company”>SmartHome Solutions</div>
</div>
<div class=”review-card fade-in”>
<div class=”stars”>★★★★★</div>
<p class=”review-text”>”Excellent support and scalable infrastructure. We were able to rebrand the cloud platform for our products seamlessly.”</p>
<div class=”reviewer-name”>Vikram Singh</div>
<div class=”reviewer-company”>HomeTech</div>
</div>
</div>
</section>
<section id=”pricing” class=”pricing-section”>
<h2 class=”section-title”>Pricing Plans</h2>
<div class=”pricing-grid”>
<div class=”pricing-card fade-in”>
<h3>Startup</h3>
<div class=”price”>$299</div>
<div class=”price-note”>per month / up to 500 devices</div>
<ul class=”pricing-features”>
<li>Cloud platform access</li>
<li>Device SDKs</li>
<li>Email support</li>
</ul>
<a href=”#contact” class=”btn btn-primary”>Get Started</a>
</div>
<div class=”pricing-card fade-in featured”>
<div class=”pricing-badge”>Popular</div>
<h3>Growth</h3>
<div class=”price”>$699</div>
<div class=”price-note”>per month / up to 5000 devices</div>
<ul class=”pricing-features”>
<li>Everything in Startup</li>
<li>Custom branding</li>
<li>Priority support</li>
</ul>
<a href=”#contact” class=”btn btn-primary”>Get Started</a>
</div>
<div class=”pricing-card fade-in”>
<h3>Enterprise</h3>
<div class=”price”>Contact Us</div>
<div class=”price-note”>Unlimited devices & custom SLA</div>
<ul class=”pricing-features”>
<li>Dedicated account manager</li>
<li>Advanced analytics & dashboards</li>
<li>Onboarding & consulting</li>
</ul>
<a href=”#contact” class=”btn btn-primary”>Contact Sales</a>
</div>
</div>
</section>
<section class=”reference-solution fade-in”>
<h2 class=”section-title”>Reference Solution Stack</h2>
<div class=”ref-specs”>
<div class=”ref-spec-item”><h4>Processor</h4>ARM Cortex-M33</div>
<div class=”ref-spec-item”><h4>Connectivity</h4>Wi-Fi + BLE + Zigbee</div>
<div class=”ref-spec-item”><h4>OS</h4>SenzrOS Embedded</div>
<div class=”ref-spec-item”><h4>Cloud</h4>SenzrOne AIoT</div>
<div class=”ref-spec-item”><h4>Security</h4>End-to-End Encryption</div>
<div class=”ref-spec-item”><h4>OTA</h4>Firmware Updates</div>
</div>
</section>
<footer id=”contact”>
<div class=”footer-content”>
<div class=”footer-section”>
<h3>Contact Us</h3>
<p>Email: contact@senzr.in</p>
<p>Phone: +91 98765 43210</p>
<p>Address: Bangalore, India</p>
</div>
<div class=”footer-section”>
<h3>Quick Links</h3>
<p><a href=”#solutions”>Platform</a></p>
<p><a href=”#pricing”>Pricing</a></p>
<p><a href=”#reviews”>Customers</a></p>
</div>
<div class=”footer-section”>
<h3>Follow Us</h3>
<p>LinkedIn | Twitter | Instagram</p>
</div>
</div>
<div class=”footer-bottom”>
© 2025 Senzr.in. All rights reserved.
</div>
</footer>
<script>
// Animated hero text
const texts = [“Secure Building”,”Smart Automation”,”White-label AIoT”];
let idx = 0;
const animatedText = document.getElementById(“animatedText”);
setInterval(()=>{
idx = (idx+1)%texts.length;
animatedText.textContent = texts[idx];
},3000);
// Fade-in on scroll
const faders = document.querySelectorAll(‘.fade-in’);
const observer = new IntersectionObserver(entries=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
entry.target.classList.add(‘visible’);
}
});
},{threshold:0.2});
faders.forEach(fader=>observer.observe(fader));
</script>
</body>
</html>