impr(webapp): info pages img asset + css class

bitcashorg · Aug 3, 2024 · 97cd61a · 97cd61a
1 parent 22bfd97
commit 97cd61a
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 17 deletions.
diff --git a/apps/webapp/app/globals.css b/apps/webapp/app/globals.css
@@ -296,9 +296,20 @@ input[type='number'] {
 
 /* INFOPAGES BG COVER*/
 .infopages-background {
-  @apply relative left-0 top-0 flex h-[510px] w-full items-center justify-center rounded-[45px];
-  background: url('/images/about-bg.svg') center center no-repeat;
   background-size: cover;
+  background-repeat: no-repeat;
+
+  @apply relative left-0 top-0 flex h-[510px] w-full items-center justify-center rounded-[45px];
+}
+
+.infopages-background--whitepaper {
+  background-image: url('/images/info-bg-whitepaper.webp');
+}
+.infopages-background--about {
+  background-image: url('/images/info-bg-about.webp');
+}
+.infopages-background--security {
+  background-image: url('/images/info-bg-security.webp');
 }
 
 /* BLUR DOT EFFECT TO BACKGROUND CIRCLE UPCOMING SECTION */

diff --git a/apps/webapp/components/routes/about/about-bitlauncher/index.tsx b/apps/webapp/components/routes/about/about-bitlauncher/index.tsx
@@ -62,7 +62,7 @@ export async function AboutBitlauncherPageLanding({
                 </span>
               </section>
             </div>
-            <div className="infopages-background">
+            <div className="infopages-background infopages-background--about">
               <div className="absolute bottom-0 m-4">
                 <CommunityCard />
               </div>

diff --git a/apps/webapp/components/shared/bg-header.tsx b/apps/webapp/components/shared/bg-header.tsx
@@ -1,6 +1,5 @@
-import Image from 'next/image'
-import Balancer from 'react-wrap-balancer'
 import { CommunityCard } from '@/components/shared/community-card'
+import Balancer from 'react-wrap-balancer'
 
 export function BgHeader({
   heading,
@@ -21,10 +20,10 @@ export function BgHeader({
                 <Balancer>{heading}</Balancer>
               </h2>
               <div className="font-['Futura PT'] text-start text-4xl font-medium leading-[42.35px] text-[#ff51ed]">
-              {subheading}
+                {subheading}
               </div>
             </div>
-            <div className="infopages-background">
+            <div className="infopages-background infopages-background--security">
               <div className="absolute bottom-0 m-4">
                 <CommunityCard />
               </div>

diff --git a/apps/webapp/public/images/about-bg.svg b/apps/webapp/public/images/about-bg.svg
diff --git a/apps/webapp/public/images/info-bg-about.webp b/apps/webapp/public/images/info-bg-about.webp
diff --git a/apps/webapp/public/images/info-bg-security.webp b/apps/webapp/public/images/info-bg-security.webp
diff --git a/apps/webapp/public/images/info-bg-whitepaper.webp b/apps/webapp/public/images/info-bg-whitepaper.webp