build ui header, footer, home page, about page

app/components/layout/Header/Header.tsx

@@ -0,0 +1,25 @@
+import HeaderTop from './HeaderTop';
+import HeaderBottom from './HeaderBottom';
+
+const Header = () => {
+    return (
+        <>
+            <HeaderTop />
+            <HeaderBottom />
+            {/* Search Popup - kept here for now as part of header logic/structure */}
+            <div className="search-popup">
+                <div className="search-popup__overlay search-toggler"></div>
+                <div className="search-popup__content">
+                    <form role="search" method="get" className="search-popup__form" action="#">
+                        <input type="text" id="search" name="search" placeholder="Search Here..." />
+                        <button type="submit" aria-label="search submit" className="search-btn">
+                            <span><i className="fa-regular fa-magnifying-glass"></i></span>
+                        </button>
+                    </form>
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default Header;