diff --git a/platform/app/(dashboard)/layout.js b/platform/app/(dashboard)/layout.js
index 0725681..9f9e9be 100644
--- a/platform/app/(dashboard)/layout.js
+++ b/platform/app/(dashboard)/layout.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Sidebar from "../components/Sidebar";
+// import Sidebar from "../components/Sidebar";
 import Navbar from "../components/Navbar";
 import DashboardMobileMenu from "../components/MobileMenu/DashboardMobileMenu";
 
diff --git a/platform/app/components/IconComponent.jsx b/platform/app/components/IconComponent.jsx
index 9cbf2bf..2aca463 100644
--- a/platform/app/components/IconComponent.jsx
+++ b/platform/app/components/IconComponent.jsx
@@ -286,7 +286,7 @@ const PlayIcon = () => {
   );
 };
 
-const MoneyReceiveIcon = ({size}) => {
+const MoneyReceiveIcon = ({ size }) => {
   return (
     <>
       <svg
@@ -386,7 +386,7 @@ const TelegramIcon = () => {
   );
 };
 
-const CardReceiveIcon = ({size}) => {
+const CardReceiveIcon = ({ size }) => {
   return (
     <>
       <svg
@@ -425,6 +425,25 @@ const CardReceiveIcon = ({size}) => {
   );
 };
 
+const ArrowRightIcon2 = () => {
+  return (
+    <>
+      <svg
+        width="22"
+        height="6"
+        viewBox="0 0 22 6"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M22 3L17 0.113249V5.88675L22 3ZM0 3.5H17.5V2.5H0V3.5Z"
+          fill="white"
+        />
+      </svg>
+    </>
+  );
+};
+
 const LogoutIcon = () => {
   return (
     <div>
@@ -635,4 +654,5 @@ export {
   PlayIcon,
   TelegramIcon,
   LoaderIcon,
+  ArrowRightIcon2,
 };
diff --git a/platform/app/components/Map/ContactMap.jsx b/platform/app/components/Map/ContactMap.jsx
new file mode 100644
index 0000000..48b7792
--- /dev/null
+++ b/platform/app/components/Map/ContactMap.jsx
@@ -0,0 +1,11 @@
+import { Map, Marker } from '@googlemaps/react-wrapper';
+
+
+
+function ContactMap() {
+  return (
+    <>heree</>
+  );
+}
+
+export default ContactMap;
diff --git a/platform/app/contact/page.js b/platform/app/contact/page.js
index d95068e..ee1c188 100644
--- a/platform/app/contact/page.js
+++ b/platform/app/contact/page.js
@@ -3,8 +3,14 @@ import Navbar from '../components/HomePageLayout/Navbar';
 import Footer from '../components/HomePageLayout/Footer';
 import CardComponent from '../components/PageLayout/CardComponent';
 import ContactForm from '../components/Forms/ContactForm';
-import { MapIcon, TelegramIcon, TwitterIcon, YoutubeIcon } from '../components/IconComponent';
+import {
+  MapIcon,
+  TelegramIcon,
+  TwitterIcon,
+  YoutubeIcon,
+} from '../components/IconComponent';
 import Image from 'next/image';
+import ContactMap from '../components/Map/ContactMap';
 
 const Contact = () => {
   return (
@@ -37,8 +43,14 @@ const Contact = () => {
                     </a>
                   </p>
                 </div>
-                <div className='h-52 lg:h-96 w-full block relative my-4'>
-                    <Image src={'/images/map.png'} alt='map' fill className='object-cover' />
+                <div className="h-52 lg:h-96 w-full block relative my-4">
+                  {/* <ContactMap /> */}
+                  <Image
+                    src={'/images/map.png'}
+                    alt="map"
+                    fill
+                    className="object-cover"
+                  />
                 </div>
                 <div>
                   <div className="flex items-start justify-start gap-3">
diff --git a/platform/app/page.js b/platform/app/page.js
index a247b22..669f85f 100644
--- a/platform/app/page.js
+++ b/platform/app/page.js
@@ -8,6 +8,7 @@ import Navbar from './components/HomePageLayout/Navbar';
 import PricingTable from './components/PricingTable';
 import HomeChart from './components/Charts/HomeChart';
 import { useState } from 'react';
+import { ArrowRightIcon, ArrowRightIcon2 } from './components/IconComponent';
 
 export default function Home() {
   const [currentRange, setCurrentRange] = useState('all');
@@ -42,7 +43,7 @@ export default function Home() {
     <main>
       <Navbar />
       <section className="w-full grid grid-cols-1 md:grid-cols-1 min-h-[36.25rem] py-12">
-        <div className="container px-4">
+        <div className="container px-4 relative">
           <div className="max-w-3xl w-full mx-auto gap-8 flex flex-col items-center justify-center h-full text-center text-white">
             <h1 className="text-5xl font-bold leading-snug">
               Fully Backed <span className="text-[#FFCC29]">1:1</span> Tokenized
@@ -70,15 +71,32 @@ export default function Home() {
               </Link>
             </div>
           </div>
+
+          <Image
+            src="/images/bq(1).svg"
+            alt="bg"
+            width={500}
+            height={450}
+            // fill
+            className="object-contain absolute  pointer-events-none right-0 bottom-0"
+          />
+          <Image
+            src="/images/bq(2).svg"
+            alt="bg"
+            width={500}
+            height={250}
+            // fill
+            className="object-contain absolute  pointer-events-none left-0 top-0"
+          />
         </div>
       </section>
 
-      <section className="px-4">
+      <section className="px-4 relative">
         <div
-          className="container mx-auto max-w-5xl px-4 py-8 rounded-[24px] bg-card-background "
+          className="container mx-auto max-w-5xl px-4 py-8 rounded-[24px] bg-card-background relative z-10"
           style={{ backdropFilter: 'blur(10px)' }}
         >
-          <div className=" w-full h-full flex items-center justify-center text-white max-w-2xl mx-auto">
+          <div className=" w-full h-full flex items-center justify-center text-white max-w-2xl mx-auto ">
             <div className="card p-[2rem] text-center space-y-5">
               <p className="text-base">
                 Our tokenized gold is minted s $DGoldtoken. With 1 $DGold
@@ -93,7 +111,16 @@ export default function Home() {
               </div>
             </div>
           </div>
+          
         </div>
+        <Image
+            src="/images/Group 48.svg"
+            alt="bg"
+            width={250}
+            height={450}
+            // fill
+            className="object-contain absolute  pointer-events-none right-40 -bottom-20 opacity-60 -z-0"
+          />
       </section>
 
       <section className=" pt-[80px] lg:pt-[100px] pb-[50px] lg:pb-[50px] h-full">
@@ -125,7 +152,9 @@ export default function Home() {
                     }}
                   >
                     <span className="text-xs md:text-lg">{range.title}</span>
-                    <span className="text-[9px] md:text-sm text-[#8BFFC9]">{range.perc}</span>
+                    <span className="text-[9px] md:text-sm text-[#8BFFC9]">
+                      {range.perc}
+                    </span>
                   </button>
                 ))}
               </div>
@@ -154,12 +183,12 @@ export default function Home() {
 
       <section className=" pt-[80px] lg:pt-[100px] pb-[80px] lg:pb-[100px]">
         <div className="container max-w-7xl mx-auto px-4 lg:px-0 ">
-          <div className="flex flex-col justify-center items-center w-full max-w-4xl mx-auto mb-3 pb-8">
+          <div className="flex flex-col justify-center items-center w-full max-w-4xl mx-auto mb-3 pb-2">
             <h1 className="text-center text-4xl font-bold leading-snug text-white">
               Why stress when you can move your gold around in your wallet
             </h1>
           </div>
-          <div className="relative pt-10 pb-10">
+          <div className="relative pt-5 pb-10">
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               {Services.map((service, index) => (
                 // <DistCard key={index} distillery={distillery} />
@@ -191,26 +220,34 @@ export default function Home() {
         </div>
       </section>
 
-      <section className="pt-[80px] lg:pt-[120px] pb-[80px] lg:pb-[120px]">
-        <div className="container mx-auto max-w-6xl px-4">
+      <section className="pt-[60px] lg:pt-[80px] pb-[80px] lg:pb-[120px] relative">
+        <div className="container mx-auto max-w-6xl px-4 z-10">
           <div className="flex flex-col justify-center items-center w-full max-w-4xl mx-auto mb-3 pb-8">
             <h1 className="text-center text-4xl font-bold leading-snug text-white">
               Why choose $DGold?
             </h1>
           </div>
           <div
-            className="rounded-[24px] bg-card-background "
+            className="rounded-[24px] bg-card-background z-10"
             style={{ backdropFilter: 'blur(10px)' }}
           >
-            <div className=" w-full h-full text-white">
+            <div className=" w-full h-full text-white z-10">
               <PricingTable />
             </div>
           </div>
         </div>
+        <Image
+            src="/images/Group 48.svg"
+            alt="bg"
+            width={250}
+            height={450}
+            // fill
+            className="object-contain absolute  pointer-events-none left-[4rem] bottom-0 opacity-60 -z-0"
+          />
       </section>
 
-      <section className="w-full flex justify-center item-center pt-[80px] lg:pt-[120px] pb-[80px] lg:pb-[120px]">
-        <div className="container rounded-2xl ">
+      <section className="w-full flex justify-center item-center pt-[80px] lg:pt-[120px] pb-[80px] lg:pb-[120px] relative">
+        <div className="container rounded-2xl relative">
           <div className=" py-12">
             <div className="w-full flex flex-col justify-center items-center mb-3 pb-8">
               <h2 className="text-[38px] text-white ">Our Valued Partners</h2>
@@ -266,6 +303,22 @@ export default function Home() {
             </div>
           </div>
         </div>
+        <Image
+            src="/images/bq(1).svg"
+            alt="bg"
+            width={500}
+            height={450}
+            // fill
+            className="object-contain absolute  pointer-events-none right-0 bottom-0"
+          />
+          <Image
+            src="/images/bq(2).svg"
+            alt="bg"
+            width={500}
+            height={250}
+            // fill
+            className="object-contain absolute  pointer-events-none left-0 top-0"
+          />
       </section>
 
       <section className="w-full pt-[50px] lg:pt-[50px] pb-[80px] lg:pb-[120px]">
@@ -299,7 +352,7 @@ export default function Home() {
                         </h2>
 
                         <div className=" flex items-center justify-end text-[#FFCC29]">
-                          <Link href={'/'}>Read More</Link>
+                          <Link href={'/'} className='inline-flex items-center gap-3'>Read More <ArrowRightIcon2/></Link>
                         </div>
                       </div>
                     </div>
diff --git a/platform/app/report/page.js b/platform/app/report/page.js
index 5926cee..748121f 100644
--- a/platform/app/report/page.js
+++ b/platform/app/report/page.js
@@ -3,13 +3,14 @@ import Navbar from '../components/HomePageLayout/Navbar';
 import Footer from '../components/HomePageLayout/Footer';
 import Link from 'next/link';
 import PricingTable from '../components/PricingTable';
+import Image from 'next/image';
 
 const Report = () => {
   return (
     <main>
       <Navbar />
-      <section className="w-full grid grid-cols-1 md:grid-cols-1 min-h-[36.25rem] py-12">
-        <div className="container px-4">
+      <section className="w-full grid grid-cols-1 md:grid-cols-1 min-h-[36.25rem] py-12 relative">
+        <div className="container px-4 relative">
           <div className="max-w-3xl w-full mx-auto gap-8 flex flex-col items-center justify-center h-full text-center text-white">
             <h1 className="text-5xl font-bold leading-snug">
               Staying transparent with our reserve
@@ -29,7 +30,17 @@ const Report = () => {
               </Link>
             </div>
           </div>
+
+          
         </div>
+        {/* <Image
+            src="/images/bq(3).svg"
+            alt="bg"
+            width={600}
+            height={250}
+            // fill 
+            className="object-center object-contain absolute left-[4  00px] pointer-events-none max-w-3xl mx-auto "
+          /> */}
       </section>
 
       <section className="pt-[80px] lg:pt-[120px] pb-[80px] lg:pb-[120px]">
diff --git a/platform/package-lock.json b/platform/package-lock.json
index e48b960..374438b 100644
--- a/platform/package-lock.json
+++ b/platform/package-lock.json
@@ -14,6 +14,7 @@
         "@emotion/react": "^11.11.1",
         "@emotion/sheet": "^1.2.2",
         "@emotion/styled": "^11.11.0",
+        "@googlemaps/react-wrapper": "^1.1.35",
         "@perawallet/connect": "^1.3.3",
         "@radix-ui/react-popover": "^1.0.7",
         "@transak/transak-sdk": "^2.0.0",
@@ -1828,6 +1829,25 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
       "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
     },
+    "node_modules/@googlemaps/js-api-loader": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.2.tgz",
+      "integrity": "sha512-psGw5u0QM6humao48Hn4lrChOM2/rA43ZCm3tKK9qQsEj1/VzqkCqnvGfEOshDbBQflydfaRovbKwZMF4AyqbA==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      }
+    },
+    "node_modules/@googlemaps/react-wrapper": {
+      "version": "1.1.35",
+      "resolved": "https://registry.npmjs.org/@googlemaps/react-wrapper/-/react-wrapper-1.1.35.tgz",
+      "integrity": "sha512-vK+BDQMHN0Oqr66cW3ZPWVK43BUmJJBu6P8T74tc6/fKpUJUlFEaZsupgIIRRRDW9ejB8uGagUmwOnA2gdcvbw==",
+      "dependencies": {
+        "@googlemaps/js-api-loader": "^1.13.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.13",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
@@ -5385,8 +5405,7 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-glob": {
       "version": "3.3.2",
@@ -11718,6 +11737,22 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
       "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
     },
+    "@googlemaps/js-api-loader": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.2.tgz",
+      "integrity": "sha512-psGw5u0QM6humao48Hn4lrChOM2/rA43ZCm3tKK9qQsEj1/VzqkCqnvGfEOshDbBQflydfaRovbKwZMF4AyqbA==",
+      "requires": {
+        "fast-deep-equal": "^3.1.3"
+      }
+    },
+    "@googlemaps/react-wrapper": {
+      "version": "1.1.35",
+      "resolved": "https://registry.npmjs.org/@googlemaps/react-wrapper/-/react-wrapper-1.1.35.tgz",
+      "integrity": "sha512-vK+BDQMHN0Oqr66cW3ZPWVK43BUmJJBu6P8T74tc6/fKpUJUlFEaZsupgIIRRRDW9ejB8uGagUmwOnA2gdcvbw==",
+      "requires": {
+        "@googlemaps/js-api-loader": "^1.13.2"
+      }
+    },
     "@humanwhocodes/config-array": {
       "version": "0.11.13",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
@@ -14352,8 +14387,7 @@
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "fast-glob": {
       "version": "3.3.2",
diff --git a/platform/package.json b/platform/package.json
index 935d6a0..8788457 100644
--- a/platform/package.json
+++ b/platform/package.json
@@ -15,6 +15,7 @@
     "@emotion/react": "^11.11.1",
     "@emotion/sheet": "^1.2.2",
     "@emotion/styled": "^11.11.0",
+    "@googlemaps/react-wrapper": "^1.1.35",
     "@perawallet/connect": "^1.3.3",
     "@radix-ui/react-popover": "^1.0.7",
     "@transak/transak-sdk": "^2.0.0",
diff --git a/platform/public/images/Group 48.svg b/platform/public/images/Group 48.svg
new file mode 100644
index 0000000..380944a
--- /dev/null
+++ b/platform/public/images/Group 48.svg	
@@ -0,0 +1,43 @@
+<svg width="453" height="553" viewBox="0 0 453 553" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_120_5142)">
+<g filter="url(#filter1_f_120_5142)">
+<circle cx="231.553" cy="231.598" r="107.369" transform="rotate(-160.016 231.553 231.598)" fill="black" fill-opacity="0.3" style="mix-blend-mode:soft-light"/>
+</g>
+<circle cx="268.124" cy="349.167" r="158.475" transform="rotate(-160.016 268.124 349.167)" fill="url(#paint0_radial_120_5142)"/>
+<circle cx="268.124" cy="349.167" r="158.475" transform="rotate(-160.016 268.124 349.167)" fill="url(#paint1_radial_120_5142)" style="mix-blend-mode:overlay"/>
+<circle cx="268.124" cy="349.167" r="158.475" transform="rotate(-160.016 268.124 349.167)" fill="url(#paint2_radial_120_5142)"/>
+<g filter="url(#filter2_f_120_5142)">
+<ellipse cx="181.617" cy="405.958" rx="34.5751" ry="68.6019" transform="rotate(138.398 181.617 405.958)" fill="#FFEFD1"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_120_5142" x="96.9113" y="111.505" width="342.425" height="408.874" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6.34735" result="effect1_foregroundBlur_120_5142"/>
+</filter>
+<filter id="filter1_f_120_5142" x="0.376122" y="0.421227" width="462.354" height="462.354" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="61.8895" result="effect1_foregroundBlur_120_5142"/>
+</filter>
+<filter id="filter2_f_120_5142" x="58.9045" y="279.414" width="245.425" height="253.088" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="35.1645" result="effect1_foregroundBlur_120_5142"/>
+</filter>
+<radialGradient id="paint0_radial_120_5142" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(325.202 276.054) rotate(133.603) scale(367.707)">
+<stop offset="0.308715" stop-color="#F4CF4D"/>
+<stop offset="0.9375" stop-color="#A38002"/>
+</radialGradient>
+<radialGradient id="paint1_radial_120_5142" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(194.044 446.221) rotate(-53.858) scale(206.69 230.993)">
+<stop stop-opacity="0.61"/>
+<stop offset="1" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_120_5142" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(329.075 259.615) rotate(124.824) scale(302.138 243.094)">
+<stop stop-color="#BBEFFF" stop-opacity="0"/>
+<stop offset="0.730589" stop-color="#BBFFF7" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFECBB"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/platform/public/images/bq(1).svg b/platform/public/images/bq(1).svg
new file mode 100644
index 0000000..53e544f
--- /dev/null
+++ b/platform/public/images/bq(1).svg
@@ -0,0 +1,17 @@
+<svg width="774" height="936" viewBox="0 0 774 936" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M455.715 138.827C630.626 258.14 660.757 410.969 558.816 570.045" stroke="url(#paint0_radial_120_4803)" stroke-width="5"/>
+<g filter="url(#filter0_f_120_4803)">
+<path d="M179.075 170.107C581.465 90.2113 800.92 435.328 529.436 740.837" stroke="#FFCC29" stroke-opacity="0.2" stroke-width="69"/>
+</g>
+<defs>
+<filter id="filter0_f_120_4803" x="0.356445" y="-48.0326" width="855.772" height="983.787" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="86" result="effect1_foregroundBlur_120_4803"/>
+</filter>
+<radialGradient id="paint0_radial_120_4803" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(590.077 366.408) rotate(79.4801) scale(247.551 177.143)">
+<stop stop-color="#FFCC29"/>
+<stop offset="0.8841" stop-color="#FFCC29" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/platform/public/images/bq(2).svg b/platform/public/images/bq(2).svg
new file mode 100644
index 0000000..d3ec442
--- /dev/null
+++ b/platform/public/images/bq(2).svg
@@ -0,0 +1,17 @@
+<svg width="649" height="1075" viewBox="0 0 649 1075" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M160.437 347.322C95.026 548.694 164.657 688.035 342.601 751.543" stroke="url(#paint0_radial_120_4800)" stroke-width="5"/>
+<g filter="url(#filter0_f_120_4800)">
+<path d="M398.436 202.877C31.215 385.768 68.6632 793.031 470.302 868.7" stroke="#FFCC29" stroke-opacity="0.2" stroke-width="69"/>
+</g>
+<defs>
+<filter id="filter0_f_120_4800" x="-61.9233" y="-0.00518799" width="710.613" height="1074.61" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="86" result="effect1_foregroundBlur_120_4800"/>
+</filter>
+<radialGradient id="paint0_radial_120_4800" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(193.324 609.553) rotate(62.8145) scale(247.551 177.143)">
+<stop stop-color="#FFCC29"/>
+<stop offset="0.8841" stop-color="#FFCC29" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/platform/public/images/bq(3).svg b/platform/public/images/bq(3).svg
new file mode 100644
index 0000000..715b2c5
--- /dev/null
+++ b/platform/public/images/bq(3).svg
@@ -0,0 +1,17 @@
+<svg width="1051" height="770" viewBox="0 0 1051 770" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M168.5 424C342.654 575.915 652.564 570.775 787 436.5" stroke="url(#paint0_radial_10_121)" stroke-width="5"/>
+<g filter="url(#filter0_f_10_121)">
+<path d="M207.248 174.689C235.285 583.974 625.758 705.614 849.704 363.725" stroke="#FFCC29" stroke-opacity="0.2" stroke-width="69"/>
+</g>
+<defs>
+<filter id="filter0_f_10_121" x="0.828369" y="0.331131" width="1049.74" height="768.993" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="86" result="effect1_foregroundBlur_10_121"/>
+</filter>
+<radialGradient id="paint0_radial_10_121" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(522.361 535.048) rotate(-0.70833) scale(264.389 181.707)">
+<stop stop-color="#FFCC29"/>
+<stop offset="0.8841" stop-color="#FFCC29" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>