design

SharedUI/Shared/Components/HeroComponent.razor

@@ -1,5 +1,5 @@
 @using BlazorWASM.Shared
-<div class=" bg-dark text-secondary px-4 py-5 text-center">
+<div class="hero text-secondary px-4 py-5 text-center">
     <div class="py-5" style="position: relative">
        
 
@@ -10,8 +10,8 @@
             </h3>
             <p class="fs-5 mb-4" style="position:relative; z-index:100">Üdvözöllek a végtelen képzelet és határtalan kreativitás világában! Együtt induljunk el egy különleges úton, ahol az álmok valósággá válnak.</p>
             <div class="d-grid gap-2 d-sm-flex justify-content-sm-center" style="position:relative; z-index:100">
-                <button type="button" class="button"><a href="/services">What we do</a></button>
-                <button type="button" class="btn btn-outline-light btn-lg px-4"><a href="/portfolio">viwe works</a></button>
+                <button type="button" class="btn glass btn-lg px-4">What we do</button>
+                <button type="button" class="btn glass btn-lg px-4">View works</button>
             </div>
         </div>
       @*   <video autoplay muted loop id="myVideo" style="position:absolute; z-index:2">

SharedUI/Shared/Components/Layout/MainLayout.razor

@@ -38,9 +38,9 @@
 
     public List<NavMenuItem> MenuItems = new List<NavMenuItem>
     {
-        new NavMenuItem("Home", "/home"),
+        new NavMenuItem("Home", "/"),
         new NavMenuItem("Portfolio", "/portfolio"),
-        new NavMenuItem("About", "/about"),
+        //new NavMenuItem("About", "/about"),
         new NavMenuItem("Services", "/services", SubMenu1),
         new NavMenuItem("Contact", "/contact"),
         new NavMenuItem("OtherPages", "/otherpages")        

SharedUI/Shared/Components/Layout/TitlePlusImageLeftComponent.razor

@@ -31,7 +31,7 @@
                                 // <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
                                 foreach (var anyámtyukja in titlePlusImageModel.ContentButtons)
                                 {
-                                    <a href="@anyámtyukja.NavUrl" class="btn btn-primary btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
+                                    <a href="@anyámtyukja.NavUrl" class="btn glass btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
                                 }
 
                             }

SharedUI/Shared/Components/Layout/TitlePlusImageRightComponent.razor

@@ -28,7 +28,7 @@
                                 // <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
                                 foreach (var anyámtyukja in titlePlusImageModel.ContentButtons)
                                 {
-                                    <a href="@anyámtyukja.NavUrl" class="btn btn-primary btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
+                                    <a href="@anyámtyukja.NavUrl" class="btn glass btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
                                 }
 
                             }

SharedUI/Shared/Components/Pages/Home.razor

@@ -9,7 +9,7 @@
 
 <CardComponent/>
 @code {
-    public TitlePlusImageModel contentModel1 = new TitlePlusImageModel("Ismerked meg MangoWeb", ContentModel1Description, "https://images.unsplash.com/photo-1520531158340-44015069e78e?q=80&w=1944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons);
+    public TitlePlusImageModel contentModel1 = new TitlePlusImageModel("Ismerked meg MangoWeb", ContentModel1Description, "https://images.unsplash.com/photo-1540331547168-8b63109225b7?q=80&w=2038&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons);
 
     public static List<DescriptionContent> ContentModel1Description = new List<DescriptionContent>
     {

SharedUI/Shared/Components/Pages/Portfolio.razor

@@ -16,7 +16,7 @@
 
 
 @code {
-    public TitlePlusImageModel contentModel2 = new TitlePlusImageModel("Bublicím", ContentModel2Description2, "https://images.unsplash.com/photo-1520531158340-44015069e78e?q=80&w=1944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons2);
+    public TitlePlusImageModel contentModel2 = new TitlePlusImageModel("Bublicím", ContentModel2Description2, "https://images.unsplash.com/photo-1540331547168-8b63109225b7?q=80&w=2038&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons2);
 
     public static List<DescriptionContent> ContentModel2Description2 = new List<DescriptionContent>
     {

SharedUI/Shared/Components/Pages/Prices.razor

@@ -0,0 +1,27 @@
+@page "/prices"
+@using BlazorWASM.Shared
+@using SharedUI.Shared.Components.Layout
+
+
+
+
+<TitlePlusImageRightComponent titlePlusImageModel="@contentModel2" />
+
+
+@code {
+    public TitlePlusImageModel contentModel2 = new TitlePlusImageModel("Bublicím", ContentModel2Description2, "https://images.unsplash.com/photo-1520531158340-44015069e78e?q=80&w=1944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons2);
+
+    public static List<DescriptionContent> ContentModel2Description2 = new List<DescriptionContent>
+    {
+        new DescriptionContent("fghhfdhfd")
+
+    };
+
+
+    public static List<ContentButton> CButtons2 = new List<ContentButton>
+    {
+        new ContentButton("bubli", "#")
+    };
+
+}
+}

SharedUI/wwwroot/assets/css/style.css

@@ -39,3 +39,35 @@
  li a {
     margin-right: 20px;
 }
+
+ body {
+     background-image: url('../img/mangpo_bg_2.png');
+     background-size:cover;
+     background-attachment: fixed;
+     color:#fff;
+ }
+
+.lc-block {
+    
+}
+
+.glass {
+    background: rgba( 255, 255, 255, 0.25 );
+    box-shadow: 0 8px 32px 0 rgba( 30, 30, 30, 0.37 );
+    backdrop-filter: blur( 4px );
+    -webkit-backdrop-filter: blur( 4px );
+    border-radius: 10px;
+    border: 1px solid rgba( 255, 255, 255, 0.18 );
+    color: white;
+}
+
+.hero {
+    background-image: url('../img/mango_hero.png');
+    background-size: cover;
+    background-position: center;
+    height: 80vh;
+}
+
+.bg-dark {
+    background-color: rgba(31, 31, 31, 255) !important;
+}