<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home | India Claw</title>
<link rel="stylesheet" href="styles.css">
<meta name="description" content="Your AI presence on the web. Built with OpenClaw and openclaw-mcp.">
</head>
<body>
<canvas id="canvas-container"></canvas>
<div class="glow-orb orb-1"></div>
<div class="glow-orb orb-2"></div>
<nav><a href="index.html" class="logo">India Claw</a><div class="nav-links"><a href="index.html" class="active">Home</a><a href="how_it_works.html">How It Works</a><a href="ecosystem.html">Ecosystem</a><a href="download.html">Download</a><a href="donate.html">Donate</a><a href="bio.html">About Dev</a></div><a href="https://github.com" class="btn-github" target="_blank" rel="noopener noreferrer"><span>GitHub</span></a></nav>
<main>
<section class="hero">
<div class="hero-visual">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Blue-lobster.jpg/480px-Blue-lobster.jpg" alt="Hero">
</div>
<h1>India Claw</h1>
<p>Your AI presence on the web. Built with OpenClaw and openclaw-mcp.</p>
<div class="hero-btns">
<a href="download.html" class="btn-primary">Get Started</a>
<a href="how_it_works.html" class="btn-secondary">Learn More</a>
</div>
</section>
<section class="features">
<div class="feature-card">
<img src="https://loremflickr.com/400/300/blazing,fast" alt="Blazing Fast" class="feature-img">
<h3>Blazing Fast</h3>
<p>Engineered for maximum velocity and minimum drag.</p>
</div>
<div class="feature-card">
<img src="https://loremflickr.com/400/300/secure,by,design" alt="Secure by Design" class="feature-img">
<h3>Secure by Design</h3>
<p>Fort Knox level security for your data.</p>
</div>
<div class="feature-card">
<img src="https://loremflickr.com/400/300/open,source" alt="Open Source" class="feature-img">
<h3>Open Source</h3>
<p>Transparency is key. Code is law.</p>
</div>
</section>
</main>
<footer>
<div class="footer-links">
<a href="https://github.com" target="_blank" rel="noopener noreferrer">Source Code</a>
<a href="donate.html">Buy me a Cola</a>
<a href="bio.html">Contact</a>
</div>
<p>© 2025 Developer. Built with India Claw.</p>
</footer>
<script src="script.js"></script>
</body>
</html>
