Title fixes meta tags SEO fixes

MissNationBlazorHybrid/wwwroot/index.html

@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
     <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />-->
-    <title>MissNationBlazorWASM</title>
+    <title>MissNation</title>
 
 
     <!-- inject:css -->

MissNationBlazorWASM/Client/wwwroot/index.html

@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
     <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />-->
-    <title>MissNationBlazorWASM</title>
+    <title>MissNation</title>
 
 
     <!-- inject:css -->

MissNationSharedUI/Shared/Components/Layout/MyTitleComponent.razor

@@ -0,0 +1,15 @@
+<div class="container-fluid" style="padding-top:100px">
+    <div class="row text-center py-5 my-5 text-white">
+
+        <h1>@PageTitle</h1>
+
+    </div>
+</div>
+
+
+@code {
+
+    [Parameter]
+    public string PageTitle { get; set; }
+
+}

MissNationSharedUI/Shared/Components/Layout/QuoteRightComponent.razor

@@ -27,9 +27,9 @@
                     <img class="image-zoom" src="_content/MissNationSharedUI/assets/img/kidsmom.png" alt="Image">
                 </div>
 
-                <div class="responsive-img">
+                <!--div class="responsive-img">
                     <img class="responsive-img @AddiontionalCssClass" style="width:100%" src="_content/MissNationSharedUI/assets/img/kidsmom.png" alt="">
-                </div>
+                </div-->
             </div>
 
             

MissNationSharedUI/Shared/Components/Pages/Apply.razor

@@ -1,4 +1,8 @@
 @page "/apply"
+@using MissNationSharedUI.Shared.Components.Layout
+<PageTitle>Apply</PageTitle>
+
+<MyTitleComponent PageTitle="Apply"></MyTitleComponent>
 
 <!--body content start-->
 <section class="body-content">

MissNationSharedUI/Shared/Components/Pages/Contact.razor

@@ -1,4 +1,8 @@
 @page "/contact"
+@using MissNationSharedUI.Shared.Components.Layout
+<PageTitle>Contact</PageTitle>
+
+<MyTitleComponent PageTitle="Contact"></MyTitleComponent>
 
 <div class="page-content gray-bg">
     <div class="container">
@@ -8,7 +12,6 @@
             <div class="col- 12 ">
                
                 <div class="panel-body" style="">                    
-                    <h1 class="text-center element-top-20 element-bottom-20 text-normal normal regular" style="color: #333;">Contacts</h1>
                     <div class="divider-border divider-border-center element-top-20 element-bottom-40 os-animation animated fadeIn" data-os-animation="fadeIn" data-os-animation-delay="0.1s" style="height: 3px; animation-delay: 0.1s;">
                         <div class="divider-border-inner" style="width:60px;"></div>
                     </div>

MissNationSharedUI/Shared/Components/Pages/CorporateAbout.razor

@@ -1,5 +1,6 @@
 @page "/corporateabout"
 @layout SecondaryLayout
+@inject NavigationManager NavigationManager
 @using MissNationSharedUI.Shared.Components.Layout
 
 
@@ -41,6 +42,17 @@
 
     private IJSObjectReference _jsModule;
 
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        var currentUri = new Uri(NavigationManager.Uri);
+        if (currentUri.Host == "missnationllc.com")
+        {
+            NavigationManager.NavigateTo("/corporateabout");
+        }
+    }
+
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         base.OnAfterRender(firstRender);

MissNationSharedUI/Shared/Components/Pages/Gallery.razor

@@ -1,7 +1,11 @@
-  @page "/gallery"
+@page "/gallery"
+@using MissNationSharedUI.Shared.Components.Layout
+<PageTitle>Gallery</PageTitle> 
+
+<MyTitleComponent PageTitle="Gallery"></MyTitleComponent>
+
 
 
-<!--body content start-->
 <section class="body-content page-content">
 
     <div class="container-fluid">

MissNationSharedUI/Shared/Components/Pages/Help.razor

@@ -1,5 +1,8 @@
 @page "/help"
+@using MissNationSharedUI.Shared.Components.Layout
+<PageTitle>Help</PageTitle>
 
+<MyTitleComponent PageTitle="Help"></MyTitleComponent>
 
 <!--body content start-->
 

MissNationSharedUI/Shared/Components/Pages/Index.razor

@@ -1,11 +1,15 @@
 @page "/"
 @using MissNationSharedUI.Shared.Components.Layout
 
+<PageTitle>Home</PageTitle>
+
+
 
 
 <!--body content start-->
 <section class="body-content gray-bg">
     <SuperHeroComponent />
+    <MyTitleComponent PageTitle="Welcome"></MyTitleComponent>
     <HeroComponent />
     <!--slider box-->
     <!--ads box-->

MissNationSharedUI/wwwroot/assets/css/style.css

@@ -290,18 +290,19 @@ pre {
     
 }
 
+
 .image-zoom {
     position: absolute;
     width: 100%;
     height: auto;
-    transition: transform .2s;
+    transition: transform .1s;
 }
 
 .zoom-wrapper {
     overflow: hidden;
     position: relative;
     width: 100%;
-    height: 100vh;
+    height: 300px;
 }