Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@ZihengSun
ZihengSun committed Jan 7, 2025
1 parent 5cf2318 commit e287a58
Show file tree
Hide file tree
Showing 2 changed files with 233 additions and 16 deletions.
231 changes: 215 additions & 16 deletions themes/aurozeon/layouts/index.html
View file
Original file line number Diff line number Diff line change
@@ -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:[email protected]">[email protected]</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>
18 changes: 18 additions & 0 deletions themes/aurozeon/layouts/index.hugo.html
View file
Original file line number Diff line number Diff line change
@@ -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 }}

0 comments on commit e287a58

Please sign in to comment.