Fixing UI

src/app/(pages)/(public)/(home)/page.tsx

@@ -63,7 +63,6 @@ export default async function Home() {
         </div>
         <div className="aspect-[720/660] bg-cover bg-no-repeat home-food-collage-for-hero-bg" />
       </section>
-      <ReviewsList />
       <section className="w-full flex gap-20 items=center justify-center p-20 pb-40">
         {[
           ["/tiktok-card.png", "#"],
@@ -78,6 +77,7 @@ export default async function Home() {
           </Link>
         ))}
       </section>
+      <ReviewsList />
 
       {/* <FAQBlock /> */}
     </>

src/app/(pages)/(public)/recipes/_components/form.tsx

@@ -20,7 +20,7 @@ export const Form: React.FC<{ suggestions: Array<string> }> = ({
       if (tags?.length) {
         tags.forEach((tag) => params.append("tags", tag.trim()));
       }
-      const endpoint = `/recipes?${params.toString()}&matchAll=true`;
+      const endpoint = `/recipes?${params.toString()}`;
       const data = await fetchRecipes(endpoint);
       console.log("fetched recipes (data): ", data);
       router.push(endpoint);

src/app/(pages)/(public)/recipes/page.tsx

@@ -35,12 +35,12 @@ export default async function RecipesPage({
   }
 
   // Fetch recipes based on search params
-  const recipes = await API.get<Recipe[]>(`recipes?${params.toString()}`).catch(
-    (reason) => {
-      console.log(reason);
-      return [];
-    }
-  );
+  const recipes = await API.get<Recipe[]>(
+    `recipes?${params.toString()}&matchAll=true`
+  ).catch((reason) => {
+    console.log(reason);
+    return [];
+  });
 
   return (
     <>

src/components/navbar.tsx

@@ -37,7 +37,7 @@ export const Navbar: React.FC<NavbarProps> = ({
               <Link
                 href={href}
                 key={`right-${idx}`}
-                className="font-medium text-black hover:text-gray-dark transition-colors uppercase"
+                className="font-medium text-sm text-black hover:text-gray-dark transition-colors uppercase"
               >
                 {label}
               </Link>