From 2cc1df973f305329fe68dbeed112afc61c4c9925 Mon Sep 17 00:00:00 2001
From: Milad Raeisi <miladsoft@yahoo.com>
Date: Fri, 27 Dec 2024 07:00:53 +0400
Subject: [PATCH] Change $ icon in home component

---
 src/app/pages/home/home.component.ts | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
index 1e78bdb..185a4da 100644
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -17,7 +17,7 @@ import { DatePipe } from '@angular/common';
         <div class="hero-content">
           <h1>Welcome to Angor Hub</h1>
           <p class="hero-description">
-            Your central place for discovering and investing in Bitcoin projects. 
+            Your central place for discovering and investing in Bitcoin projects.
             Join a community of innovators and investors shaping the future of finance.
           </p>
           <a routerLink="/explore" class="cta-button">
@@ -31,7 +31,7 @@ import { DatePipe } from '@angular/common';
     <div class="features">
       <div class="feature-card">
         <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
             d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7" />
         </svg>
         <h2>Discover Projects</h2>
@@ -39,8 +39,7 @@ import { DatePipe } from '@angular/common';
       </div>
       <div class="feature-card">
         <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-            d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+          <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-width="0.2" d="M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM11 6C11 5.44772 10.5523 5 10 5C9.44772 5 9 5.44772 9 6V7H8C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9V12V15C7.44772 15 7 15.4477 7 16C7 16.5523 7.44772 17 8 17H9V18C9 18.5523 9.44772 19 10 19C10.5523 19 11 18.5523 11 18V17H12V18C12 18.5523 12.4477 19 13 19C13.5523 19 14 18.5523 14 18V17H14.5C16.1569 17 17.5 15.6569 17.5 14C17.5 13.09 17.0949 12.2747 16.4551 11.7245C16.7984 11.2367 17 10.6419 17 10C17 8.34315 15.6569 7 14 7V6C14 5.44772 13.5523 5 13 5C12.4477 5 12 5.44772 12 6V7H11V6ZM13 15H10V13H12H14H14.5C15.0523 13 15.5 13.4477 15.5 14C15.5 14.5523 15.0523 15 14.5 15H13ZM13 9H10V11H12H14C14.5523 11 15 10.5523 15 10C15 9.44772 14.5523 9 14 9H13Z" />
         </svg>
         <h2>Invest Securely</h2>
         <p>Invest in projects with confidence using our secure and transparent platform.</p>
@@ -58,7 +57,7 @@ import { DatePipe } from '@angular/common';
     <section class="blog-section">
       <div class="container">
         <h2 class="section-title">Latest from the Blog</h2>
-        
+
         @if (blogPosts.length > 0) {
           <div class="blog-grid">
             <a [href]="blogPosts[0].link" class="blog-post featured" target="_blank">
@@ -70,7 +69,7 @@ import { DatePipe } from '@angular/common';
                 <p class="post-excerpt">{{blogPosts[0].description}}</p>
               </div>
             </a>
-            
+
             <div class="blog-posts-secondary">
               @for (post of blogPosts.slice(1); track post.link) {
                 <a [href]="post.link" class="blog-post" target="_blank">