diff --git a/.agentrix/journal/c2d13ccd6e7b.json b/.agentrix/journal/c2d13ccd6e7b.json
new file mode 100644
index 0000000..d44b085
--- /dev/null
+++ b/.agentrix/journal/c2d13ccd6e7b.json
@@ -0,0 +1,27 @@
+{
+  "id": "c2d13ccd6e7b",
+  "workspace": "/data/workspaces/arya232006/DeVerify-backend",
+  "ops": [
+    {
+      "kind": "create",
+      "path": "frontend/index.html",
+      "before_blob_path": null,
+      "after_preview": "<!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    <link rel=\"sty",
+      "ts": 1780235148714
+    },
+    {
+      "kind": "create",
+      "path": "frontend/styles.css",
+      "before_blob_path": null,
+      "after_preview": "body {\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    background-color: #f4f4f4;\n    color: #333;\n    scroll-behavior: smooth;\n}\n\nheader",
+      "ts": 1780235167559
+    },
+    {
+      "kind": "create",
+      "path": "frontend/scripts.js",
+      "before_blob_path": null,
+      "after_preview": "// Smooth scrolling for anchor links\nconst links = document.querySelectorAll('a[href^=\"#\"]');\n\nlinks.forEach(link => {\n    link.addEventListener('click', functi",
+      "ts": 1780235171309
+    }
+  ]
+}
\ No newline at end of file
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..279e3d7
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles.css">
+    <title>Landing Page</title>
+</head>
+<body>
+    <header>
+        <h1>Welcome to DeVerify</h1>
+        <p>Your hackathon project scanner and evaluator.</p>
+        <a href="#features" class="btn">Learn More</a>
+    </header>
+    <section id="features">
+        <h2>Features</h2>
+        <div class="feature">
+            <h3>Feature 1</h3>
+            <p>Description of feature 1.</p>
+        </div>
+        <div class="feature">
+            <h3>Feature 2</h3>
+            <p>Description of feature 2.</p>
+        </div>
+        <div class="feature">
+            <h3>Feature 3</h3>
+            <p>Description of feature 3.</p>
+        </div>
+    </section>
+    <footer>
+        <p>&copy; 2023 DeVerify. All rights reserved.</p>
+    </footer>
+    <script src="scripts.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/frontend/scripts.js b/frontend/scripts.js
new file mode 100644
index 0000000..f3e6fea
--- /dev/null
+++ b/frontend/scripts.js
@@ -0,0 +1,10 @@
+// Smooth scrolling for anchor links
+const links = document.querySelectorAll('a[href^="#"]');
+
+links.forEach(link => {
+    link.addEventListener('click', function(e) {
+        e.preventDefault();
+        const target = document.querySelector(this.getAttribute('href'));
+        target.scrollIntoView({ behavior: 'smooth' });
+    });
+});
\ No newline at end of file
diff --git a/frontend/styles.css b/frontend/styles.css
new file mode 100644
index 0000000..1b7530f
--- /dev/null
+++ b/frontend/styles.css
@@ -0,0 +1,67 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+    color: #333;
+    scroll-behavior: smooth;
+}
+
+header {
+    background: #007bff;
+    color: white;
+    padding: 20px;
+    text-align: center;
+    animation: fadeIn 1s;
+}
+
+h1 {
+    margin: 0;
+}
+
+.btn {
+    display: inline-block;
+    padding: 10px 20px;
+    background: #28a745;
+    color: white;
+    text-decoration: none;
+    border-radius: 5px;
+    transition: background 0.3s;
+}
+
+.btn:hover {
+    background: #218838;
+}
+
+section {
+    padding: 20px;
+    margin: 20px;
+    background: white;
+    border-radius: 5px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    animation: slideIn 1s;
+}
+
+.feature {
+    margin: 10px 0;
+}
+
+footer {
+    text-align: center;
+    padding: 10px;
+    background: #007bff;
+    color: white;
+    position: relative;
+    bottom: 0;
+    width: 100%;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+@keyframes slideIn {
+    from { transform: translateY(20px); opacity: 0; }
+    to { transform: translateY(0); opacity: 1; }
+}
\ No newline at end of file
