From 1981d67dd93e6b96bb5b568e835832520d82dd90 Mon Sep 17 00:00:00 2001
From: Mohammad Javed <mohammadjaved@Mohammads-MacBook-Pro.local>
Date: Wed, 18 Sep 2024 01:04:01 +0530
Subject: [PATCH] Coming soon landing page

---
 public/angularui-white-logo.svg               | 16 +++++++++++++++
 src/app/app.component.html                    |  1 -
 src/app/app.routes.ts                         | 13 ++----------
 .../coming-soon/coming-soon.component.html    | 20 +++++++++++++++++++
 .../coming-soon/coming-soon.component.ts      | 11 ++++++++++
 5 files changed, 49 insertions(+), 12 deletions(-)
 create mode 100644 public/angularui-white-logo.svg
 create mode 100644 src/app/components/coming-soon/coming-soon.component.html
 create mode 100644 src/app/components/coming-soon/coming-soon.component.ts

diff --git a/public/angularui-white-logo.svg b/public/angularui-white-logo.svg
new file mode 100644
index 0000000..3754d1b
--- /dev/null
+++ b/public/angularui-white-logo.svg
@@ -0,0 +1,16 @@
+<svg width="516" height="130" viewBox="0 0 516 130" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_14_122" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="5" width="506" height="120">
+<rect y="5" width="506" height="120" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_14_122)">
+<path d="M61.902 99.9824H77.9964L48.6677 16.6068H30.0118L0.68302 99.9824H16.7775L23.6508 79.448H54.986L61.902 99.9824ZM27.7491 67.2811L39.0196 33.7259H39.6599L50.9304 67.2811H27.7491ZM93.9202 63.3535V99.9824H79.1918V37.4827H93.2799V48.1128H94.0056C95.4571 44.6121 97.7624 41.8372 100.922 39.788C104.081 37.7389 108.008 36.7143 112.662 36.7143C116.973 36.7143 120.73 37.6535 123.975 39.4892C127.177 41.3249 129.695 44.0145 131.446 47.5151C133.239 51.0158 134.092 55.2422 134.05 60.237V99.9824H119.321V62.457C119.321 58.2733 118.254 55.0287 116.077 52.638C113.9 50.29 110.954 49.0947 107.154 49.0947C104.593 49.0947 102.288 49.6497 100.281 50.8023C98.2747 51.9123 96.7378 53.5346 95.5852 55.6691C94.5179 57.761 93.9202 60.3224 93.9202 63.3535ZM166.538 124.701C161.244 124.701 156.719 123.975 152.919 122.566C149.12 121.157 146.089 119.236 143.783 116.845C141.478 114.455 139.856 111.808 139.002 108.905L152.279 105.703C152.877 106.941 153.73 108.136 154.883 109.332C156.036 110.527 157.573 111.552 159.494 112.363C161.415 113.174 163.891 113.558 166.836 113.558C171.02 113.558 174.478 112.534 177.21 110.527C179.943 108.521 181.309 105.191 181.309 100.58V88.7547H180.583C179.815 90.2915 178.705 91.8284 177.253 93.4507C175.802 95.0729 173.881 96.3963 171.533 97.4636C169.142 98.5309 166.196 99.0859 162.61 99.0859C157.829 99.0859 153.474 97.9332 149.547 95.6706C145.662 93.408 142.545 89.9927 140.283 85.5101C137.977 80.9849 136.825 75.3497 136.825 68.5191C136.825 61.6458 137.977 55.8399 140.283 51.1012C142.588 46.3625 145.662 42.7764 149.589 40.3003C153.517 37.8243 157.871 36.6289 162.653 36.6289C166.324 36.6289 169.355 37.2266 171.703 38.4646C174.094 39.7027 175.972 41.1968 177.381 42.9045C178.79 44.6121 179.857 46.2344 180.583 47.7713H181.394V37.44H195.909V100.964C195.909 106.301 194.628 110.741 192.067 114.241C189.505 117.742 186.047 120.346 181.608 122.096C177.168 123.847 172.13 124.701 166.538 124.701ZM166.666 87.5166C169.782 87.5166 172.429 86.7482 174.649 85.254C176.826 83.7171 178.534 81.5399 179.644 78.7223C180.796 75.862 181.351 72.4467 181.351 68.4764C181.351 64.5488 180.796 61.0909 179.644 58.1452C178.534 55.1995 176.869 52.8942 174.692 51.2292C172.514 49.607 169.825 48.7532 166.666 48.7532C163.379 48.7532 160.646 49.607 158.426 51.3146C156.249 53.0223 154.584 55.3703 153.474 58.3159C152.364 61.3043 151.809 64.6769 151.809 68.4337C151.809 72.2759 152.364 75.6058 153.517 78.4661C154.627 81.3264 156.292 83.5463 158.512 85.1259C160.689 86.7055 163.421 87.5166 166.666 87.5166ZM240.521 73.6847V37.4827H255.25V99.9824H240.948V88.8827H240.308C238.899 92.3834 236.594 95.2437 233.349 97.4636C230.147 99.6836 226.177 100.794 221.481 100.794C217.383 100.794 213.754 99.897 210.637 98.0613C207.521 96.2256 205.045 93.5787 203.295 90.0354C201.544 86.5347 200.648 82.2656 200.648 77.2708V37.4827H215.419V75.0081C215.419 78.9784 216.486 82.1375 218.663 84.4429C220.841 86.7909 223.701 87.9435 227.202 87.9435C229.379 87.9435 231.471 87.4312 233.52 86.364C235.569 85.2967 237.234 83.7171 238.557 81.6253C239.881 79.4907 240.521 76.8439 240.521 73.6847ZM274.802 16.6068V99.9824H260.074V16.6068H274.802ZM298.197 101.22C294.227 101.22 290.683 100.495 287.524 99.0859C284.365 97.6771 281.846 95.5425 280.053 92.7676C278.217 89.9927 277.321 86.5347 277.321 82.4364C277.321 78.893 277.961 75.99 279.285 73.6847C280.608 71.3794 282.358 69.5437 284.621 68.1349C286.884 66.7688 289.402 65.7015 292.263 64.9757C295.08 64.25 298.026 63.7377 301.057 63.3962C304.728 63.012 307.674 62.6704 309.98 62.3716C312.242 62.0728 313.907 61.5605 314.974 60.9201C315.999 60.237 316.554 59.2125 316.554 57.8037V57.5475C316.554 54.4738 315.657 52.1257 313.822 50.4181C311.986 48.7532 309.382 47.8993 305.967 47.8993C302.338 47.8993 299.52 48.6678 297.386 50.2473C295.294 51.8269 293.885 53.6626 293.117 55.8399L279.37 53.8761C280.437 50.0766 282.23 46.9174 284.749 44.3133C287.225 41.7518 290.299 39.8307 293.885 38.55C297.514 37.2693 301.484 36.6289 305.838 36.6289C308.87 36.6289 311.858 36.9704 314.846 37.6962C317.835 38.4219 320.567 39.5746 323.043 41.1968C325.519 42.8191 327.483 44.9963 329.02 47.7713C330.514 50.5462 331.282 54.0042 331.282 58.1452V99.9824H317.109V91.4015H316.639C315.743 93.1518 314.505 94.7741 312.883 96.2683C311.26 97.7625 309.254 99.0005 306.82 99.897C304.302 100.794 301.484 101.22 298.197 101.22ZM302.039 90.4196C304.985 90.4196 307.546 89.8219 309.723 88.6693C311.901 87.4739 313.566 85.937 314.761 83.9733C315.956 82.0095 316.511 79.8749 316.511 77.5696V70.1841C316.042 70.5683 315.273 70.9098 314.163 71.2513C313.053 71.5929 311.858 71.849 310.492 72.1051C309.126 72.3613 307.802 72.5748 306.479 72.7455C305.155 72.9163 304.003 73.087 303.021 73.2151C300.844 73.514 298.837 73.9836 297.13 74.6666C295.379 75.3497 294.013 76.2889 293.031 77.4842C292.007 78.6796 291.537 80.2591 291.537 82.1375C291.537 84.8698 292.519 86.9189 294.525 88.2851C296.446 89.7365 298.965 90.4196 302.039 90.4196ZM335.765 99.9824V37.4827H350.066V47.8993H350.707C351.859 44.2706 353.823 41.4957 356.598 39.5319C359.373 37.5681 362.575 36.5862 366.161 36.5862C366.972 36.5862 367.911 36.6289 368.893 36.6716C369.918 36.757 370.772 36.8424 371.455 36.9704V50.5035C370.814 50.29 369.832 50.0766 368.509 49.9058C367.185 49.735 365.862 49.6497 364.624 49.6497C361.934 49.6497 359.544 50.2473 357.409 51.4C355.275 52.5527 353.61 54.1322 352.372 56.1814C351.134 58.2306 350.536 60.5786 350.536 63.2254V99.9824H335.765ZM-25.017 20.449L-29.2007 86.1505L-69.2022 0L-25.017 20.449ZM-52.7235 105.404L-82.9487 122.651L-113.174 105.404L-107.026 90.505H-58.871L-52.7235 105.404ZM-82.9487 32.7013L-67.1103 71.2086H-98.7871L-82.9487 32.7013ZM-136.739 86.1505L-140.88 20.449L-96.6952 0L-136.739 86.1505Z" fill="white"/>
+</g>
+<rect x="391" y="5" width="120" height="120" rx="25" fill="url(#paint0_linear_14_122)"/>
+<path d="M456.932 33.0685H464.967V74.2893C464.967 78.8648 463.949 82.673 461.912 85.714C459.876 88.755 457.169 91.0427 453.794 92.5771C450.446 94.0837 446.805 94.837 442.871 94.837C438.742 94.837 435.004 94.0837 431.656 92.5771C428.336 91.0427 425.699 88.755 423.746 85.714C421.821 82.673 420.859 78.8648 420.859 74.2893V33.0685H428.852V74.2893C428.852 77.4698 429.438 80.0923 430.61 82.1569C431.781 84.2214 433.413 85.7558 435.506 86.7602C437.626 87.7646 440.081 88.2667 442.871 88.2667C445.689 88.2667 448.144 87.7646 450.236 86.7602C452.357 85.7558 454.003 84.2214 455.175 82.1569C456.346 80.0923 456.932 77.4698 456.932 74.2893V33.0685ZM479.454 33.0685V94H471.377V33.0685H479.454Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_14_122" x1="391" y1="122.09" x2="511" y2="7.91018" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EB002D"/>
+<stop offset="1" stop-color="#A139FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 7beb1a0..90c6b64 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,2 +1 @@
-<app-header></app-header>
 <router-outlet></router-outlet>
\ No newline at end of file
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 8ea2332..f6438c3 100644
--- a/src/app/app.routes.ts
+++ b/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,
-            }
-        ]
     }
 ];
diff --git a/src/app/components/coming-soon/coming-soon.component.html b/src/app/components/coming-soon/coming-soon.component.html
new file mode 100644
index 0000000..3171207
--- /dev/null
+++ b/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> -->
\ No newline at end of file
diff --git a/src/app/components/coming-soon/coming-soon.component.ts b/src/app/components/coming-soon/coming-soon.component.ts
new file mode 100644
index 0000000..3ff3f83
--- /dev/null
+++ b/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 {
+
+}