From 12dd415d90cfdb8e18bb0541e247a931a55ed91a Mon Sep 17 00:00:00 2001
From: hyochan <dooboolab@gmail.com>
Date: Thu, 2 May 2024 16:27:58 +0900
Subject: [PATCH] fix: home section background css

Resolve #31
---
 app/[lang]/(home)/Hero/index.tsx | 2 +-
 app/[lang]/(home)/Home.tsx       | 2 +-
 styles/output.css                | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/[lang]/(home)/Hero/index.tsx b/app/[lang]/(home)/Hero/index.tsx
index ba31fb7..cd611a7 100644
--- a/app/[lang]/(home)/Hero/index.tsx
+++ b/app/[lang]/(home)/Hero/index.tsx
@@ -96,7 +96,7 @@ function Hero({t, statsInfo}: Props): ReactElement {
   return (
     <div
       className={clsx(
-        'self-stretch bg-cover',
+        'self-stretch bg-paper',
         'flex flex-col justify-center items-center',
         'max-[425px]:p-0',
       )}
diff --git a/app/[lang]/(home)/Home.tsx b/app/[lang]/(home)/Home.tsx
index 9610911..6da2800 100644
--- a/app/[lang]/(home)/Home.tsx
+++ b/app/[lang]/(home)/Home.tsx
@@ -26,7 +26,7 @@ function Home({t, statsInfo}: Props): ReactElement {
   initAmplitude();
 
   return (
-    <div className={clsx('flex-1 w-screen bg-paper', 'flex flex-col')}>
+    <div className={clsx('flex-1 w-screen', 'flex flex-col')}>
       <Hero t={t} statsInfo={statsInfo} />
       <SectionHowItWorks t={t} />
       <SectionFooter t={t} />
diff --git a/styles/output.css b/styles/output.css
index bf66963..ace123a 100644
--- a/styles/output.css
+++ b/styles/output.css
@@ -1711,6 +1711,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-red1 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 44 44 / var(--tw-bg-opacity));
+}
+
 .bg-cover {
   background-size: cover;
 }