diff --git a/themes/aurozeon/assets/images/abstract-futuristic-face-concept-artificial-intelligence-background-free-vector.jpg b/themes/aurozeon/assets/images/abstract-futuristic-face-concept-artificial-intelligence-background-free-vector.jpg new file mode 100644 index 0000000..785f9f2 Binary files /dev/null and b/themes/aurozeon/assets/images/abstract-futuristic-face-concept-artificial-intelligence-background-free-vector.jpg differ diff --git a/themes/aurozeon/layouts/index.html b/themes/aurozeon/layouts/index.html index ecc50e7..6a061a8 100644 --- a/themes/aurozeon/layouts/index.html +++ b/themes/aurozeon/layouts/index.html @@ -46,20 +46,36 @@ } .hero { + position: relative; text-align: center; - padding: 100px 20px; - background: linear-gradient(135deg, #ff9800, #e65100); color: #fff; + height: 100vh; + overflow: hidden; + } + + .hero video { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + height: 100%; + object-fit: cover; + z-index: -1; } .hero h1 { font-size: 3rem; margin-bottom: 20px; + z-index: 1; + position: relative; } .hero p { font-size: 1.5rem; margin-bottom: 40px; + z-index: 1; + position: relative; } .hero a { @@ -72,6 +88,8 @@ background: #fff; border-radius: 30px; transition: background 0.3s, color 0.3s; + z-index: 1; + position: relative; } .hero a:hover { @@ -81,8 +99,9 @@ section { padding: 50px; - background: #1e1e1e; text-align: center; + position: relative; + overflow: hidden; } section h2 { @@ -96,6 +115,53 @@ margin-bottom: 40px; } + #about { + position: relative; + color: #fff; + } + + #about::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url('https://www.example.com/futuristic-background.jpg') center/cover no-repeat; + filter: blur(5px) brightness(0.6); + z-index: -1; + } + + #about h2 { + animation: fadeInDown 1.5s ease-out; + } + + #about p { + animation: fadeInUp 1.5s ease-out; + } + + @keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-50px); + } + 100% { + opacity: 1; + transform: translateY(0); + } + } + + @keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(50px); + } + 100% { + opacity: 1; + transform: translateY(0); + } + } + .features, .solutions { display: flex; justify-content: space-around; @@ -136,6 +202,231 @@ footer p a:hover { text-decoration: underline; } + + #about { + position: relative; + text-align: center; + color: #fff; + padding: 50px 20px; + overflow: hidden; + } + + #about-video-bg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + z-index: -1; + } + + .about-content { + position: relative; + z-index: 1; + max-width: 1000px; + margin: auto; + background: rgba(0, 0, 0, 0.5); /* Overlay for readability */ + padding: 25px; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + } + + .about-content h2 { + font-size: 2.2em; + margin-bottom: 15px; + color: #ffd700; /* Friendly, inviting accent color */ + } + + .about-content p { + font-size: 1.1em; + line-height: 1.6; + margin-bottom: 15px; + color: #eaeaea; + } + + @keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } + } + + + /* General styling for the section */ + #solutions { + text-align: center; + padding: 50px 20px; + background-color: #f5f5f5; + } + + #solutions h2 { + font-size: 2.5rem; + margin-bottom: 30px; + color: #333; + } + + /* Solutions layout */ + .solutions { + display: flex; + flex-wrap: wrap; + gap: 30px; + justify-content: center; + } + + .solution { + display: flex; + flex-direction: column; + max-width: 400px; + background: #ffffff; + border-radius: 15px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); + overflow: hidden; + transition: transform 0.3s ease-in-out; + } + + .solution:hover { + transform: translateY(-10px); + } + + /* Video styling */ + .video-wrapper { + position: relative; + width: 100%; + height: 200px; + overflow: hidden; + } + + .background-video { + width: 100%; + height: 100%; + object-fit: cover; + } + + /* Content styling */ + .content { + padding: 20px; + text-align: left; + } + + .content h3 { + font-size: 1.5rem; + margin-bottom: 15px; + color: #1a73e8; + } + + .content p { + font-size: 1rem; + line-height: 1.6; + color: #555; + } + + #motivation { + position: relative; + text-align: center; + color: #fff; + padding: 50px 20px; + overflow: hidden; + } + + #motivation .background-video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + z-index: -1; + } + + #motivation .motivation-content { + position: relative; + z-index: 1; + max-width: 800px; + margin: auto; + background: rgba(0, 0, 0, 0.6); /* Slight overlay to improve readability */ + padding: 20px; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); + } + + #contact { + padding: 50px 20px; + background-color: #f9f9f9; + text-align: center; + } + + .contact-content { + max-width: 600px; + margin: auto; + } + + #contact h2 { + font-size: 2.5em; + color: #333; + margin-bottom: 15px; + } + + #contact p { + font-size: 1.1em; + color: #666; + margin-bottom: 15px; + } + + #contact a { + color: #007bff; + text-decoration: none; + } + + #contact a:hover { + text-decoration: underline; + } + + #contact-form { + margin-top: 20px; + text-align: left; + } + + .form-group { + margin-bottom: 15px; + } + + .form-group label { + display: block; + font-weight: bold; + margin-bottom: 5px; + color: #333; + } + + .form-group input, + .form-group textarea { + width: 100%; + padding: 10px; + font-size: 1em; + border: 1px solid #ccc; + border-radius: 5px; + } + + .form-group input:focus, + .form-group textarea:focus { + border-color: #007bff; + outline: none; + box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); + } + + button[type="submit"] { + background-color: #007bff; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 5px; + font-size: 1.1em; + cursor: pointer; + } + + button[type="submit"]:hover { + background-color: #0056b3; + } + + @@ -150,51 +441,126 @@
+

Welcome to AuroZeon

Empowering AI innovation for a brighter tomorrow.

Explore Our Solutions
-

About Us

-

AuroZeon is dedicated to providing cutting-edge AI solutions to empower businesses and foster innovation worldwide.

+ +
+

About Us

+

+ At AuroZeon, we’re passionate about making AI simple, useful, and accessible to everyone. Our mission is to help businesses like yours use the power of artificial intelligence to solve everyday challenges and grow confidently in a fast-changing world. +

+

+ We specialize in creating AI solutions that make sense for your business. Whether you’re looking to better understand your data, automate repetitive tasks, or build something unique, we’re here to make it happen. Every solution we design is tailored to your goals, so you can focus on what you do best. +

+

+ Our team is built on a foundation of trust, collaboration, and a shared commitment to your success. We value honesty in our work and respect your privacy—it’s the cornerstone of our relationship with every customer. Your trust means everything to us, and we’re here to support you every step of the way. +

+

+ Let’s start a conversation about how we can help your business thrive with AI. We’re excited to hear from you! +

+
+

Our Solutions

-

Advanced Analytics

-

Leverage AI-driven insights to make data-backed decisions with confidence.

+
+ +
+
+

Advanced Analytics

+

Unleash the potential of your data with our advanced analytics services. By integrating AI-powered predictive models, we help you uncover hidden patterns, trends, and opportunities in your business operations. From customer behavior analysis to market forecasting, our solutions empower you to make data-backed decisions with unparalleled precision.

+
-

Automation Tools

-

Streamline your operations with scalable AI automation.

+
+ +
+
+

Automation Tools

+

Boost efficiency and reduce operational overhead with our cutting-edge automation tools. Our AI-powered systems streamline repetitive tasks, optimize workflows, and ensure scalability. Whether it's automating customer support, inventory management, or financial operations, we tailor solutions to fit your unique needs and scale with your growth.

+
-

Custom AI Models

-

Get tailored solutions designed to meet your unique business challenges.

+
+ +
+
+

Custom AI Models

+

Transform your business challenges into opportunities with our custom-built AI models. Our team specializes in designing and deploying bespoke solutions tailored to your specific industry and use cases. From natural language processing and computer vision to recommendation systems, we build AI models that give you a competitive edge.

+
+ +

Our Motivation

-

We aim to harness the power of AI to address real-world problems and drive sustainable progress in technology and society.

+
+

+ At AuroZeon, our mission is to harness the transformative power of AI to solve real-world problems, create opportunities, and drive sustainable progress for both technology and society. In an era defined by AI innovation, our unwavering focus is on empowering our customers to succeed and thrive. +

+

+ We believe that customer success is not just a goal but the foundation of our existence. By delivering tailored solutions, cutting-edge tools, and unparalleled support, we strive to ensure that every interaction brings tangible value to our clients. At the heart of our efforts lies a deep commitment to safeguarding customer privacy, which we consider our lifeline. Your trust is the cornerstone of our innovation, and we uphold it with the utmost integrity and care. +

+
+
+
-

Contact Us

-

Have questions or want to learn more? Reach out to us at:

-

Email: info@aurozeon.com

- +
+

Contact Us

+

We’d love to hear from you! Whether you have a question, need support, or just want to explore how we can help, feel free to get in touch.

+

Email us directly at: jensen@aurozeon.com

+

Or fill out the form below, and we’ll get back to you as soon as possible:

+ + +
+ + + +