diff --git a/apps/webapp/app/globals.css b/apps/webapp/app/globals.css index 85aba500..9cbee940 100644 --- 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 index 2cf2c990..05ae3bbc 100644 --- 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({ -
+
diff --git a/apps/webapp/components/shared/bg-header.tsx b/apps/webapp/components/shared/bg-header.tsx index b5435c79..a0c01c56 100644 --- 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({ {heading}
- {subheading} + {subheading}
-
+
diff --git a/apps/webapp/public/images/about-bg.svg b/apps/webapp/public/images/about-bg.svg deleted file mode 100644 index 0187461d..00000000 --- a/apps/webapp/public/images/about-bg.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/apps/webapp/public/images/info-bg-about.webp b/apps/webapp/public/images/info-bg-about.webp new file mode 100644 index 00000000..d3b0de22 Binary files /dev/null and b/apps/webapp/public/images/info-bg-about.webp differ diff --git a/apps/webapp/public/images/info-bg-security.webp b/apps/webapp/public/images/info-bg-security.webp new file mode 100644 index 00000000..879a6188 Binary files /dev/null and b/apps/webapp/public/images/info-bg-security.webp differ diff --git a/apps/webapp/public/images/info-bg-whitepaper.webp b/apps/webapp/public/images/info-bg-whitepaper.webp new file mode 100644 index 00000000..22f66896 Binary files /dev/null and b/apps/webapp/public/images/info-bg-whitepaper.webp differ