feat: add consistent border styling and improve layout spacing

- Applied border-gray-200 borders to main sections for visual consistency
- Restructured HomeTab component with full-width card grid layout
- Refined spacing and padding across hero, benefits, and hosting sections

src/pages/home/HomeBenefits.tsx

@@ -34,7 +34,7 @@ export function HomeBenefits() {
     },
   ];
   return (
-    <div className="relative z-20 bg-blackpy-10 lg:py-24 max-w-7xl mx-auto">
+    <div className="relative z-20 bg-blackpy-10 lg:py-24 max-w-7xl mx-auto border border-t-0 border-gray-200">
       <div className="px-12">
         <Eyebrow className="text-center text-cyan-500">
          Benefits
@@ -44,7 +44,7 @@ export function HomeBenefits() {
         </H2>
       </div>
 
-      <div className="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-7 lg:grid-rows-2 lg:px-12 px-6">
+      <div className="mt-10 grid grid-cols-1 gap-4 lg:grid-cols-7 lg:grid-rows-2 lg:px-12 px-6">
           <div className="flex p-px lg:col-span-4">
             <div className="w-full overflow-hidden rounded-lg bg-white/40 dark:bg-black/40 shadow-sm border border-transparent transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-cyan-500/50 hover:border-cyan-500 max-lg:rounded-t-4xl lg:rounded-tl-4xl">
                 <div className="flex items-center">