From 1cf5ea404f2ed4e5b8ef595f4e90a755951b88d3 Mon Sep 17 00:00:00 2001
From: jia-deriv <jiawei@regentmarkets.com>
Date: Thu, 9 Nov 2023 17:37:23 +0800
Subject: [PATCH] fix: remove background color for hero block

---
 libs/blocks/src/lib/hero/content-bottom/index.tsx | 8 +-------
 libs/blocks/src/lib/hero/content-less/index.tsx   | 8 +-------
 libs/blocks/src/lib/hero/content-limit/index.tsx  | 7 +------
 3 files changed, 3 insertions(+), 20 deletions(-)

diff --git a/libs/blocks/src/lib/hero/content-bottom/index.tsx b/libs/blocks/src/lib/hero/content-bottom/index.tsx
index fbb9cc808..8a853ccfd 100644
--- a/libs/blocks/src/lib/hero/content-bottom/index.tsx
+++ b/libs/blocks/src/lib/hero/content-bottom/index.tsx
@@ -15,13 +15,7 @@ const ContentBottom = ({
   children,
 }: ContentBottomProps) => {
   return (
-    <Section
-      className={clsx(
-        'py-general-4xl',
-        'bg-background-primary-container',
-        className,
-      )}
-    >
+    <Section className={clsx('py-general-4xl', className)}>
       <FluidContainer
         className={clsx(
           'flex flex-col gap-gap-3xl md:px-general-lg lg:px-general-none',
diff --git a/libs/blocks/src/lib/hero/content-less/index.tsx b/libs/blocks/src/lib/hero/content-less/index.tsx
index aea864587..59bd06892 100644
--- a/libs/blocks/src/lib/hero/content-less/index.tsx
+++ b/libs/blocks/src/lib/hero/content-less/index.tsx
@@ -15,13 +15,7 @@ const ContentLess = ({
   children,
 }: ContentLessProps) => {
   return (
-    <Section
-      className={clsx(
-        'py-general-4xl',
-        'bg-background-primary-container',
-        className,
-      )}
-    >
+    <Section className={clsx('py-general-4xl', className)}>
       <FluidContainer className="flex flex-col gap-gap-3xl lg:px-general-none">
         <div className="flex flex-col gap-gap-2xl">
           <Heading.H1 className="text-center">{title}</Heading.H1>
diff --git a/libs/blocks/src/lib/hero/content-limit/index.tsx b/libs/blocks/src/lib/hero/content-limit/index.tsx
index 8e3db2f3f..bafe5b4ee 100644
--- a/libs/blocks/src/lib/hero/content-limit/index.tsx
+++ b/libs/blocks/src/lib/hero/content-limit/index.tsx
@@ -24,12 +24,7 @@ const ContentLimit: React.FC<ContentLimitProps> = ({
   children,
 }) => {
   return (
-    <Section
-      className={qtMerge(
-        'relative bg-background-primary-container py-general-4xl',
-        className,
-      )}
-    >
+    <Section className={qtMerge('relative py-general-4xl', className)}>
       <FluidContainer
         className={clsx(
           'lg:flex-row',