Merge pull request #92 from MohammadRehaanDev/fix/welcome-page-ui-72

fix(ui): improve welcome page title hierarchy and conciseness (Fixes …

Author: idanlodzki

opsimate-docs/docs/intro.md

@@ -8,8 +8,10 @@ sidebar_position: 1
 
 <div className="hero-banner">
   <div className="hero-content">
-    <h1 className="hero-title">Simplify Your Infrastructure Management</h1>
-    <p className="hero-subtitle">One platform to monitor, manage, and optimize your entire infrastructure</p>
+    
+    <p>
+      One platform to monitor, manage, and optimize your entire infrastructure
+    </p>
   </div>
 </div>
 

opsimate-docs/src/pages/index.jsx

@@ -93,12 +93,11 @@ export default function Home() {
       <main className={styles.hero}>
         <div className="container">
           <div className={styles.heroContent}>
-            <h1 className={styles.heroTitle}>Welcome to OpsiMate</h1>
-            <p className={styles.heroSubtitle}>Simplify Your Infrastructure Management</p>
-            <p className={styles.heroDescription}>
-              One platform to monitor, manage, and optimize your entire infrastructure
-            </p>
-          </div>
+           <h1 className={styles.heroTitle}>Welcome to OpsiMate</h1>
+           <p className={styles.heroSubtitle}>
+             One platform to monitor, manage, and optimize your entire infrastructure
+           </p>
+         </div>
 
           {/* Feature Cards Section */}
           <div className={styles.featuresSection}>

opsimate-docs/src/pages/index.module.css

@@ -28,12 +28,11 @@
   color: white;
 }
 
-.heroSubtitle {
-  font-size: 1.5rem;
-  font-weight: 400;
-  margin-bottom: 1rem;
-  color: #e3f2fd;
-}
+css.heroSubtitle { 
+  font-size: 1.5rem; 
+  font-weight: 400; 
+  margin-bottom: 1rem; 
+  color: #aeb4e7;}
 
 .heroDescription {
   font-size: 1.1rem;