From 7ee6da68fe30ad7527c8728b00a00138e1654643 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 6 Nov 2025 17:51:49 +0100
Subject: [PATCH] feat: update homepage layout and color scheme

- Changed background colors from transparent/white to off-white (#fdfdfd) for softer appearance
- Removed HomeBenefits section from homepage to streamline content
- Updated header and hero section backgrounds to use consistent white color
---
 src/components/Header.tsx     | 2 +-
 src/components/Layout.tsx     | 2 +-
 src/pages/home/HomeAurora.tsx | 2 +-
 src/pages/home/HomePage.tsx   | 4 ----
 4 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index dfa6042..a6829b8 100644
--- a/src/components/Header.tsx
+++ b/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">
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 07684fd..c4ec6ff 100644
--- a/src/components/Layout.tsx
+++ b/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>
diff --git a/src/pages/home/HomeAurora.tsx b/src/pages/home/HomeAurora.tsx
index e55cadd..7427d14 100644
--- a/src/pages/home/HomeAurora.tsx
+++ b/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 */}
diff --git a/src/pages/home/HomePage.tsx b/src/pages/home/HomePage.tsx
index 596cb2e..31d6943 100644
--- a/src/pages/home/HomePage.tsx
+++ b/src/pages/home/HomePage.tsx
@@ -38,10 +38,6 @@ export default function HomePage() {
         <HomeTab />
       </AnimatedSection>
 
-      <AnimatedSection>
-       <HomeBenefits />
-      </AnimatedSection>
-
       <AnimatedSection>
         <CallToAction />
       </AnimatedSection>