Started adding advanced search

app/templates/product_finder.html

@@ -26,6 +26,25 @@
             Start
         </div>
 
+        <!-- Search Bar Component -->
+        <div class="search-container" id="searchContainer" style="display: none;">
+            <div class="search-wrapper">
+                <div class="search-input-wrapper">
+                    <input type="text" 
+                           id="searchInput" 
+                           class="search-input" 
+                           placeholder="Search for products... (e.g., Storm Window)"
+                           autocomplete="off">
+                    <div class="search-dropdown" id="searchDropdown"></div>
+                </div>
+                <div class="search-buttons">
+                    <button class="search-btn view-btn" id="viewBtn" onclick="handleViewProduct()" disabled>View</button>
+                    <button class="search-btn search-btn-action" onclick="handleSearchResults()">Search</button>
+                    <button class="search-btn advanced-btn" onclick="handleAdvancedSearch()">Advanced Search...</button>
+                </div>
+            </div>
+        </div>
+
         <div id="content">
             <!-- Content will be dynamically loaded here -->
         </div>