diff --git a/index.html b/index.html
new file mode 100644
index 00000000..48cc6b28
--- /dev/null
+++ b/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Claude-Mem Landing Page</title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            color: #333;\n            line-height: 1.6;\n        }\n        header {\n            background: linear-gradient(45deg, #6a11cb, #2575fc);\n            color: white;\n            padding: 20px;\n            text-align: center;\n        }\n        section {\n            padding: 20px;\n        }\n        .features, .installation {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-around;\n        }\n        .feature, .installation-step {\n            flex: 1;\n            margin: 10px;\n            padding: 20px;\n            border: 1px solid #ccc;\n            border-radius: 8px;\n            transition: transform 0.2s;\n        }\n        .feature:hover, .installation-step:hover {\n            transform: scale(1.05);\n        }\n        footer {\n            background: #333;\n            color: white;\n            text-align: center;\n            padding: 10px;\n        }\n        @media (max-width: 600px) {\n            .features, .installation {\n                flex-direction: column;\n            }\n        }\n    </style>\n</head>\n<body>\n    <header>\n        <h1>Welcome to Claude-Mem</h1>\n        <p>Your go-to solution for managing memories effectively.</p>\n        <button style="background-color: #ffffff; color: #6a11cb; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">Get Started</button>\n    </header>\n    <section id="features">\n        <h2>Features</h2>\n        <div class="features">\n            <div class="feature">Feature 1: Easy to Use</div>\n            <div class="feature">Feature 2: Secure Storage</div>\n            <div class="feature">Feature 3: Fast Performance</div>\n        </div>\n    </section>\n    <section id="how-it-works">\n        <h2>How It Works</h2>\n        <p>Claude-Mem uses advanced algorithms to help you manage your memories in an efficient way.</p>\n    </section>\n    <section id="architecture">\n        <h2>Architecture Overview</h2>\n        <p>Our architecture is designed for scalability and performance.</p>\n    </section>\n    <section id="installation">\n        <h2>Installation Instructions</h2>\n        <div class="installation">\n            <div class="installation-step">Step 1: Clone the repository</div>\n            <div class="installation-step">Step 2: Install dependencies</div>\n            <div class="installation-step">Step 3: Run the application</div>\n        </div>\n    </section>\n    <footer>\n        <p>Contact us at support@claude-mem.com</p>\n    </footer>\n</body>\n</html>
\ No newline at end of file
