Coming soon landing page

src/app/app.component.html

@@ -1,2 +1 @@
-<app-header></app-header>
 <router-outlet></router-outlet>

src/app/app.routes.ts

@@ -2,21 +2,12 @@ import { Routes } from '@angular/router';
 import { HomeComponent } from './pages/home/home.component';
 import { DocsComponent } from './pages/docs/docs.component';
 import { AlertComponent } from './pages/docs/alert/alert.component';
+import { ComingSoonComponent } from './components/coming-soon/coming-soon.component';
 
 export const routes: Routes = [
     {
         path: '',
-        component: HomeComponent,
+        component: ComingSoonComponent,
         pathMatch: 'full'
-    },
-    {
-        path: 'docs',
-        component: DocsComponent,
-        children: [
-            {
-                path: 'alert',
-                component: AlertComponent,
-            }
-        ]
     }
 ];

src/app/components/coming-soon/coming-soon.component.html

@@ -0,0 +1,20 @@
+<section class="min-h-screen bg-gray-900 flex justify-center items-center">
+    <div class="w-full max-w-7xl px-4 md:px-5 lg:px-5 mx-auto">
+        <div class="w-full md:px-16 px-10 md:pt-16 pt-10 pb-10 bg-gray-900 rounded-2xl flex-col justify-end items-center lg:gap-28 md:gap-16 gap-10 inline-flex">
+            <div class="flex-col justify-end items-center lg:gap-16 gap-10 flex">
+
+                <div class="flex-col justify-center items-center gap-10 flex">
+                    <div class="flex-col justify-start items-center gap-2.5 flex">
+                        <img src="angularui-white-logo.svg" alt="angularui logo image" class="object-cover h-24">
+                        <p class="text-center text-gray-500 font-normal leading-relaxed text-3xl">A Powerful UI Component Library for Angular, Styled with Tailwind CSS
+                            Simplify your development with beautiful, reusable components. Stay tuned!</p>
+                    </div>
+                </div>
+            </div>
+            <p class="text-center text-gray-500 text-lg font-normal leading-snug">Get in touch for more updates:  <a href="https://x.com/immohammadjaved" target="_blank" class="hover:text-gray-100 transition-all duration-700 ease-in-out"> &#64;immohammadjaved</a></p>
+        </div>
+    </div>
+</section>
+
+
+<!-- <section class="min-h-screen bg-gray-900"></section> -->

src/app/components/coming-soon/coming-soon.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-coming-soon',
+  standalone: true,
+  imports: [],
+  templateUrl: './coming-soon.component.html'
+})
+export class ComingSoonComponent {
+
+}