Merge

MissNationSharedUI/Shared/Components/Layout/FooterComponent.razor

@@ -11,7 +11,7 @@
                 </div>
                
                 <div class="col-md-3">
-                    <h5 class="text-uppercase">quick link</h5>
+                    <h5 class="text-uppercase">Quick links</h5>
                     <ul class="f-list">
                         <li>
                             <NavLink href="apply">
@@ -41,7 +41,7 @@
                     <div class="container">
                         <div class="row">
                             <div class="col-md-6">
-                                <span class="m-top-10">Copyright 2012 - 2015 Massive Theme by <a href="http://themebucket.net/" class="f-link" target="_blank">ThemeBucket</a> | All Rights Reserved</span>
+                                <span class="m-top-10">Copyright 2021-2024 MissNation, created by <a href="https://aycode.com/" class="f-link" target="_blank">AYCode</a> | All Rights Reserved</span>
                             </div>
                            
                         </div>

MissNationSharedUI/Shared/Components/Layout/NavbarComponent.razor

@@ -8,7 +8,7 @@
 
                 <NavLink href="/" class="logo-brand">
                 
-                    <img class="retina" src="_content/MissNationSharedUI/assets/img/logohotel1.png" alt="Massive">
+                    <img class="retina" src="_content/MissNationSharedUI/assets/img/logo1.png" alt="Massive">
             
                     </NavLink>
                

MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor

@@ -0,0 +1,22 @@
+<!--hero section-->
+<div class="banner-state vertical-align mt-5" style="height:80vh;">
+    <div class="container-mid">
+        <div class="container">
+            <div class="row">
+                <div class="col-12">
+                    <div class="banner-title align-content-center" style="display:inline-grid; height:100%; width:100%; margin: 0 auto;">
+                        <div id="containerAnimation" class="container-overflowvisible justify-content-center" style="display:grid; height:100%; width: 100%">   
+                            <img class="right-to-left" src="_content/MissNationSharedUI/assets/img/logohotel1.png" style="animation-duration: 1725ms; opacity: 0.2; align-self:center; filter: blur(4px); max-width:400px; width:50vw" />
+                            <p style="animation-duration: 1725ms; font-size:15vw; text-align:center" class="right-to-left">#IonQP</p>  
+                            </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!--hero section-->
+
+@code {
+
+}

MissNationSharedUI/Shared/Components/Pages/Index.razor

@@ -5,7 +5,7 @@
 
 <!--body content start-->
 <section class="body-content ">
-
+    <SuperHeroComponent/>
     <HeroComponent />
     <!--slider box-->
     <!--ads box-->

MissNationSharedUI/wwwroot/assets/css/style.css

@@ -265,10 +265,35 @@ pre {
     font-size: 0.8rem;
 }
 
+
+.container-overflowvisible {
+    margin: 0px;
+}
+
+.right-to-left {
+    font-family: 'Poppins', sans-serif;
+    animation: 0.4s right-to-left forwards;
+    font-size: 24px;
+    font-weight: 600;
+    letter-spacing: -.005em;
+    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
+    color: rgba(20,20,20,0.8);
+    
+}
+
+@keyframes right-to-left {
+    from {
+        transform: translateX(-100vw);
+    }
+
+    to {
+        transform: translateX(0);
+    }
+}
+
 /*==============================================
  Utility
  ===============================================*/
-
 .column-two,
 .column-three,
 .column-four {