index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Byte Electronics — PCB design, manual PCB assembly, customised electronics, IoT solutions and Android applications for connected devices.">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://32byteElectronics.github.io/">
  <link rel="icon" href="assets/logo.jpg">
  <link rel="stylesheet" href="styles.css">
  <title>Byte Electronics | Hub for Electronic Solution</title>
</head>
<body>
<header class="site-header">
  <div class="container nav-wrap">
    <a class="brand" href="#home" aria-label="Byte Electronics home">
      <img src="assets/logo.jpg" alt="Byte Electronics">
    </a>
    <button class="nav-toggle" aria-label="Open navigation" aria-expanded="false">☰</button>
    <nav class="nav" id="nav">
      <a class="active" href="#home">Home</a>
      <a href="#services">Services <span class="chevron">⌄</span></a>
      <a href="#solutions">Solutions <span class="chevron">⌄</span></a>
      <a href="#projects">Projects</a>
      <a href="#about">About Us</a>
      <a href="#contact">Contact</a>
      <a class="nav-cta" href="#contact">Get in Touch <span>↗</span></a>
    </nav>
  </div>
</header>

<main id="home">

<section class="hero">
  <div class="hero-circuit"></div>
  <div class="container hero-grid">
    <div class="hero-copy">
      <div class="hero-badge">⚡ &nbsp; INNOVATE · DESIGN · DELIVER</div>
      <h1>Engineering Smart<br><span>Electronic Solutions</span></h1>
      <div class="hero-line"></div>
      <p>Byte Electronics delivers practical electronics design, assembly and IoT solutions to turn your ideas into reliable products.</p>
      <div class="hero-actions">
        <a class="btn primary" href="#services">▣ &nbsp; Our Services</a>
        <a class="btn outline" href="#projects">⌁ &nbsp; View Projects</a>
      </div>
      <div class="hero-benefits">
        <div><span class="benefit-icon">♢</span><div><strong>Quality</strong><small>Reliable &amp; Tested</small></div></div>
        <div><span class="benefit-icon">✦</span><div><strong>Innovation</strong><small>Modern Technology</small></div></div>
        <div><span class="benefit-icon">⚙</span><div><strong>Custom Solutions</strong><small>Built for Your Needs</small></div></div>
        <div><span class="benefit-icon">◉</span><div><strong>Support</strong><small>From Idea to Product</small></div></div>
      </div>
    </div>
    <div class="hero-product-wrap">
      <div class="hero-orb"></div>
      <img class="hero-product" src="assets/relay-4ch.jpg" alt="ESP32 based four channel relay controller">
    </div>
  </div>
</section>

<section class="capability-strip">
  <div class="container capabilities">
    <a href="#services"><span class="cap-icon">▣</span><span><strong>PCB Design</strong><small>Schematic to Gerber</small></span></a>
    <a href="#services"><span class="cap-icon">✎</span><span><strong>Manual Assembly</strong><small>THT, SMD &amp; Mixed</small></span></a>
    <a href="#services"><span class="cap-icon">▤</span><span><strong>Custom Electronics</strong><small>Controllers &amp; Interfaces</small></span></a>
    <a href="#solutions"><span class="cap-icon">◔</span><span><strong>IoT &amp; Android</strong><small>Connected Solutions</small></span></a>
  </div>
</section>

<section class="section services-section" id="services">
  <div class="container">
    <div class="section-heading centered">
      <span class="eyebrow">WHAT WE OFFER</span>
      <h2>Our Services</h2>
      <p>Complete electronics development services to support your product at every stage.</p>
    </div>

    <div class="service-grid">
      <article class="service-card">
        <div class="service-image"><img src="assets/custom-controller.png" alt="PCB design and electronic development"></div>
        <div class="service-content"><h3>PCB Design</h3><p>Schematic capture, PCB layout, component selection, design review, Gerber generation and documentation.</p><a href="#contact">Learn More <span>→</span></a></div>
      </article>
      <article class="service-card">
        <div class="service-image"><img src="assets/relay-board.jpg" alt="Manual PCB assembly prototype"></div>
        <div class="service-content"><h3>Manual PCB Assembly</h3><p>Prototype and small-batch assembly for through-hole, SMD and mixed-technology boards.</p><a href="#contact">Learn More <span>→</span></a></div>
      </article>
      <article class="service-card">
        <div class="service-image"><img src="assets/relay-8ch.jpg" alt="Custom electronic controller"></div>
        <div class="service-content"><h3>Custom Electronics</h3><p>Custom controllers and electronic products designed around application requirements and constraints.</p><a href="#contact">Learn More <span>→</span></a></div>
      </article>
      <article class="service-card">
        <div class="service-image"><img src="assets/relay-4ch.jpg" alt="ESP32 IoT controller"></div>
        <div class="service-content"><h3>IoT Solutions</h3><p>ESP32-based IoT solutions for device monitoring, control and connected applications.</p><a href="#contact">Learn More <span>→</span></a></div>
      </article>
      <article class="service-card">
        <div class="service-image app-image"><img src="assets/app-banner.png" alt="Android application for IoT control"></div>
        <div class="service-content"><h3>Android App Development</h3><p>Android apps for IoT device monitoring and control with user-friendly interfaces.</p><a href="#contact">Learn More <span>→</span></a></div>
      </article>
      <article class="service-card">
        <div class="service-image"><img src="assets/custom-controller.png" alt="Electronics prototype development"></div>
        <div class="service-content"><h3>Prototype Development</h3><p>Proof of concept, hardware integration, firmware and functional testing.</p><a href="#contact">Learn More <span>→</span></a></div>
      </article>
    </div>
  </div>
</section>

<section class="section solutions-section" id="solutions">
  <div class="container">
    <div class="section-heading">
      <span class="eyebrow">OUR SOLUTIONS</span>
      <h2>Built around real electronic applications</h2>
      <p>Practical product concepts combining embedded hardware, switching, connectivity and mobile control.</p>
    </div>
    <div class="solution-grid">
      <article class="solution-card"><span class="solution-icon">◉</span><h3>ESP32 Products</h3><p>Wi-Fi and Bluetooth enabled controllers for connected applications.</p></article>
      <article class="solution-card"><span class="solution-icon">▣</span><h3>Relay Controllers</h3><p>Multi-channel relay hardware for automation, switching and remote control.</p></article>
      <article class="solution-card"><span class="solution-icon">⚙</span><h3>Custom Controllers</h3><p>Application-specific electronic controllers and interfaces.</p></article>
      <article class="solution-card"><span class="solution-icon">⌁</span><h3>IoT + Android</h3><p>Connected hardware paired with mobile monitoring and control applications.</p></article>
    </div>
  </div>
</section>

<section class="section projects-section" id="projects">
  <div class="container">
    <div class="section-heading centered">
      <span class="eyebrow">SELECTED WORK</span>
      <h2>Projects &amp; Prototypes</h2>
      <p>A selection of electronics and IoT development work.</p>
    </div>
    <div class="project-grid">
      <article class="project-card project-feature">
        <img src="assets/app-banner.png" alt="ESP32 relay switch with Android control app">
        <div><span>IoT + Android</span><h3>ESP32 Relay Switch</h3><p>Wi-Fi based relay control with a mobile interface for device monitoring and switching.</p></div>
      </article>
      <article class="project-card"><img src="assets/relay-8ch.jpg" alt="ESP32 eight channel relay controller"><div><span>Custom Controller</span><h3>8-Channel Relay Controller</h3><p>ESP32-based multi-output control hardware.</p></div></article>
      <article class="project-card"><img src="assets/relay-board.jpg" alt="ESP32 four channel relay board"><div><span>Prototype</span><h3>4-Channel Relay Board</h3><p>Compact Wi-Fi-enabled relay hardware.</p></div></article>
    </div>
  </div>
</section>

<section class="section about-section" id="about">
  <div class="container about-grid">
    <div>
      <span class="eyebrow">ABOUT BYTE ELECTRONICS</span>
      <h2>Hub for Electronic Solution</h2>
      <p>Byte Electronics is an electronics engineering and product-development business based in Surat, Gujarat, India.</p>
      <p>Established in 2020, we work on PCB design, manual assembly, customised electronic controllers, IoT hardware and Android applications for connected devices.</p>
      <p>Our focus is practical engineering — from circuit concepts and prototypes to usable electronic products.</p>
    </div>
    <div class="about-card">
      <div><span>Business</span><strong>Byte Electronics</strong></div>
      <div><span>Legal Structure</span><strong>Proprietorship</strong></div>
      <div><span>Established</span><strong>26 June 2020</strong></div>
      <div><span>Location</span><strong>Surat, Gujarat, India</strong></div>
    </div>
  </div>
</section>

<section class="contact-section" id="contact">
  <div class="container contact-box">
    <div><span class="eyebrow">START A PROJECT</span><h2>Have an electronics idea?</h2><p>Tell us what you want to build. Let's discuss the right electronics, IoT or Android solution for your application.</p></div>
    <div class="contact-buttons"><a class="btn primary" href="mailto:32byte.development@gmail.com?subject=Project%20Enquiry%20-%20Byte%20Electronics">✉ &nbsp; Email Us</a><a class="btn light-outline" href="tel:+918866212813">☎ &nbsp; +91 88662 12813</a></div>
  </div>
</section>
</main>

<footer class="site-footer">
  <div class="container footer-grid">
    <div><img src="assets/logo.jpg" alt="Byte Electronics" class="footer-logo"><p>Hub for Electronic Solution</p></div>
    <div><h4>Business</h4><p>Byte Electronics<br>Proprietorship<br>Established 26 June 2020</p></div>
    <div><h4>Contact</h4><p><a href="mailto:32byte.development@gmail.com">32byte.development@gmail.com</a><br><a href="tel:+918866212813">+91 88662 12813</a></p></div>
    <div><h4>Legal</h4><p><a href="privacy-policy.html">Privacy Policy</a><br><a href="terms.html">Terms &amp; Conditions</a></p></div>
  </div>
  <div class="container footer-bottom"><span>© 2026 Byte Electronics. All rights reserved.</span><span>Surat, Gujarat, India</span></div>
</footer>
<script src="script.js"></script>
</body>
</html>