src/components/Header.tsx

@@ -26,7 +26,7 @@ export function Header() {
   };
 
   return (
-    <header className="bg-transparent">
+    <header className="bg-white">
       <nav className="border-b border-gray-200">
         <Container className="flex bg-transparent justify-between py-4">
           <div className="relative z-10 flex items-center gap-16">

src/components/Layout.tsx

@@ -5,7 +5,7 @@ import { Header } from './Header'
 export function Layout() {
 
   return (
-    <div className="bg-[white] antialiased relative" style={{ fontFamily: 'var(--font-inter)' }}>
+    <div className="bg-[#fdfdfd] antialiased relative" style={{ fontFamily: 'var(--font-inter)' }}>
       <div className="relative z-10">
         <Header />
         <main>

src/pages/home/HomeAurora.tsx

@@ -6,7 +6,7 @@ export function HomeAurora({ onGetStartedClick }: { onGetStartedClick: () => voi
     <div className="px-4">
       {/* Boxed container */}
       <div
-        className="relative mx-auto max-w-7xl border border-t-0 border-gray-200  overflow-hidden bg-contain bg-right bg-no-repeat"
+        className="relative mx-auto max-w-7xl border border-t-0 border-gray-200 bg-white  overflow-hidden bg-contain bg-right bg-no-repeat"
         style={{ backgroundImage: "url('/images/hero11.webp')" }}
       >
         {/* Inner padding */}

src/pages/home/HomePage.tsx

@@ -38,10 +38,6 @@ export default function HomePage() {
         <HomeTab />
       </AnimatedSection>
 
-      <AnimatedSection>
-       <HomeBenefits />
-      </AnimatedSection>
-
       <AnimatedSection>
         <CallToAction />
       </AnimatedSection>