From e287a5853fff7e3878f50681fa46550510d4e5ac Mon Sep 17 00:00:00 2001
From: Ziheng Sun <zsun@gmu.edu>
Date: Tue, 7 Jan 2025 04:12:42 -0500
Subject: [PATCH] update

---
 themes/aurozeon/layouts/index.html      | 231 ++++++++++++++++++++++--
 themes/aurozeon/layouts/index.hugo.html |  18 ++
 2 files changed, 233 insertions(+), 16 deletions(-)
 create mode 100644 themes/aurozeon/layouts/index.hugo.html
diff --git a/themes/aurozeon/layouts/index.html b/themes/aurozeon/layouts/index.html
index c3e9125..ecc50e7 100644
--- a/themes/aurozeon/layouts/index.html
+++ b/themes/aurozeon/layouts/index.html
@@ -1,18 +1,217 @@
-{{ define "main" }}
-<main>
-    <!-- Hero Section -->
-    {{ partial "hero.html" . }}
-
-    <!-- Solutions Section -->
-    {{ partial "partials/solution-list.html" . }}
-    
-
-    <!-- Motivation Section -->
-    <section class="motivation">
-        <div class="container">
-            <h2>Our Motivation</h2>
-            <p>{{ .Site.Params.motivation }}</p>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AuroZeon</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            background: #121212;
+            color: #fff;
+            line-height: 1.6;
+        }
+
+        header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 20px 50px;
+            background: #1e1e1e;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+        }
+
+        header .logo {
+            font-size: 1.8rem;
+            font-weight: bold;
+            color: #ff9800;
+        }
+
+        header nav a {
+            margin-left: 20px;
+            text-decoration: none;
+            color: #fff;
+            font-weight: bold;
+            transition: color 0.3s;
+        }
+
+        header nav a:hover {
+            color: #ff9800;
+        }
+
+        .hero {
+            text-align: center;
+            padding: 100px 20px;
+            background: linear-gradient(135deg, #ff9800, #e65100);
+            color: #fff;
+        }
+
+        .hero h1 {
+            font-size: 3rem;
+            margin-bottom: 20px;
+        }
+
+        .hero p {
+            font-size: 1.5rem;
+            margin-bottom: 40px;
+        }
+
+        .hero a {
+            display: inline-block;
+            padding: 15px 30px;
+            font-size: 1.2rem;
+            font-weight: bold;
+            text-decoration: none;
+            color: #ff9800;
+            background: #fff;
+            border-radius: 30px;
+            transition: background 0.3s, color 0.3s;
+        }
+
+        .hero a:hover {
+            background: #ff9800;
+            color: #fff;
+        }
+
+        section {
+            padding: 50px;
+            background: #1e1e1e;
+            text-align: center;
+        }
+
+        section h2 {
+            font-size: 2.5rem;
+            margin-bottom: 20px;
+            color: #ff9800;
+        }
+
+        section p {
+            font-size: 1.2rem;
+            margin-bottom: 40px;
+        }
+
+        .features, .solutions {
+            display: flex;
+            justify-content: space-around;
+            flex-wrap: wrap;
+        }
+
+        .feature, .solution {
+            flex: 1 1 300px;
+            margin: 20px;
+            padding: 20px;
+            text-align: center;
+            background: #292929;
+            border-radius: 10px;
+        }
+
+        .feature h3, .solution h3 {
+            margin-bottom: 20px;
+            font-size: 1.5rem;
+            color: #ff9800;
+        }
+
+        footer {
+            text-align: center;
+            padding: 20px;
+            background: #1e1e1e;
+        }
+
+        footer p {
+            font-size: 0.9rem;
+            color: #888;
+        }
+
+        footer p a {
+            color: #ff9800;
+            text-decoration: none;
+        }
+
+        footer p a:hover {
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <div class="logo">AuroZeon</div>
+        <nav>
+            <a href="#about">About</a>
+            <a href="#solutions">Solutions</a>
+            <a href="#motivation">Motivation</a>
+            <a href="#contact">Contact</a>
+        </nav>
+    </header>
+
+    <div class="hero">
+        <h1>Welcome to AuroZeon</h1>
+        <p>Empowering AI innovation for a brighter tomorrow.</p>
+        <a href="#solutions">Explore Our Solutions</a>
+    </div>
+
+    <section id="about">
+        <h2>About Us</h2>
+        <p>AuroZeon is dedicated to providing cutting-edge AI solutions to empower businesses and foster innovation worldwide.</p>
+    </section>
+
+    <section id="solutions">
+        <h2>Our Solutions</h2>
+        <div class="solutions">
+            <div class="solution">
+                <h3>Advanced Analytics</h3>
+                <p>Leverage AI-driven insights to make data-backed decisions with confidence.</p>
+            </div>
+            <div class="solution">
+                <h3>Automation Tools</h3>
+                <p>Streamline your operations with scalable AI automation.</p>
+            </div>
+            <div class="solution">
+                <h3>Custom AI Models</h3>
+                <p>Get tailored solutions designed to meet your unique business challenges.</p>
+            </div>
         </div>
     </section>
-</main>
-{{ end }}
+
+    <section id="motivation">
+        <h2>Our Motivation</h2>
+        <p>We aim to harness the power of AI to address real-world problems and drive sustainable progress in technology and society.</p>
+    </section>
+
+    <section id="contact">
+        <h2>Contact Us</h2>
+        <p>Have questions or want to learn more? Reach out to us at:</p>
+        <p>Email: <a href="mailto:info@aurozeon.com">info@aurozeon.com</a></p>
+        <!-- <p>Phone: +1 (555) 123-4567</p>
+        <p>Address: 123 Innovation Drive, Tech City, Futureland</p> -->
+    </section>
+
+    <footer>
+        <p>&copy; 2025 AuroZeon. Designed with passion. <a href="#">Privacy Policy</a></p>
+    </footer>
+
+    <script>
+        console.log('Page loaded successfully.');
+
+        document.querySelectorAll('nav a').forEach(link => {
+            link.addEventListener('click', (event) => {
+                console.log(`Navigation link clicked: ${event.target.textContent}`);
+            });
+        });
+
+        const heroButton = document.querySelector('.hero a');
+        heroButton.addEventListener('click', () => {
+            console.log('Explore Solutions button clicked.');
+        });
+
+        document.querySelectorAll('.solution h3').forEach(solution => {
+            console.log(`Solution loaded: ${solution.textContent}`);
+        });
+    </script>
+</body>
+</html>
diff --git a/themes/aurozeon/layouts/index.hugo.html b/themes/aurozeon/layouts/index.hugo.html
new file mode 100644
index 0000000..c3e9125
--- /dev/null
+++ b/themes/aurozeon/layouts/index.hugo.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+<main>
+    <!-- Hero Section -->
+    {{ partial "hero.html" . }}
+
+    <!-- Solutions Section -->
+    {{ partial "partials/solution-list.html" . }}
+    
+
+    <!-- Motivation Section -->
+    <section class="motivation">
+        <div class="container">
+            <h2>Our Motivation</h2>
+            <p>{{ .Site.Params.motivation }}</p>
+        </div>
+    </section>
+</main>
+{{ end }}
