src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
@@ -142,6 +141,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       mediaPosition="left"
       background={{ variant: "rotated-rays-animated" }}
+      className="py-16 md:py-24"
+      containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
+      titleClassName="text-4xl md:text-5xl font-bold mb-4"
     />
   </div>
 
@@ -162,6 +164,8 @@ export default function LandingPage() {
           ]
         }
       ]}
+      className="bg-[var(--background-accent)] pt-16 pb-8"
+      containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
     />
   </div>
       </ReactLenis>