remove nx workspace

src/app/app.component.ts

@@ -1,7 +1,7 @@
 // src/app/app.component.ts
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
-import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
+import { RouterOutlet } from '@angular/router';
 import * as AOS from 'aos';
 import { OverlayService } from './services/overlay.service';
 import { Observable } from 'rxjs';
@@ -9,7 +9,7 @@ import { Observable } from 'rxjs';
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [CommonModule, RouterOutlet, RouterLink, RouterLinkActive],
+  imports: [CommonModule, RouterOutlet],
   template: `
     <router-outlet></router-outlet>
 

src/app/components/contact.component.ts

@@ -91,7 +91,7 @@ interface ErrorResponse {
 })
 export class ContactComponent {
   private hostname = window.location.hostname;
-  private apiBaseUrl = `http://${this.hostname}:3000`;
+  private apiBaseUrl = '';//`http://${this.hostname}:3000`;
   formData = {
     name: '',
     email: '',

src/app/components/footer.component.ts

@@ -13,10 +13,11 @@ import { CommonModule } from '@angular/common';
           © {{currentYear}} Bay Area Affiliates, Inc. All rights reserved.
         </div>
         <div class="flex space-x-4 mb-4 md:mb-0">
-          <a href="#" class="hover:text-blue-400"><i class="fab fa-facebook-f"></i></a>
+          <!-- <a href="#" class="hover:text-blue-400"><i class="fab fa-facebook-f"></i></a>
           <a href="#" class="hover:text-blue-400"><i class="fab fa-twitter"></i></a>
           <a href="#" class="hover:text-blue-400"><i class="fab fa-linkedin-in"></i></a>
-          <a href="#" class="hover:text-blue-400"><i class="fab fa-instagram"></i></a>
+          <a href="#" class="hover:text-blue-400"><i class="fab fa-instagram"></i></a> -->
+          <a href="tel:361-765-8400" class="hover:text-blue-400"><i class="fas fa-phone-alt mr-2"></i>361-765-8400</a>
         </div>
         <div class="hidden md:flex space-x-4">
           <button 

src/app/components/header.component.ts

@@ -12,7 +12,7 @@ import { CommonModule } from '@angular/common';
         <!-- Logo und Label -->
         <div class="flex items-center">
           <img 
-            src="assets/logo.webp" 
+            src="assets/logo.svg" 
             alt="Bay Area Affiliates Logo" 
             class="h-8 w-auto mr-3" 
             loading="lazy"

src/app/components/hero.component.ts

@@ -21,7 +21,7 @@ import { CommonModule } from '@angular/common';
           </a>
         </div>
         <div class="w-full md:w-1/2 flex justify-center">
-          <img src="assets/it-services.webp" alt="IT Services" class="rounded-lg shadow-lg h-[300px] w-[600px] object-cover">
+          <img src="assets/it-services.jpg" alt="IT Services" class="rounded-lg shadow-lg h-[300px] w-[600px] object-cover">
         </div>
       </div>
     </section>

src/assets/logo.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40"
+   height="40"
+   viewBox="0 0 10.583333 10.583333"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <g
+       id="g2"
+       transform="translate(-59.849599,-62.962344)">
+      <g
+         id="g3"
+         transform="matrix(2.4622373,0,0,2.4622373,-103.30064,-98.368198)">
+        <path
+           id="rect4"
+           style="opacity:0.92;fill:#000080;fill-opacity:0;stroke-width:0.0110529;-inkscape-stroke:none;paint-order:markers fill stroke"
+           d="m 69.557843,68.36669 v -1.921262 h -1.960031 v 1.445588 c 0,0.26351 0.212068,0.475674 0.475578,0.475674 z" />
+        <path
+           id="path1"
+           style="opacity:0.92;fill:#000080;stroke-width:0.0110529;-inkscape-stroke:none;paint-order:markers fill stroke"
+           d="m 68.07339,65.851028 c -0.26351,0 -0.475578,0.212067 -0.475578,0.475579 v 0.118821 h 1.960031 v 1.921262 h 0.10113 c 0.26351,0 0.475578,-0.212164 0.475578,-0.475674 v -1.564409 c 0,-0.263512 -0.212068,-0.475579 -0.475578,-0.475579 z" />
+        <path
+           id="rect14"
+           style="opacity:0.92;fill:#0000ff;fill-opacity:0;stroke-width:0.0110529;-inkscape-stroke:none;paint-order:markers fill stroke"
+           d="m 68.587351,69.424584 v -1.960128 h -1.99822 v 1.484453 c 0,0.26351 0.212067,0.475675 0.475577,0.475675 z" />
+        <path
+           id="path2"
+           style="opacity:0.92;fill:#0000ff;stroke-width:0.0110529;-inkscape-stroke:none;paint-order:markers fill stroke"
+           d="m 67.064708,66.908921 c -0.26351,0 -0.475577,0.212068 -0.475577,0.475578 v 0.07996 h 1.99822 v 1.960128 h 0.06294 c 0.263512,0 0.475579,-0.212165 0.475579,-0.475675 v -1.56441 c 0,-0.26351 -0.212067,-0.475578 -0.475579,-0.475578 z" />
+      </g>
+    </g>
+  </g>
+</svg>

src/index.html

@@ -5,7 +5,7 @@
   <title>Bay Area Affiliates, Inc. | IT Services for Coastal Bend</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/x-icon" href="favicon.png">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 </head>
 <body class="font-sans antialiased text-gray-800">

src/styles.scss

@@ -1,7 +1,7 @@
-/* You can add global styles to this file, and also import other style files */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@use 'tailwindcss' as *;
+button {
+  cursor: pointer;
+}
 
 /* src/styles.css */