make this same page as in image no other cahnges

index.html

@@ -12,8 +12,7 @@
             box-sizing: border-box;
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         }
-        
-        body {
+body {
             background-color: #ffffff;
             color: #333;
             line-height: 1.6;
@@ -777,12 +776,9 @@
     <header>
         <div class="container header-container">
             <div class="logo">
-                
-                <i class="fas fa-check-circle"></i>
-              WiseFind
+                <img src="https://huggingface.co/spaces/Akshansh115/logo/resolve/main/images/Screenshot%202026-01-04%20214848.png" alt="WiseFind Logo" style="height: 40px;">
             </div>
-            
-            <button class="mobile-menu-btn" id="mobileMenuBtn">
+<button class="mobile-menu-btn" id="mobileMenuBtn">
                 <i class="fas fa-bars"></i>
             </button>
             
@@ -807,8 +803,7 @@
             <div class="hero-content">
                 <h1>Find the Perfect Product for You</h1>
                 <p class="hero-subtitle">Get personalized recommendations from experts and community members</p>
-                
-                <div class="search-box">
+<div class="search-box">
                     <div class="search-input">
                         <i class="fas fa-search"></i>
                         <input type="text" placeholder="What are you looking for?">
@@ -826,9 +821,9 @@
                 </div>
             </div>
             <div class="hero-image">
-                <img src="https://static.photos/technology/1200x630/42" alt="Smartphone and accessories">
+                <img src="https://huggingface.co/spaces/Akshansh115/logo/resolve/main/images/Screenshot%202026-01-04%20214848.png" alt="WiseFind Hero Image" style="max-height: 400px;">
             </div>
-        </div>
+</div>
     </section>
 <!-- Features Section -->
     <section class="features" id="features">