refactor: reposition BentoReviews section below ClickableGallery

src/app/(main)/page.tsx

@@ -27,9 +27,6 @@ export default function Home() {
       <section id="technologies">
         <StackSectionPreview />
       </section>
-      <section id="bento-reviews">
-        <BentoReviews />
-      </section>
       <section id="deploy">
         <Steps />
       </section>
@@ -39,6 +36,9 @@ export default function Home() {
       <section id="clickable-gallery">
         <ClickableGallery />
       </section>
+      <section id="bento-reviews">
+        <BentoReviews />
+      </section>
       <section id="call-to-action">
         <CallToAction />
       </section>

src/components/Companies.tsx

@@ -40,7 +40,7 @@ const row2 = logos.slice(6);
 
 export function Companies() {
   return (
-    <div id="companies" className="relative bg-black flex flex-col items-center justify-center w-full overflow-hidden antialiased  py-4 -top-20">
+    <div id="companies" className="relative bg-black flex flex-col items-center justify-center w-full overflow-hidden antialiased  py-4 mb-12">
       <div className="relative z-10 mx-auto w-full max-w-6xl p-4">
 
         {/* Heading */}