Update

resources/js/pages/home/home.tsx

@@ -1,10 +1,12 @@
 import { useEffect, useState } from 'react';
+import BrandLogo from './partials/BrandLogo.jsx';
 import FAQDiscord from './partials/FAQDiscord.jsx';
 import Features from './partials/Features.jsx';
 import Footer from './partials/Footer.jsx';
 import Hero from './partials/Hero.jsx';
+import MemeLibrarySearch from './partials/MemeLibrarySearch.jsx';
 
-const Home = ({ faqData }) => {
+const Home = ({ faqData, popularKeywords }) => {
     const [isClient, setIsClient] = useState(false);
     const [Editor, setEditor] = useState(null);
 
@@ -19,7 +21,8 @@ const Home = ({ faqData }) => {
     }, []);
 
     return (
-        <div className="min-h-[100vh] bg-neutral-50 pb-10 dark:bg-black">
+        <div className="min-h-[100vh] space-y-0 bg-neutral-50 py-6 dark:bg-black">
+            <BrandLogo className="pb-2" />
             <div className="to-muted/10 w-full bg-gradient-to-b from-transparent dark:from-transparent dark:to-neutral-900">
                 {isClient && Editor ? (
                     <Editor />
@@ -29,8 +32,9 @@ const Home = ({ faqData }) => {
                     </div>
                 )}
             </div>
-            <div className="space-y-16 pt-6">
+            <div className="space-y-16">
                 <Hero />
+                <MemeLibrarySearch popularKeywords={popularKeywords} />
                 <Features />
                 <FAQDiscord faqData={faqData} />
             </div>