diff --git a/apps/site/src/app/(home)/sections/FAQ/FAQ.module.scss b/apps/site/src/app/(home)/sections/FAQ/FAQ.module.scss index 8f85f2082..0d6381b86 100644 --- a/apps/site/src/app/(home)/sections/FAQ/FAQ.module.scss +++ b/apps/site/src/app/(home)/sections/FAQ/FAQ.module.scss @@ -1,5 +1,10 @@ .container { - background-image: url("~@/assets/backgrounds/faq-background-mobile.svg"); + background: radial-gradient( + 50% 50% at 50% 50%, + #2c1909 58.33%, + #422810 100% + ), + #aa5315; } .title { @@ -8,6 +13,11 @@ @media (min-width: 640px) { .container { - background-image: url("~@/assets/backgrounds/faq-background.svg"); + background-image: linear-gradient( + 180deg, + #432810 0.32%, + #2b1809 52.42%, + #442911 100% + ); } } diff --git a/apps/site/src/app/(home)/sections/FAQ/FAQ.tsx b/apps/site/src/app/(home)/sections/FAQ/FAQ.tsx index 803fcbf82..8a03874d7 100644 --- a/apps/site/src/app/(home)/sections/FAQ/FAQ.tsx +++ b/apps/site/src/app/(home)/sections/FAQ/FAQ.tsx @@ -13,7 +13,9 @@ const FAQ = async () => { })); return ( -
+

- {/* */} {/* reference: https://github.com/pmndrs/react-three-next */} {children} diff --git a/apps/site/src/assets/backgrounds/faq-background-mobile.svg b/apps/site/src/assets/backgrounds/faq-background-mobile.svg deleted file mode 100644 index d2b2001a4..000000000 --- a/apps/site/src/assets/backgrounds/faq-background-mobile.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/apps/site/src/assets/backgrounds/faq-background.svg b/apps/site/src/assets/backgrounds/faq-background.svg deleted file mode 100644 index ad739954b..000000000 --- a/apps/site/src/assets/backgrounds/faq-background.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - -