Added slogans

- Added Navbar hover animations

frontend/src/app/home/home.component.html

@@ -1,6 +1,6 @@
 <div class="container mx-auto p-4 mt-4 overflow-visible md:overflow-hidden">
   <h1 class="text-4xl font-bold text-center text-gray-800 mb-10">Welcome to SharePulse</h1>
-  <p class="text-xl text-center text-gray-800 mb-10">Where sharing files is easier than finding a matching sock on laundry day!</p>
+  <p class="text-xl text-center text-gray-800 mb-10">{{ slogan }}</p>
   <div class="grid md:grid-cols-2 gap-4">
     <!-- Downloading Section -->
     <div class="bg-white shadow-lg rounded-lg p-6 flex flex-col items-center justify-center text-center ">

frontend/src/app/home/home.component.ts

@@ -2,6 +2,7 @@ import {Component, ElementRef, ViewChild} from '@angular/core';
 import {RouterLink} from "@angular/router";
 import {FormsModule} from "@angular/forms";
 import {LegalService} from "../../service/legalService";
+import slogans from "../../assets/slogans";
 
 @Component({
   selector: 'app-home',
@@ -14,7 +15,10 @@ import {LegalService} from "../../service/legalService";
   styleUrl: './home.component.scss'
 })
 export class HomeComponent {
+
+  slogan: string = "";
   constructor(private legalService: LegalService) {
+    this.slogan = slogans[Math.floor(Math.random() * slogans.length)];
   }
 
   openPrivacyPolicyModal() {

frontend/src/app/navbar/navbar.component.html

@@ -1,12 +1,12 @@
 <header>
   <nav class="bg-white border-gray-200 px-4 lg:px-6 py-2.5 border-b-2 border-accent-content/5" [ngClass]="{'navbar-shadow': isMenuOpen}">
     <div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl">
-      <a routerLink="/" class="flex items-center">
+      <a routerLink="/" class="flex items-center hover:scale-110 transition-transform duration-100">
         <img src="./assets/cloud-solid.svg" class="mr-3 h-6 sm:h-9 animate-in fade-in slide-in-from-top duration-500" alt="Flowbite Logo" />
         <span class="self-center text-xl font-semibold whitespace-nowrap">SharePulse</span>
       </a>
       <div class="flex items-center lg:order-2">
-        <a routerLink="/credits" class="flex justify-center items-center text-gray-800 font-medium rounded-lg text-sm px-5 py-2 lg:py-2.5 lg:px-5 mr-2" style="min-width: 9rem;"><!--Administration-->About</a>
+        <a routerLink="/credits" class="hover:scale-110 transition-transform duration-100 lg:visible invisible flex justify-center items-center text-gray-800 font-medium rounded-lg text-sm px-5 py-2 lg:py-2.5 lg:px-5 mr-2" style="min-width: 9rem;"><!--Administration-->About</a>
         <button (click)="toggleMenu()" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 " aria-controls="mobile-menu-2" aria-expanded="false">
           <span class="sr-only">Open main menu</span>
           <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
@@ -16,10 +16,13 @@
       <div [ngClass]="{'hidden': !isMenuOpen, 'flex': isMenuOpen}" class="justify-between items-center w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
         <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
           <li>
-            <a routerLink="/download" class="block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">Download</a>
+            <a routerLink="/download" class="hover:scale-110 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">Download</a>
           </li>
           <li>
-            <a routerLink="/upload" class="block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">Upload</a>
+            <a routerLink="/upload" class="hover:scale-110 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">Upload</a>
+          </li>
+          <li class="lg:hidden visible">
+            <a routerLink="/about" class="hover:scale-110 transition-transform duration-100 block py-2 pr-4 pl-3 rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0" aria-current="page">About</a>
           </li>
         </ul>
       </div>

frontend/src/assets/slogans.ts

@@ -0,0 +1,41 @@
+let slogans = [
+  "Where files meet freedom, and lost socks are forgotten!",
+  "Where sending files is as easy as pie – minus the baking part.",
+  "Like finding money in your pocket, but for files.",
+  "Making file sharing as easy as falling off a log (without the bruises).",
+  "Sending files, as effortless as finding water in the ocean!",
+  "Sharing files made so simple, even your grandma is doing it in her sleep!",
+  "Where sharing files is easier than choosing a movie on movie night.",
+  "Where sharing files is quicker than making instant noodles, and way more satisfying.",
+  "Sharing files, as straightforward as a one-way street – but with no traffic.",
+  "File sharing, smoother than a freshly paved road.",
+  "Sharing files like hitting every green light on your way home.",
+  "Sharing files made easier than getting a cat to ignore a laser pointer.",
+  "Sharing files so easy, you'd think we found a cheat code for the internet.",
+  "Where files fly faster than jokes at a family dinner.",
+  "Sharing files made simpler than a two-piece puzzle.",
+  "File sharing as easy as getting sand at the beach – but without the cleanup.",
+  "Like a hot knife through butter, but for your files.",
+  "Where sending files is easier than finding a parking spot on a busy day!",
+  "Where sending files is easier than picking a Netflix show on a Friday night!",
+  "Where sending files is easier than saying no to an extra slice of pizza!",
+  "Where sending files is easier than finding a needle in a haystack — because who does that anyway?",
+  "Where sending files is easier than getting out of bed on a Monday morning!",
+  "Where sending files is easier than keeping a plant alive!",
+  "Where sending files is easier than resisting hitting snooze on your alarm!",
+  "Where sending files is easier than deciding what to have for dinner!",
+  "Where sending files is easier than folding a fitted sheet properly!",
+  "Where sending files is easier than finding someone who dislikes puppies!",
+  "Where sending files is easier than trying to remember your passwords!",
+  "Where sending files is easier than trying to drink water while wearing a facemask!",
+  "Where sending files is easier than figuring out what your cat is thinking!",
+  "Where sending files is easier than avoiding spoilers for your favorite show!",
+  "Where sending files is easier than choosing the perfect emoji for any situation!",
+  "Where sending files is easier than trying to say 'toy boat' five times fast!",
+  "Where sending files is easier than finding your way out of an IKEA!",
+  "Where sending files is easier than putting a USB in the right way on the first try!",
+  "Where sending files is easier than untangling headphones!",
+  "Where sending files is easier than finding a matching pair of socks on laundry day—wait, we've been here before!",
+  "Where sharing files is easier than finding a matching sock on laundry day!"
+]
+export default slogans;