🎨 Move community feedback section to a different position on the home page

Author: HassanZahirnia

resources/views/components/home/hero.blade.php

@@ -556,10 +556,10 @@ class="font-afacad mx-auto max-w-2xl pt-5 text-center text-3xl leading-normal te
                 }
             "
             href="{{ route('docs') }}"
-            class="group inline-flex items-center gap-3 rounded-3xl bg-purple-200 py-2 pr-5 pl-2 text-lg font-medium transition duration-300 ease-in-out hover:bg-purple-200"
+            class="group inline-flex items-center gap-3 rounded-3xl bg-purple-200 py-2 pr-5 pl-2 text-lg font-medium transition duration-300 ease-in-out hover:bg-blue-200"
         >
             <div
-                class="relative isolate grid size-12 place-items-center overflow-hidden rounded-2xl bg-purple-300/50 transition duration-300 ease-in-out group-hover:bg-purple-300/50"
+                class="relative isolate grid size-12 place-items-center overflow-hidden rounded-2xl bg-purple-300/50 transition duration-300 ease-in-out group-hover:bg-blue-300/50"
             >
                 {{-- Left meteor 1 --}}
                 <div

resources/views/components/home/sponsors.blade.php

@@ -1,4 +1,4 @@
-<section class="mx-auto w-full max-w-(--breakpoint-lg) px-5 pt-20">
+<section class="mx-auto mt-20 w-full max-w-(--breakpoint-lg) px-5">
     <div
         x-data
         x-ref="sponsors_section"
@@ -588,36 +588,4 @@ class="scale-90 rotate-20"
             </svg>
         </div>
     </div>
-
-    {{-- Dashed Separator --}}
-    <div
-        x-data
-        x-ref="separator"
-        x-init="
-            () => {
-                if (reducedMotion) return
-                gsap.timeline({
-                    scrollTrigger: {
-                        trigger: $refs.separator,
-                        start: 'top bottom-=150px',
-                    },
-                }).fromTo(
-                    $refs.separator,
-                    {
-                        clipPath: 'polygon(0 0, 100% 0, 100% 0, 0 0)',
-                    },
-                    {
-                        clipPath: 'polygon(0 0, 100% 0, 100% 100%, 0 100%)',
-                        duration: 0.7,
-                        ease: 'circ.out',
-                    },
-                )
-            }
-        "
-        class="bg-red my-8 grid h-24 place-items-center"
-    >
-        <div
-            class="h-full border-r-[1.5px] border-dashed border-r-black/50"
-        ></div>
-    </div>
 </section>

resources/views/components/home/v4-features.blade.php

@@ -1,4 +1,4 @@
-<section class="mx-auto w-full max-w-(--breakpoint-lg) px-5 pt-20">
+<section class="mx-auto mt-32 w-full max-w-(--breakpoint-lg) px-5">
     <div
         x-init="
             () => {

resources/views/home.blade.php

@@ -7,9 +7,9 @@
     <x-home.demo />
     <x-home.stats />
     <x-home.tall />
+    <x-home.tweets />
     <x-home.v4-features />
     <x-home.v3-features />
     <x-home.sponsors />
-    <x-home.tweets />
     <x-sunset />
 </x-layouts.app>