Refactor code structure for improved readability and maintainability

Web/public/images/logos/logo e-dias.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="117px" height="36px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 117.98 36.42"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .str0 {stroke:#5D87FF;stroke-width:0.05;stroke-miterlimit:10}
+    .fil1 {fill:#373435;fill-rule:nonzero}
+    .fil0 {fill:#5D87FF;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="Layer_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0 str0" d="M19.25 2.39c-0.66,0 -1.19,-0.53 -1.19,-1.18 0,-0.66 0.53,-1.18 1.19,-1.18l9.25 0c2.18,0 4.17,0.83 5.62,2.19 1.47,1.37 2.38,3.27 2.38,5.36l0 27.64c0,0.65 -0.53,1.18 -1.18,1.18 -0.34,0 -0.65,-0.15 -0.87,-0.38l-8.32 -7.83 -18.1 0c-2.18,0 -4.17,-0.84 -5.62,-2.2 -1.47,-1.37 -2.38,-3.27 -2.38,-5.36l0 -13.05c0,-2.09 0.91,-3.99 2.38,-5.36 1.45,-1.36 3.44,-2.19 5.62,-2.19l4.53 0c2.81,-0.02 4.63,3.41 5.4,5.56l4.45 9.99c0.26,0.59 -0.01,1.29 -0.6,1.55 -0.16,0.07 -0.32,0.11 -0.48,0.11l0 0 -3.17 0 0 3.29c0,0.04 0,0.07 -0.01,0.11 -0.01,0.69 -0.27,3.81 -3.78,3.75l-2.66 0c-0.65,0 -1.18,-0.53 -1.18,-1.18 0,-0.65 0.53,-1.17 1.18,-1.17l2.69 0c1.27,0.02 1.39,-1.11 1.4,-1.41 0,-0.03 -0.01,-0.06 -0.01,-0.1l0 -0.38c-3.69,0.17 -4.39,-2.23 -4.39,-2.24 -0.2,-0.62 0.15,-1.28 0.77,-1.48 0.62,-0.19 1.29,0.16 1.48,0.78 0,0 0.21,0.75 2.14,0.58l0 -1.73c0,-0.65 0.53,-1.18 1.19,-1.18l2.53 0 -3.7 -8.33c-0.03,-0.05 -0.06,-0.11 -0.08,-0.17 -1.09,-3.06 -2.01,-3.82 -2.48,-3.99l-5.22 0c-1.57,0 -2.99,0.59 -4.02,1.55 -1,0.94 -1.62,2.23 -1.62,3.64l0 13.05c0,1.41 0.62,2.7 1.62,3.64 1.03,0.96 2.45,1.55 4.02,1.55l18.57 0 0 0c0.29,0 0.58,0.11 0.81,0.32l6.73 6.34 0 -24.9c0,-1.41 -0.63,-2.7 -1.63,-3.64 -1.02,-0.96 -2.45,-1.55 -4.01,-1.55l-9.25 0zm-6.57 4.45c0.79,0 1.44,0.65 1.44,1.45 0,0.79 -0.65,1.44 -1.44,1.44 -0.8,0 -1.45,-0.65 -1.45,-1.44 0,-0.8 0.65,-1.45 1.45,-1.45z"/>
+  <g id="_1401823420080">
+   <path class="fil1" d="M52.77 16.61c0,0.62 0.49,1.15 1.13,1.15l4.28 -0.02c0.65,0 1.13,-0.52 1.13,-1.14 0,-0.64 -0.48,-1.15 -1.13,-1.15l-4.28 0.02c-0.64,0 -1.13,0.51 -1.13,1.14z"/>
+   <path class="fil1" d="M42.08 26.8l9 0c0.67,0.02 1.18,-0.52 1.18,-1.19 0,-0.66 -0.51,-1.2 -1.18,-1.2l-7.73 0 0 -6.63 5.68 0c0.67,0 1.19,-0.49 1.19,-1.15 0,-0.67 -0.52,-1.19 -1.19,-1.18l-5.68 0 0 -6.66 7.73 0c0.67,0 1.18,-0.52 1.18,-1.19 0,-0.67 -0.51,-1.2 -1.18,-1.2l-8.91 0c-0.66,0 -1.21,0.51 -1.21,1.2l0 17.99c0,0.65 0.47,1.16 1.12,1.21z"/>
+   <path id="_1" class="fil1" d="M63.58 26.8l3.49 0c5.72,-0.01 10.36,-4.43 10.36,-10.16 0,-5.74 -4.66,-10.24 -10.39,-10.24l-3.46 0c-0.66,0 -1.2,0.51 -1.2,1.18l0 18.05c0,0.65 0.54,1.17 1.2,1.17zm1.19 -2.39l0 -15.59 2.27 0c4.44,0 8,3.4 8,7.82 0,4.44 -3.56,7.77 -8,7.77l-2.27 0z"/>
+   <path id="_2" class="fil1" d="M81.62 26.8c0.65,0 1.19,-0.52 1.19,-1.18l0 -18.04c0,-0.67 -0.54,-1.18 -1.19,-1.18 -0.65,0 -1.2,0.51 -1.2,1.18l0 18.04c0,0.66 0.55,1.18 1.2,1.18z"/>
+   <path id="_3" class="fil1" d="M86.45 26.8c0.47,0 0.88,-0.25 1.07,-0.72l2.28 -5.43 8.82 0 2.31 5.43c0.21,0.45 0.64,0.72 1.1,0.72 0.62,0 1.18,-0.46 1.18,-1.11 0,-0.2 -0.05,-0.37 -0.13,-0.56l-7.73 -18.01c-0.19,-0.45 -0.62,-0.72 -1.08,-0.72 -0.52,0 -0.92,0.27 -1.11,0.73l-7.81 17.98c-0.08,0.19 -0.11,0.37 -0.11,0.56 0,0.69 0.56,1.13 1.21,1.13zm4.35 -8.54l3.4 -8.03 3.42 8.03 -6.82 0z"/>
+   <path id="_4" class="fil1" d="M111.09 26.99c3.73,0 6.89,-2.52 6.89,-6.18 0,-3.47 -3.03,-4.82 -6.14,-5.74 -2.17,-0.53 -4.74,-1.14 -4.72,-3.3 0.02,-2.04 2.06,-3.14 4,-3.14 1.79,0 2.99,0.51 4.2,1.88 0.19,0.22 0.49,0.25 0.75,0.25 0.6,0 1.1,-0.47 1.1,-1.1 0,-0.14 -0.03,-0.3 -0.13,-0.44 -1.13,-1.94 -3.46,-2.98 -5.95,-2.98 -3.17,0 -6.36,2.15 -6.36,5.54 0,3.35 3.07,4.87 6.39,5.59 2.17,0.66 4.48,1.29 4.48,3.56 0,2.4 -2.28,3.67 -4.42,3.67 -2.07,0 -3.89,-0.96 -4.74,-2.56 -0.3,-0.54 -0.73,-0.73 -1.11,-0.73 -0.6,0 -1.16,0.54 -1.16,1.15 0,0.19 0.05,0.41 0.16,0.63 0.96,2.18 3.68,3.9 6.76,3.9z"/>
+  </g>
+ </g>
+</svg>

Web/src/app/layouts/full/vertical/sidebar/branding.component.ts

@@ -1,20 +1,22 @@
 import { Component } from '@angular/core';
 import { CoreService } from '../../../../services/core.service';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
 
 @Component({
   selector: 'app-branding',
-  imports: [],
+  imports: [CommonModule, RouterModule],
   standalone: true,
   template: `
-    <a href="/" class="logodark">
+    <a [routerLink]="'/'" class="logodark">
       <img
-        src="./assets/images/logos/dark-logo.svg"
+        src="./assets/images/logos/logo e-dias.svg"
         class="align-middle m-2"
         alt="logo"
       />
     </a>
 
-    <a href="/" class="logolight">
+    <a [routerLink]="'/'" class="logolight">
       <img
         src="./assets/images/logos/light-logo.svg"
         class="align-middle m-2"

Web/src/app/pages/front-pages/blog-details/blog-details.component.html

@@ -1,11 +1,11 @@
-<div class="banner-section bg-light-primary spacing-top-bottom">
+<!-- <div class="banner-section bg-light-primary spacing-top-bottom">
   <div class="container">
     <p class="text-primary text-center text-uppercase f-s-14 m-t-0">
       Blog Page
     </p>
     <h1 class="text-center f-s-48 section-sub-title lh-normal">Latest blog & news</h1>
   </div>
-</div>
+</div> -->
 
 <div class="blog-details-content spacing-top-bottom">
   <div class="container">

Web/src/app/pages/front-pages/blog/blog.component.html

@@ -1,9 +1,9 @@
 <div class="banner-section bg-light-primary spacing-top-bottom">
   <div class="container">
     <p class="text-primary text-center text-uppercase f-s-14 m-t-0">
-      Blog Page
+      Blog
     </p>
-    <h1 class="text-center f-s-48 section-sub-title lh-normal">Latest blog & news</h1>
+    <h1 class="text-center f-s-48 section-sub-title lh-normal">Blog & Diskusia</h1>
   </div>
 </div>
 

Web/src/app/pages/front-pages/contact/contact.component.html

@@ -3,8 +3,9 @@
   <div class="banner-section bg-light-primary p-y-80">
     <div class="container m-b-80 p-b-80">
       <div class="container-content">
-        <p class="text-primary text-center text-uppercase f-s-14 m-t-0"> Contact us</p>
+        <p class="text-primary text-center text-uppercase f-s-14 m-t-0"> Chceme sa dozvedieť viac do vás</p>
-        <h1 class="text-center f-s-48 section-sub-title lh-normal">We'd love to hear from you</h1>
+        <h1 class="text-center f-s-48 section-sub-title lh-normal">Kontaktujte nás
+        </h1>
       </div>
     </div>
   </div>
@@ -25,68 +26,66 @@
               <div class="row ">
                 <div class="col-md-6">
                   <!-- input -->
-                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">First Name<span>*</span></mat-label>
+                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Meno<span>*</span></mat-label>
                   <mat-form-field appearance="outline" class="w-100" color="primary">
-                    <input matInput type="text" placeholder="First Name" />
+                    <input matInput type="text" placeholder="Meno" />
                   </mat-form-field>
                   <!-- input -->
-                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Phone Number<span>*</span></mat-label>
+                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Telefónne číslo<span>*</span></mat-label>
                   <mat-form-field appearance="outline" class="w-100" color="primary">
-                    <input matInput type="tel" placeholder="xxx xxx xxxx" />
+                    <input matInput type="tel" placeholder="xxxx xxx xxxx" />
                   </mat-form-field>
                 </div>
                 <div class="col-md-6">
                   <!-- input -->
-                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Last Name<span>*</span></mat-label>
+                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Priezvisko<span>*</span></mat-label>
                   <mat-form-field appearance="outline" class="w-100" color="primary">
-                    <input matInput type="text" placeholder="Last Name" />
+                    <input matInput type="text" placeholder="Priezvisko" />
                   </mat-form-field>
                   <!-- input -->
                   <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Email<span>*</span></mat-label>
                   <mat-form-field appearance="outline" class="w-100" color="primary">
-                    <input matInput type="mail" placeholder="Email address" />
+                    <input matInput type="mail" placeholder="Emailová adresa" />
                   </mat-form-field>
                 </div>
               </div>
 
               <div class="row">
                 <div class="col-lg-12">
-                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Enquire related to<span>*</span>
+                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Dopyt týkajúci sa<span>*</span>
                   </mat-label>
                   <mat-form-field appearance="outline" class="w-100">
                     <mat-select value="General Enquiry">
-                      <mat-option value="General Enquiry">General Enquiry</mat-option>
+                      <mat-option value="General Enquiry">Všeobecný dopyt</mat-option>
-                      <mat-option value="General Enquiry 2">General Enquiry 2</mat-option>
+                      <mat-option value="Registration Enquiry">Žiadosť o registráciu</mat-option>
                     </mat-select>
                   </mat-form-field>
                 </div>
               </div>
               <div class="row">
                 <div class="col-lg-12">
-                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Message</mat-label>
+                  <mat-label class="f-s-14 f-w-600 m-b-8 d-block">Správa</mat-label>
                   <mat-form-field appearance="outline" class="w-100" color="primary">
-                    <textarea matInput rows="5" placeholder="Write your message here"></textarea>
+                    <textarea matInput rows="5" placeholder="Napíšte svoju správu sem"></textarea>
                   </mat-form-field>
                 </div>
               </div>
-              <button mat-flat-button>Submit</button>
+              <button mat-flat-button>Odoslať</button>
             </div>
             <div class="col-md-4 right-side-content">
               <mat-card class="shadow-none bg-primary rounded-8 p-8">
                 <mat-card-content>
                   <div>
-                    <h6 class="f-s-20 m-b-16 text-white">Reach Out Today</h6>
+                    <h6 class="f-s-20 m-b-16 text-white">Kontaktujte nás dnes</h6>
                     <p class="f-s-14 m-0 text-white">
-                      Have questions or need assistance? We're just a message
+                      Máte otázky alebo potrebujete pomoc? Napíšte nám správu.
-                      away.
                     </p>
                   </div>
                   <mat-divider class="m-y-30"></mat-divider>
                   <div>
-                    <h6 class="f-s-20 m-b-16 text-white">Our Location</h6>
+                    <h6 class="f-s-20 m-b-16 text-white">Naša lokalita</h6>
                     <p class="f-s-14 m-0 text-white">
-                      Visit us in person or find our contact details to connect
+                      Navštívte nás osobne alebo nájdite naše kontaktné údaje, aby ste sa s nami mohli priamo spojiť.
-                      with us directly.
                     </p>
                   </div>
                 </mat-card-content>

Web/src/app/pages/front-pages/footer/footer.component.html

@@ -2,7 +2,7 @@
   <div class="footer-wrapper">
     <div class="container">
       <div class="row">
-        <div class="col-md-3 col-6 m-b-30">
+        <!-- <div class="col-md-3 col-6 m-b-30">
           <div class="listContainer">
             <h5 class="f-s-16 f-w-600 m-b-30">Applications</h5>
             <mat-list role="list" class="p-y-0">
@@ -25,8 +25,8 @@
               }
             </mat-list>
           </div>
-        </div>
+        </div>-->
-        <div class="col-md-3 col-6 m-b-30">
+        <!-- <div class="col-md-3 col-6 m-b-30">
           <div class="listContainer">
             <h5 class="f-s-16 f-w-600 m-b-30">Tables</h5>
             <mat-list role="list" class="p-y-0">
@@ -37,9 +37,21 @@
               }
             </mat-list>
           </div>
+        </div> -->
+        <!-- <div class="col-md-3 col-6 m-b-30">
+          <h5 class="f-s-16 f-w-600 m-b-30">Sledujte nás:</h5>
+          <div class="d-flex align-items-center gap-20">
+            @for (icon of socialIcons; track icon.src) {
+            <img [src]="icon.src" [matTooltip]="icon.tooltip" alt="social-icon" width="22" height="22"
+              class="cursor-pointer" />
+            }
           </div>
-        <div class="col-md-3 col-6 m-b-30">
+        </div> -->
-          <h5 class="f-s-16 f-w-600 m-b-30">Follow us</h5>
+      </div>
+      <div class="d-flex align-items-center justify-content-between p-y-30 b-t-1 flex-wrap">
+        <div class="row">
+          <div class="col-md-4">
+            <h5 class="f-s-16 f-w-600 m-b-30">Sledujte nás:</h5>
             <div class="d-flex align-items-center gap-20">
               @for (icon of socialIcons; track icon.src) {
               <img [src]="icon.src" [matTooltip]="icon.tooltip" alt="social-icon" width="22" height="22"
@@ -47,22 +59,28 @@
               }
             </div>
           </div>
+          <div class="col-md-4">
+            <img src="/assets/images/logos/logo-nextgen.png" class="img-fluid" style="max-width: 100%; height: auto;" />
+          </div>
+          <div class="col-md-4 content-start">
+            <img src="/assets/images/logos/POO_logo_modre.png" class="img-fluid"
+              style="max-width: 100%; height: auto;" />
+          </div>
         </div>
-      <div class="d-flex align-items-center justify-content-between p-y-30 b-t-1 flex-wrap">
         <!-- Left side -->
-        <div class="d-flex align-items-center gap-4">
+        <!-- <div class="d-flex align-items-center gap-4">
           <img src="assets/images/landingpage/favicon.png" alt="logo" width="20" height="15" />
           <h6 class="f-s-16 f-w-500">All rights reserved by Modernize.</h6>
-        </div>
+        </div> -->
 
         <!-- Right side -->
-        <div class="d-flex justify-content-end align-items-center">
+        <!-- <div class="d-flex justify-content-end align-items-center">
           <p class="f-s-16 m-0">
             Designed & Developed by
             <a href="https://adminmart.com/" target="_blank" class="text-decoration-none text-primary">
               AdminMart </a>.
           </p>
-        </div>
+        </div> -->
       </div>
     </div>
   </div>

Web/src/app/pages/front-pages/front-pagesData.ts

@@ -43,107 +43,49 @@ interface setupCards {
 export const cardimgs: cardimgs[] = [
   {
     id: 1,
-    time: '2 mins Read',
+    time: '4 mins Read',
     imgSrc: '/assets/images/blog/blog-img1.jpg',
     user: '/assets/images/profile/user-1.jpg',
-    title: 'As yen tumbles, gadget-loving Japan goes for secondhand iPhones',
+    title: 'Ako AI mení personalizovanú podporu pre osoby s PAS',
-    views: '9,125',
+    views: '4,982',
-    category: 'Social',
+    category: 'AI',
-    comments: 3,
+    comments: 5,
-    date: 'Mon, Dec 23',
+    date: 'Tue, Apr 15'
   },
   {
     id: 2,
-    time: '3 mins Read',
+    time: '5 mins Read',
     imgSrc: '/assets/images/blog/blog-img2.jpg',
     user: '/assets/images/profile/user-2.jpg',
-    title:
+    title: 'IoT v službách samostatnosti – od rutín po bezpečnosť',
-      'Intel loses bid to revive antitrust case against patent foe Fortress',
+    views: '3,741',
-    views: '9,125',
+    category: 'IoT',
-    category: 'Gadget',
+    comments: 2,
-    comments: 3,
+    date: 'Fri, May 10'
-    date: 'Sun, Dec 23',
   },
   {
     id: 3,
-    time: '4 mins Read',
+    time: '3 mins Read',
     imgSrc: '/assets/images/blog/blog-img3.jpg',
     user: '/assets/images/profile/user-3.jpg',
-    title: 'COVID outbreak deepens as more lockdowns loom in China',
+    title: 'Prečo sú dáta kľúčové – analytické reporty v rozhodovaní',
-    views: '9,125',
+    views: '6,309',
-    category: 'Health',
+    category: 'Analytics',
-    comments: 12,
+    comments: 4,
-    date: 'Sat, Dec 23',
+    date: 'Mon, Jun 02'
   },
   {
     id: 4,
-    time: '2 mins Read',
+    time: '4 mins Read',
     imgSrc: '/assets/images/blog/blog-img4.jpg',
-    user: '/assets/images/profile/user-1.jpg',
+    user: '/assets/images/profile/user-4.jpg',
-    title: 'As yen tumbles, gadget-loving Japan goes for secondhand iPhones',
+    title: 'Dostupnosť služieb a digitálna inklúzia – ako prekonať regionálne rozdiely',
-    views: '9,125',
+    views: '2,856',
-    category: 'Social',
+    category: 'Inclusion',
-    comments: 3,
+    comments: 1,
-    date: 'Mon, Dec 23',
+    date: 'Wed, Jun 18'
-  },
+  }
-  {
+]
-    id: 5,
-    time: '3 mins Read',
-    imgSrc: '/assets/images/blog/blog-img5.jpg',
-    user: '/assets/images/profile/user-2.jpg',
-    title:
-      'Intel loses bid to revive antitrust case against patent foe Fortress',
-    views: '9,125',
-    category: 'Gadget',
-    comments: 3,
-    date: 'Sun, Dec 23',
-  },
-  {
-    id: 6,
-    time: '4 mins Read',
-    imgSrc: '/assets/images/blog/blog-img6.jpg',
-    user: '/assets/images/profile/user-3.jpg',
-    title: 'COVID outbreak deepens as more lockdowns loom in China',
-    views: '9,125',
-    category: 'Health',
-    comments: 12,
-    date: 'Sat, Dec 23',
-  },
-  {
-    id: 7,
-    time: '2 mins Read',
-    imgSrc: '/assets/images/blog/blog-img10.jpg',
-    user: '/assets/images/profile/user-1.jpg',
-    title: 'As yen tumbles, gadget-loving Japan goes for secondhand iPhones',
-    views: '9,125',
-    category: 'Social',
-    comments: 3,
-    date: 'Mon, Dec 23',
-  },
-  {
-    id: 8,
-    time: '3 mins Read',
-    imgSrc: '/assets/images/blog/blog-img8.jpg',
-    user: '/assets/images/profile/user-2.jpg',
-    title:
-      'Intel loses bid to revive antitrust case against patent foe Fortress',
-    views: '9,125',
-    category: 'Gadget',
-    comments: 3,
-    date: 'Sun, Dec 23',
-  },
-  {
-    id: 9,
-    time: '4 mins Read',
-    imgSrc: '/assets/images/blog/blog-img9.jpg',
-    user: '/assets/images/profile/user-3.jpg',
-    title: 'COVID outbreak deepens as more lockdowns loom in China',
-    views: '9,125',
-    category: 'Health',
-    comments: 12,
-    date: 'Sat, Dec 23',
-  },
-];
 
 export const productcards: productcards[] = [
   {
@@ -649,16 +591,30 @@ export const followercardThird: followercards[] = [
 ];
 
 export const topcardsGrid = [
-  { title: 'Light & Dark Color Schemes', subtitle: 'Choose your preferred visual style effortlessly.',
+  {
-     img: '/assets/images/svgs/icon-briefcase.svg', color: 'warning' },
+    key: 1, title: 'Personalizácia podpory pomocou umelej inteligencie (AI)', subtitle: 'Obsah a aktivity sa adaptujú na tempo a pokrok každého.',
-  { title: '12+ Ready to Use Application Designs', subtitle: 'Instantly deployable designs for your applications.',
+    img: '/assets/images/svgs/icon-briefcase.svg', color: 'warning'
-    img: 'assets/icons/icon2.png', color: 'secondary',imgMain: '/assets/images/landingpage/background/feature-apps.png', },
+  },
-  { title: 'New Demos', subtitle: 'Brand new demos to help you build the perfect dashboard: <strong>Dark and Right-to-Left.</strong>', 
+  {
-    img: '/assets/images/front-pages/logoIcon.svg', color: 'primary',imgMain: '/assets/images/landingpage/background/screen1.png' },
+    key: 2,
-  { title: 'Code Improvements', subtitle: 'Benefit from continuous improvements and optimizations.', 
+    title: 'Podpora samostatnosti cez IoT', subtitle: 'Prepojené zariadenia uľahčujú každodenné fungovanie.',
-    img: '/assets/images/front-pages/icon-speech-bubble.svg', color: 'success' },
+    img: '/assets/images/svgs/icon-dd-message-box.svg', color: 'secondary', imgMain: '/assets/images/landingpage/background/feature-apps.png',
-  { title: '50+ UI Components', subtitle: 'A rich collection for seamless user experiences.', 
+  },
-    img: '/assets/images/front-pages/icon-favorites.svg', color: 'error' },
+  {
+    key: 3,
+    title: 'Rozhodovanie na základe dát', subtitle: 'Prehľadné reporty a analýzy optimalizujú intervencie',
+    img: '/assets/images/front-pages/logoIcon.svg', color: 'primary', imgMain: '/assets/images/landingpage/background/screen1.png'
+  },
+  {
+    key: 4,
+    title: 'Dostupnosť kdekoľvek', subtitle: 'Online prístup znižuje regionálne rozdiely v dostupnosti služieb.',
+    img: '/assets/images/front-pages/icon-speech-bubble.svg', color: 'success'
+  },
+  {
+    key: 5,
+    title: 'Škálovateľnosť a prenositeľnosť', subtitle: 'Riešenie je pripravené aj pre seniorov a ďalšie cieľové skupiny a má globálny dosah.',
+    img: '/assets/images/front-pages/icon-favorites.svg', color: 'error'
+  },
 ];
 
 export const setupCards: setupCards[] = [
@@ -719,7 +675,8 @@ export const stats = [
 ];
 
 export const team = [
-  {id: 1,
+  {
+    id: 1,
     name: 'Alex Martinez',
     position: 'CEO & Co-Founder',
     image: 'assets/images/front-pages/user1.jpg'
@@ -736,7 +693,8 @@ export const team = [
     position: 'Product Manager',
     image: 'assets/images/front-pages/user3.jpg'
   },
-  {id: 4,
+  {
+    id: 4,
     name: 'Morgan Patel',
     position: 'Lead Developer',
     image: 'assets/images/front-pages/user4.jpg'

Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html

@@ -4,38 +4,38 @@
       <div class="row justify-content-center">
         <div class="col-md-8">
           <h1 class="banner-title text-center m-t-48">
-            Most powerful &
+            <span class="text-primary">Digitálny asistent </span>
-            <span class="text-primary">developer friendly </span>
+            pre osoby s poruchou autistického spektra (PAS)
-            dashboard
           </h1>
         </div>
       </div>
       <div class="row align-items-end justify-content-center">
         @if(!isMobileView){
 
-        <div class="col-md-3 d-none d-lg-block cardPosition">
+        <!-- <div class="col-md-3 d-none d-lg-block cardPosition">
           <img src="assets/images/front-pages/banner-top-left.svg" alt="banner-top-left"
             class="img-fluid rounded-8 float-image w-100" />
-        </div>
+        </div> -->
         }
 
         <div class="col-md-6 m-b-10">
           <div class="row m-t-24">
             <div class="col-12 d-flex gap-20 align-items-center justify-content-center chipContainer">
-              <div class="social-chips flex-shrink-0">
+              <!-- <div class="social-chips flex-shrink-0">
                 <img src="assets/images/profile/user-2.jpg" width="40" alt="social" class="rounded-circle" />
                 <img src="assets/images/profile/user-3.jpg" width="40" alt="social" class="rounded-circle" />
                 <img src="assets/images/profile/user-4.jpg" width="40" alt="social" class="rounded-circle" />
-              </div>
+              </div> -->
               <div class="f-s-16 f-w-500">
-                52,589+ developers & agencies using our templates
+                Škálovateľná platforma, ktorá prepája AI, IoT a VR/AR na podporu vzdelávania, sociálnej starostlivosti a
+                zdravotníckych služieb pre osoby s PAS
               </div>
             </div>
           </div>
           <div class="d-flex align-items-center justify-content-center m-t-24 gap-20 loginBtn">
             <a mat-flat-button color="primary" [routerLink]="'/authentication/login'"><span
-                class="p-y-10">Login</span></a>
+                class="p-y-10">Prihlásenie</span></a>
-            <div class="d-flex align-items-center" matRipple [matRippleCentered]="centered"
+            <!-- <div class="d-flex align-items-center" matRipple [matRippleCentered]="centered"
               [matRippleDisabled]="disabled" [matRippleUnbounded]="unbounded" [matRippleRadius]="radius"
               [matRippleColor]="color" [ngClass]="{
                 'rounded bg-light-primary': showBackground,
@@ -47,9 +47,9 @@
                 <i-tabler class="icon-18 d-flex margin-auto" name="player-play"></i-tabler></button><span
                 class="textSee f-s-14 f-w-500 m-x-10">
                 See how it works</span>
+            </div> -->
           </div>
-          </div>
+          <!-- <div class="d-flex align-items-center gap-20 justify-content-center framework m-t-32">
-          <div class="d-flex align-items-center gap-20 justify-content-center framework m-t-32">
             @for (framework of frameworks; track framework.tooltip) {
             <a href="javascript:void(0)"
               class="rounded-8 m-b-0 bg-white icon-54 d-flex align-items-center justify-content-center"
@@ -57,22 +57,22 @@
               <img [src]="framework.src" [alt]="framework.alt" class="" width="28" height="28" />
             </a>
             }
-          </div>
+          </div> -->
         </div>
         @if(!isMobileView){
-        <div class="col-md-3 d-none d-lg-block cardPositionTwo">
+        <!-- <div class="col-md-3 d-none d-lg-block cardPositionTwo">
           <img src="assets/images/front-pages/banner-top-right.svg" alt="banner-top-right"
             class="img-fluid rounded-8 float-image w-100" />
-        </div>
+        </div> -->
 
         }
       </div>
       @if (!isMobileView) {
-      <div class="row d-none d-lg-block m-t-30">
+      <!-- <div class="row d-none d-lg-block m-t-30">
         <div class="col-12">
           <img src="assets/images/front-pages/bottom-part.svg" alt="bottom-part" class="w-100 img-fluid d-block" />
         </div>
-      </div>
+      </div> -->
       }
     </div>
   </div>
@@ -80,40 +80,38 @@
   <div class="introducing-section dashboardCards spacing-top-bottom">
     <div class="container card-container">
       <div class="row justify-content-center">
-        <div class="col-md-6">
+        <div class="col-md-8">
           <p class="text-center m-t-0">
-            Introducing Modernize's Light & Dark Skins, Exceptional Dashboards,
+            Projekt prináša komplexné digitálne riešenie na mieru, ktoré sa prispôsobuje potrebám jednotlivca a pomáha
-            and Dynamic Pages - Stay Updated on What's New!
+            odborníkom aj rodinám prijímať lepšie rozhodnutia. Platforma zvyšuje efektivitu služieb, podporuje inklúziu
+            a znižuje regionálne rozdiely v prístupe k podpore – online a dostupne, s potenciálom medzinárodného
+            uplatnenia.
           </p>
         </div>
       </div>
+      <h2 class="f-s-40 lh-lg section-sub-title text-center">Hlavné prínosy</h2>
 
 
       <!--new-->
       <!-- DESKTOP VIEW -->
       @if (!isMobileView) {
-      <div class="row m-t-24">
+      <div class="row m-t-24 justify-content-center">
         <!-- Column 1: Light & Dark + 12+ Designs -->
+        @for (topcard of topcards; track topcard.key) {
         <div class="col-md-4">
           <div>
-            @for (topcard of topcards; track topcard.title) {
+            <!-- @if (topcard.title === 'Light & Dark Color Schemes' || topcard.title.includes('12+')) { -->
-            @if (topcard.title === 'Light & Dark Color Schemes' || topcard.title.includes('12+')) {
             <mat-card class="shadow-none text-center rounded-12 bg-light-{{ topcard.color }} card-box p-x-30 p-y-44">
               <mat-card-content>
-                @if (topcard.title === 'Light & Dark Color Schemes') {
                 <img [src]="topcard.img" alt="icon" width="40" />
-                }
                 <h6 class="f-s-16 m-t-16">{{ topcard.title }}</h6>
                 <p class="f-s-14 m-t-16">{{ topcard.subtitle }}</p>
-                @if (topcard.title.includes('12+')) {
-                <img [src]="topcard.imgMain" alt="image" class="img-fluid w-100 m-t-16 m-b--48" />
-                }
               </mat-card-content>
             </mat-card>
-            }
+            <!-- } -->
-            }
           </div>
         </div>
+        }
         <div class="col-md-4">
           <div>
             @for (topcard of topcards; track topcard.title)
@@ -203,7 +201,7 @@
   <div class="tab-header">
     <mat-divider></mat-divider>
     <div class="container">
-      <mat-tab-group headerPosition="below" [(selectedIndex)]="selectedIndex" class="profileTabs">
+      <!-- <mat-tab-group headerPosition="below" [(selectedIndex)]="selectedIndex" class="profileTabs">
         <mat-tab>
           <ng-template mat-tab-label>
             <tabler-icon name="user-circle" class="m-r-10 icon-24"></tabler-icon>
@@ -228,7 +226,7 @@
             <span class="tab-label f-s-18 f-w-500">Workflows</span>
           </ng-template>
         </mat-tab>
-      </mat-tab-group>
+      </mat-tab-group> -->
 
       <!-- Tab content shown BELOW the tab group -->
 
@@ -312,14 +310,14 @@
     <div class="container">
       <div class="d-flex align-items-center justify-content-center">
         <div class="social-chips flex-shrink-0">
-          <img src="assets/images/profile/user-2.jpg" width="44" height="44" alt="social"
+          <!-- <img src="assets/images/profile/user-2.jpg" width="44" height="44" alt="social"
             class="rounded-circle m-x-1" />
           <img src="assets/images/profile/user-3.jpg" width="44" height="44" alt="social"
-            class="rounded-circle m-x-1" />
+            class="rounded-circle m-x-1" /> -->
         </div>
         <span class="text-white f-s-16 m-l-16">
-          Save valuable time and effort spent searching for a solution.
+          Chcete sa zapojiť do pilotu alebo spolupráce?
-          <a class="text-white f-w-600 m-l-8" href="#">Contact us now</a>
+          <a class="text-white f-w-600 m-l-8" [routerLink]="'/front-pages/contact'">Kontaktujte nás</a>
         </span>
       </div>
     </div>

Web/src/app/pages/front-pages/homepage/homepage.component.html

@@ -13,35 +13,21 @@
             <div class="d-none d-lg-flex justify-content-between toolBarContent">
               <button mat-button class="m-x-8 f-s-15 f-w-500 nav-item" [routerLink]="['/front-pages/about']"
                 [class.selected]="isActiveRoute('about')">
-                About Us
+                Novinky
               </button>
               <button mat-button class="m-x-8 f-s-14 f-w-500 nav-item" [class.selected]="isActiveRoute('blog')"
                 [routerLink]="['/front-pages/blog']">
-                Blogs
+                Blog <span class="bg-light-primary text-primary rounded f-w-600 p-x-8 p-y-4 f-s-12 m-l-4">
-              </button>
+                  Nové
-              <button mat-button class="m-x-8 f-s-15 f-w-500 nav-item" [routerLink]="['/front-pages/portfolio']"
-                [class.selected]="isActiveRoute('portfolio')">
-                Portfolio
-                <span class="bg-light-primary text-primary rounded f-w-600 p-x-8 p-y-4 f-s-12 m-l-4">
-                  New
                 </span>
               </button>
-              <button mat-button class="m-x-8 f-s-15 f-w-500 nav-item" [class.selected]="isActiveRoute('dashboard')"
-                [routerLink]="['/dashboards/dashboard1']">
-                Dashboard
-              </button>
-
-              <button mat-button class="m-x-8 f-s-15 f-w-500 nav-item" [class.selected]="isActiveRoute('pricing')"
-                [routerLink]="['/front-pages/pricing']">
-                Pricing
-              </button>
 
               <button mat-button class="m-x-8 f-s-15 f-w-500 nav-item" [class.selected]="isActiveRoute('contact')"
                 [routerLink]="['/front-pages/contact']">
-                Contact
+                Kontakty
               </button>
             </div>
-            <a mat-flat-button color="primary" class="" [routerLink]="'/authentication/login'">Login</a>
+            <a mat-flat-button color="primary" class="" [routerLink]="'/authentication/login'">Prihlásenie</a>
             } @if(isMobileView){
             <button mat-mini-fab class="bg-light" aria-label="Example icon button with a delete icon"
               (click)="customizerRight.toggle()">
@@ -68,41 +54,24 @@
             <mat-list-item role="listitem">
               <button mat-button class="text-dark" [routerLink]="['/front-pages/about']"
                 [class.selected]="isActiveRoute('about')">
-                About Us
+                Novinky
               </button></mat-list-item>
             <mat-list-item role="listitem">
-              <button mat-button class="text-dark" [class.selected]="isActiveRoute('blogs')"
+              <button mat-button class="text-dark" [class.selected]="isActiveRoute('blog')"
                 [routerLink]="['/front-pages/blog']">
-                Blogs
+                Blog
-              </button></mat-list-item>
-            <mat-list-item role="listitem">
-              <button mat-button class="text-dark" [routerLink]="['/front-pages/portfolio']"
-                [class.selected]="isActiveRoute('portfolio')">
-                Portfolio
                 <span class="bg-light-primary text-primary rounded f-w-600 p-6 p-y-4 f-s-12">
                   New
                 </span>
               </button></mat-list-item>
-            <mat-list-item role="listitem">
-              <button mat-button class="text-dark" [class.selected]="isActiveRoute('dashboard')"
-                [routerLink]="['/dashboards/dashboard1']">
-                Dashboard
-              </button>
-            </mat-list-item>
-            <mat-list-item role="listitem">
-              <button mat-button class="text-dark" [class.selected]="isActiveRoute('pricing')"
-                [routerLink]="['/front-pages/pricing']">
-                Pricing
-              </button>
-            </mat-list-item>
             <mat-list-item role="listitem">
               <button mat-button class="text-dark " [class.selected]="isActiveRoute('contact')"
                 [routerLink]="['/front-pages/contact']">
-                Contact
+                Kontakty
               </button></mat-list-item>
             <mat-list-item role="listitem" class="w-100">
-              <a mat-flat-button color="primary" class="w-100" [routerLink]="'/authentication/login'">Get
+              <a mat-flat-button color="primary" class="w-100"
-                Started</a></mat-list-item>
+                [routerLink]="'/authentication/login'">Prihlásenie</a></mat-list-item>
           </mat-list>
         </div>
       </div>

theme/packages/main/src/app/layouts/full/vertical/sidebar/branding.component.ts

@@ -7,7 +7,7 @@ import { CoreService } from 'src/app/services/core.service';
   template: `
     <a href="/" class="logodark">
       <img
-        src="./assets/images/logos/dark-logo.svg"
+        src="./assets/images/logos/logo e-dias.png"
         class="align-middle m-2"
         alt="logo"
       />
@@ -15,7 +15,7 @@ import { CoreService } from 'src/app/services/core.service';
 
     <a href="/" class="logolight">
       <img
-        src="./assets/images/logos/light-logo.svg"
+        src="./assets/images/logos/logo e-dias.png"
         class="align-middle m-2"
         alt="logo"
       />