feat: update homepage layout and visual styling

- Reorganized homepage sections by adding HomeHostingDark and HomeComparisonTable components
- Changed background color of slider section from #0b0b0b to #111111 for better contrast
- Updated card styling in CloudArchitecture to use semi-transparent gray background (bg-gray-50/25)
- Modified paragraph text styling to use leading-tight instead of leading-relaxed for better readability
- Reordered HomeBenefits section placement in the page flow

src/pages/cloud/CloudArchitecture.tsx

@@ -59,7 +59,7 @@ export function CloudArchitecture() {
           {architectureSections.map((section) => (
             <div
               key={section.title}
-              className="flex h-full flex-col rounded-3xl border border-slate-200 bg-white p-8 shadow-sm transition hover:-translate-y-1 hover:border-cyan-300 hover:shadow-lg"
+              className="flex h-full flex-col rounded-3xl border border-slate-200 bg-gray-50/25 p-8 shadow-sm transition hover:-translate-y-1 hover:border-cyan-300 hover:shadow-lg "
             >
               <div className="flex items-center gap-3">
                 <span className="inline-flex size-10 items-center justify-center rounded-full bg-cyan-500/10 text-base font-semibold uppercase tracking-[0.3em] text-cyan-600">