From cbe367aafa089331750d178ab979b4e5f7f853bf Mon Sep 17 00:00:00 2001
From: Swapnil Bendal <84583651+Swapnil155@users.noreply.github.com>
Date: Mon, 10 Jun 2024 15:12:25 +0530
Subject: [PATCH] [update] - downlaod image url

---
 src/components/ArticlePage/ArticlePage.jsx          | 13 +++++++------
 src/components/BlogPost/BlogPost.jsx                | 13 +++++++------
 src/components/BuildPage/BuildBanner.jsx            |  3 ++-
 src/components/Card/HappenCard.jsx                  |  3 ++-
 src/components/Card/HomeCard.jsx                    |  3 ++-
 src/components/Card/LearnCard.jsx                   |  3 ++-
 src/components/Card/MobileHomeCard.jsx              |  3 ++-
 src/components/Community/CommunityBanner.jsx        |  3 ++-
 src/components/Community/CommunityCard.jsx          |  3 ++-
 src/components/EcoPage/EcoBanner.jsx                |  3 ++-
 src/components/EventsInternal/EventsInternal.jsx    |  3 ++-
 src/components/EventsPage/NewestEvents.jsx          |  3 ++-
 src/components/HomePage/HomeBanner.jsx              |  3 ++-
 src/components/LearnPage/LearnBanner.jsx            |  3 ++-
 .../MobileComponent/MobileCommunityCard.jsx         |  3 ++-
 src/components/NavBar/NavBar.jsx                    |  3 ++-
 src/components/NewsInternal/NewsInternalPage.jsx    |  5 +++--
 src/components/NewsPage/NewsContent.jsx             |  3 ++-
 .../ResourcesPage/tabInsideContent/TabsArticles.jsx |  3 ++-
 .../ResourcesPage/tabInsideContent/TabsVideo.jsx    |  3 ++-
 .../tabInsideContent/WhitepaperDocs.jsx             |  5 +++--
 .../ResourcesPage/tableContent/ArticlesTable.jsx    |  3 ++-
 .../ResourcesPage/tableContent/VideoTable.jsx       |  3 ++-
 src/components/UseCase/NewUseCase.jsx               |  5 +++--
 src/pages/Policy.jsx                                |  3 ++-
 src/pages/Terms.jsx                                 |  3 ++-
 26 files changed, 65 insertions(+), 39 deletions(-)

diff --git a/src/components/ArticlePage/ArticlePage.jsx b/src/components/ArticlePage/ArticlePage.jsx
index f3fcc17..f44c192 100644
--- a/src/components/ArticlePage/ArticlePage.jsx
+++ b/src/components/ArticlePage/ArticlePage.jsx
@@ -23,6 +23,7 @@ import { useGetBlogQuery } from "../../Redux/slice/blogsSlice";
 import { Link, useParams } from "react-router-dom";
 import NotFound from "../../pages/NotFound";
 import Loader from "../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ArticlePage = () => {
   const { title_slug } = useParams();
@@ -136,7 +137,7 @@ const ArticlePage = () => {
               <Avatar
                 size="lg"
                 name="Dan Abrahmov"
-                src={`https://rubix.betadelivery.com/${matchingArticles.profile_image}`}
+                src={`${API_URL} /${matchingArticles.profile_image}`}
               />
 
               <Box
@@ -156,7 +157,7 @@ const ArticlePage = () => {
           <Box
             height={"70vh"}
             width={"85vw"}
-            backgroundImage={`url(https://rubix.betadelivery.com/${matchingArticles.content_image_large})`}
+            backgroundImage={`url(${API_URL} /${matchingArticles.content_image_large})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
@@ -237,25 +238,25 @@ const ArticlePage = () => {
                 }}
               >
                 <TelegramShareButton
-                  url={`https://rubix.betadelivery.com/blogs/${matchingArticles.title_slug}`}
+                  url={`${API_URL} /blogs/${matchingArticles.title_slug}`}
                   quote={matchingArticles.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
                 </TelegramShareButton>
                 <TwitterShareButton
-                  url={`https://rubix.betadelivery.com/blogs/${matchingArticles.title_slug}`}
+                  url={`${API_URL} /blogs/${matchingArticles.title_slug}`}
                   quote={matchingArticles.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
                 </TwitterShareButton>
                 <FacebookShareButton
-                  url={`https://rubix.betadelivery.com/blogs/${matchingArticles.title_slug}`}
+                  url={`${API_URL} /blogs/${matchingArticles.title_slug}`}
                   quote={matchingArticles.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
                 </FacebookShareButton>
                 <LinkedinShareButton
-                  url={`https://rubix.betadelivery.com/blogs/${matchingArticles.title_slug}`}
+                  url={`${API_URL} /blogs/${matchingArticles.title_slug}`}
                   quote={matchingArticles.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
diff --git a/src/components/BlogPost/BlogPost.jsx b/src/components/BlogPost/BlogPost.jsx
index fe66d39..127049b 100644
--- a/src/components/BlogPost/BlogPost.jsx
+++ b/src/components/BlogPost/BlogPost.jsx
@@ -29,6 +29,7 @@ import { useGetBlogQuery } from "../../Redux/slice/blogsSlice";
 import { Link, useParams } from "react-router-dom";
 import NotFound from "../../pages/NotFound";
 import Loader from "../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BlogPost = () => {
   const { title_slug } = useParams();
@@ -149,7 +150,7 @@ const BlogPost = () => {
               <Avatar
                 size="lg"
                 name="Dan Abrahmov"
-                src={`https://rubix.betadelivery.com/${matchingBlogPost.profile_image}`}
+                src={`${API_URL} /${matchingBlogPost.profile_image}`}
               />
 
               <Box
@@ -169,7 +170,7 @@ const BlogPost = () => {
           <Box
             height={"70vh"}
             width={"85vw"}
-            backgroundImage={`url(https://rubix.betadelivery.com/${matchingBlogPost.content_image_large})`}
+            backgroundImage={`url(${API_URL} /${matchingBlogPost.content_image_large})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
@@ -250,25 +251,25 @@ const BlogPost = () => {
                 }}
               >
                 <TelegramShareButton
-                  url={`https://rubix.betadelivery.com/blogs/${matchingBlogPost.title_slug}`}
+                  url={`${API_URL} /blogs/${matchingBlogPost.title_slug}`}
                   quote={matchingBlogPost.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
                 </TelegramShareButton>
                 <TwitterShareButton
-                  url={`https://rubix.betadelivery.com/blogs/${matchingBlogPost.title_slug}`}
+                  url={`${API_URL} /blogs/${matchingBlogPost.title_slug}`}
                   quote={matchingBlogPost.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
                 </TwitterShareButton>
                 <FacebookShareButton
-                  url={`https://rubix.betadelivery.com/blogs/${matchingBlogPost.title_slug}`}
+                  url={`${API_URL} /blogs/${matchingBlogPost.title_slug}`}
                   quote={matchingBlogPost.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
                 </FacebookShareButton>
                 <LinkedinShareButton
-                  url={`https://rubix.betadelivery.com/blogs/${matchingBlogPost.title_slug}`}
+                  url={`${API_URL} /blogs/${matchingBlogPost.title_slug}`}
                   quote={matchingBlogPost.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
diff --git a/src/components/BuildPage/BuildBanner.jsx b/src/components/BuildPage/BuildBanner.jsx
index 7ad59d3..c434803 100644
--- a/src/components/BuildPage/BuildBanner.jsx
+++ b/src/components/BuildPage/BuildBanner.jsx
@@ -4,6 +4,7 @@ import { Box, Button, Container, Text } from "@chakra-ui/react";
 import banner from "../../assets/images/BuildBanner.webp";
 import { Link } from "react-router-dom";
 import Loader from "../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BannerContent = [
   {
@@ -40,7 +41,7 @@ const BuildBanner = ({ data, isLoading }) => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(https://rubix.betadelivery.com/${item.banner_image})`}
+          backgroundImage={`url(${API_URL} /${item.banner_image})`}
           backgroundRepeat={"no-repeat"}
           backgroundSize={"cover"}
           display={"grid"}
diff --git a/src/components/Card/HappenCard.jsx b/src/components/Card/HappenCard.jsx
index 89e344a..859941a 100644
--- a/src/components/Card/HappenCard.jsx
+++ b/src/components/Card/HappenCard.jsx
@@ -6,6 +6,7 @@ import { Badge } from "@chakra-ui/react";
 import Loader from "../Loader/Loader";
 import { Link } from "react-router-dom";
 import { useGetEventsViewQuery } from "../../Redux/slice/eventsViewSlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const HappenCard = ({ key, date, text, para, loader, title, img }) => {
   const { data, isLoading, error } = useGetEventsViewQuery();
@@ -66,7 +67,7 @@ const HappenCard = ({ key, date, text, para, loader, title, img }) => {
               {day}
             </Text>
             <Image
-              src={`https://rubix.betadelivery.com/${img}`}
+              src={`${API_URL} /${img}`}
               height={"250px"}
               width={"100%"}
               objectFit={"cover"}
diff --git a/src/components/Card/HomeCard.jsx b/src/components/Card/HomeCard.jsx
index cf4e549..fef9800 100644
--- a/src/components/Card/HomeCard.jsx
+++ b/src/components/Card/HomeCard.jsx
@@ -7,6 +7,7 @@ import { Badge } from "@chakra-ui/react";
 import { Link, useParams } from "react-router-dom";
 import { useGetBlogQuery } from "../../Redux/slice/blogsSlice";
 import Chip from "../Chip/Chip";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const HomeCard = ({ cardkey, date, text, link }) => {
   const { data } = useGetBlogQuery();
@@ -50,7 +51,7 @@ const HomeCard = ({ cardkey, date, text, link }) => {
               objectFit={"cover"}
               borderRadius={"10px"}
               objectPosition={"center"}
-              src={`https://rubix.betadelivery.com/${card.content_image_large}`}
+              src={`${API_URL} /${card.content_image_large}`}
             />
             <Box padding={"1rem 1rem 0 1rem"}>
               {card?.tags?.slice(0, 2).map((tag, index) => (
diff --git a/src/components/Card/LearnCard.jsx b/src/components/Card/LearnCard.jsx
index ee4c071..78d8970 100644
--- a/src/components/Card/LearnCard.jsx
+++ b/src/components/Card/LearnCard.jsx
@@ -2,6 +2,7 @@
 /* eslint-disable no-unused-vars */
 import { Box, Container, Text, Image, Button } from "@chakra-ui/react";
 import { Link } from "react-router-dom";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const LearnCard = ({ id, src, text, href }) => {
   return (
@@ -36,7 +37,7 @@ const LearnCard = ({ id, src, text, href }) => {
         >
           <Image
             height={"60px"}
-            src={`https://rubix.betadelivery.com/${src}`}
+            src={`${API_URL} /${src}`}
             alt="company-logo"
             sx={{
               "@media (max-width: 600px)": {
diff --git a/src/components/Card/MobileHomeCard.jsx b/src/components/Card/MobileHomeCard.jsx
index 6a731cf..672f810 100644
--- a/src/components/Card/MobileHomeCard.jsx
+++ b/src/components/Card/MobileHomeCard.jsx
@@ -11,6 +11,7 @@ import { Link } from "react-router-dom";
 import { Navigation, Pagination } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/react";
 import Chip from "../Chip/Chip";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const MobileHomeCard = ({ key, date, title, link, img, tags }) => {
   return (
@@ -46,7 +47,7 @@ const MobileHomeCard = ({ key, date, title, link, img, tags }) => {
         }}
       >
         <Image
-          src={`https://rubix.betadelivery.com/${img}`}
+          src={`${API_URL} /${img}`}
           borderRadius={"10px"}
         />
         <Box padding={"1rem"}>
diff --git a/src/components/Community/CommunityBanner.jsx b/src/components/Community/CommunityBanner.jsx
index 0871378..c5d25a4 100644
--- a/src/components/Community/CommunityBanner.jsx
+++ b/src/components/Community/CommunityBanner.jsx
@@ -4,6 +4,7 @@
 import { Box, Button, Container, Text } from "@chakra-ui/react";
 import banner from "../../assets/images/communityBanner.webp";
 import { useGetCommunitiesBannerQuery } from "../../Redux/slice/communityBannerSlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BannerContent = [
   {
@@ -39,7 +40,7 @@ const CommunityBanner = ({ onClick }) => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(https://rubix.betadelivery.com/${item.banner_image})`}
+          backgroundImage={`url(${API_URL} /${item.banner_image})`}
           backgroundRepeat={"no-repeat"}
           backgroundSize={"cover"}
           display={"grid"}
diff --git a/src/components/Community/CommunityCard.jsx b/src/components/Community/CommunityCard.jsx
index 2be8042..b3eb878 100644
--- a/src/components/Community/CommunityCard.jsx
+++ b/src/components/Community/CommunityCard.jsx
@@ -29,6 +29,7 @@ import { useEffect } from "react";
 import axios from "axios";
 import { useGetCommunitiesQuery } from "../../Redux/slice/communitySlice";
 import Loader from "../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const individuals = [
   {
@@ -197,7 +198,7 @@ const CommunityCard = () => {
                   description={item.description}
                   designation={item.designation}
                   name={item.member_name}
-                  img={`https://rubix.betadelivery.com/${item.profile_image}`}
+                  img={`${API_URL} /${item.profile_image}`}
                   link={item.linkedin}
                 />
               ))}
diff --git a/src/components/EcoPage/EcoBanner.jsx b/src/components/EcoPage/EcoBanner.jsx
index 6f89756..9bb8719 100644
--- a/src/components/EcoPage/EcoBanner.jsx
+++ b/src/components/EcoPage/EcoBanner.jsx
@@ -4,6 +4,7 @@ import banner from "../../assets/images/EcoBanner.png";
 import { Link } from "react-router-dom";
 import Loader from "../Loader/Loader";
 import { useGetEcoSystemQuery } from "../../Redux/slice/ecosystemSlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BannerContent = [
   {
@@ -44,7 +45,7 @@ const EcoBanner = () => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(https://rubix.betadelivery.com/${item.banner_image})`}
+          backgroundImage={`url(${API_URL} /${item.banner_image})`}
           backgroundRepeat={"no-repeat"}
           backgroundSize={"cover"}
           display={"grid"}
diff --git a/src/components/EventsInternal/EventsInternal.jsx b/src/components/EventsInternal/EventsInternal.jsx
index 0ad5183..21cb77b 100644
--- a/src/components/EventsInternal/EventsInternal.jsx
+++ b/src/components/EventsInternal/EventsInternal.jsx
@@ -20,6 +20,7 @@ import { Link, useParams } from "react-router-dom";
 import NotFound from "../../pages/NotFound";
 import { useGetEventsViewQuery } from "../../Redux/slice/eventsViewSlice";
 import Loader from "../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EventsInternal = () => {
   const { data, isLoading } = useGetEventsViewQuery();
@@ -177,7 +178,7 @@ const EventsInternal = () => {
                   }}
                 >
                   <Image
-                    src={`https://rubix.betadelivery.com/${matchingEvents.banner_image}`}
+                    src={`${API_URL} /${matchingEvents.banner_image}`}
                   />
                 </Box>
                 {/* Content */}
diff --git a/src/components/EventsPage/NewestEvents.jsx b/src/components/EventsPage/NewestEvents.jsx
index 51c5de3..b53a38e 100644
--- a/src/components/EventsPage/NewestEvents.jsx
+++ b/src/components/EventsPage/NewestEvents.jsx
@@ -5,6 +5,7 @@ import { Autoplay, Navigation, Pagination } from "swiper/modules";
 import { Link } from "react-router-dom";
 import { useGetEventsViewQuery } from "../../Redux/slice/eventsViewSlice";
 import Loader from "../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const NewestEvent = () => {
   const { data, isLoading, error } = useGetEventsViewQuery();
@@ -83,7 +84,7 @@ const NewestEvent = () => {
                   >
                     <Box>
                       <Image
-                        src={`https://rubix.betadelivery.com/${item.banner_image}`}
+                        src={`${API_URL} /${item.banner_image}`}
                         maxW={"418px"}
                         minH={"280px"}
                         objectFit={"cover"}
diff --git a/src/components/HomePage/HomeBanner.jsx b/src/components/HomePage/HomeBanner.jsx
index b7635e1..7827795 100644
--- a/src/components/HomePage/HomeBanner.jsx
+++ b/src/components/HomePage/HomeBanner.jsx
@@ -6,6 +6,7 @@ import banner from "../../assets/images/bannerBgC.gif";
 import { Link } from "react-router-dom";
 import { useGetHomePageQuery } from "../../Redux/slice/homeSlice";
 import Loader from "../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BannerContent = [
   {
@@ -47,7 +48,7 @@ const HomeBanner = () => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(https://rubix.betadelivery.com/${item.banner_image})`}
+          backgroundImage={`url(${API_URL} /${item.banner_image})`}
           loading="lazy"
           backgroundRepeat={"no-repeat"}
           backgroundSize={"cover"}
diff --git a/src/components/LearnPage/LearnBanner.jsx b/src/components/LearnPage/LearnBanner.jsx
index 7adddf1..acf9ead 100644
--- a/src/components/LearnPage/LearnBanner.jsx
+++ b/src/components/LearnPage/LearnBanner.jsx
@@ -5,6 +5,7 @@ import banner from "../../assets/images/learnBanner.webp";
 import { Link } from "react-router-dom";
 import Loader from "../Loader/Loader";
 import { useGetLearnPageQuery } from "../../Redux/slice/learPageSlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BannerContent = [
   {
@@ -50,7 +51,7 @@ const LearnBanner = () => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(https://rubix.betadelivery.com/${item.banner_image})`}
+          backgroundImage={`url(${API_URL} /${item.banner_image})`}
           backgroundRepeat={"no-repeat"}
           loading="lazy"
           backgroundSize={"cover"}
diff --git a/src/components/MobileComponent/MobileCommunityCard.jsx b/src/components/MobileComponent/MobileCommunityCard.jsx
index 053d249..1cb5a2f 100644
--- a/src/components/MobileComponent/MobileCommunityCard.jsx
+++ b/src/components/MobileComponent/MobileCommunityCard.jsx
@@ -21,6 +21,7 @@ import imgtweleve from "../../assets/images/vivek.jpeg";
 import { Pagination, Navigation } from "swiper/modules";
 import { Link } from "react-router-dom";
 import { useGetCommunitiesQuery } from "../../Redux/slice/communitySlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const individuals = [
   {
@@ -230,7 +231,7 @@ const MobileCommunityCard = () => {
                     }}
                   >
                     <Image
-                      src={`https://rubix.betadelivery.com/${item.profile_image}`}
+                      src={`${API_URL} /${item.profile_image}`}
                       sx={{
                         "@media (max-width: 820px)": {
                           height: "auto",
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index c5119bc..60e1ee5 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -37,6 +37,7 @@ import news from "../../assets/images/Navicons/news.png";
 import events from "../../assets/images/Navicons/events.png";
 import resources from "../../assets/images/Navicons/resources.png";
 import { useGetUseCaseQuery } from "../../Redux/slice/useCaseSlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const NavBar = () => {
   const [isScrolled, setIsScrolled] = useState(false);
@@ -536,7 +537,7 @@ const NavBar = () => {
                               marginBottom={"1rem"}
                             >
                               <Image
-                                src={`https://rubix.betadelivery.com/${slug.icon}`}
+                                src={`${API_URL} /${slug.icon}`}
                                 width={`${iconwidth}`}
                                 height={"50px"}
                                 borderRadius={"50%"}
diff --git a/src/components/NewsInternal/NewsInternalPage.jsx b/src/components/NewsInternal/NewsInternalPage.jsx
index 85c3044..3940f8e 100644
--- a/src/components/NewsInternal/NewsInternalPage.jsx
+++ b/src/components/NewsInternal/NewsInternalPage.jsx
@@ -10,6 +10,7 @@ import Chip from "../Chip/Chip";
 import { Link, useParams } from "react-router-dom";
 import Loader from "../Loader/Loader";
 import { useGetNewsInternalQuery } from "../../Redux/slice/NewsInternalSlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const NewsInternalPage = () => {
   const { title_slug } = useParams();
@@ -125,7 +126,7 @@ const NewsInternalPage = () => {
               <Avatar
                 size="lg"
                 name="Dan Abrahmov"
-                src={`https://rubix.betadelivery.com/${matchingNewsPost.profile_image}`}
+                src={`${API_URL} .profile_image}`}
               />
 
               <Box
@@ -145,7 +146,7 @@ const NewsInternalPage = () => {
           <Box
             height={"70vh"}
             width={"85vw"}
-            backgroundImage={`url(https://rubix.betadelivery.com/${matchingNewsPost.banner_image})`}
+            backgroundImage={`url(${API_URL} .banner_image})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
diff --git a/src/components/NewsPage/NewsContent.jsx b/src/components/NewsPage/NewsContent.jsx
index 2e08ca3..49d581d 100644
--- a/src/components/NewsPage/NewsContent.jsx
+++ b/src/components/NewsPage/NewsContent.jsx
@@ -6,6 +6,7 @@ import { useState } from "react";
 import Pagination from "../Pagination/Pagination";
 import { useGetNewsQuery } from "../../Redux/slice/newsSlice";
 import Loader from "../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const contents = [
   {
@@ -159,7 +160,7 @@ const NewsContent = () => {
                   }}
                 >
                   <Image
-                    src={`https://rubix.betadelivery.com/${content.banner_image}`}
+                    src={`${API_URL} /${content.banner_image}`}
                     height={"240px"}
                     width={"100%"}
                     objectFit={"cover"}
diff --git a/src/components/ResourcesPage/tabInsideContent/TabsArticles.jsx b/src/components/ResourcesPage/tabInsideContent/TabsArticles.jsx
index 2a392d7..9c22a16 100644
--- a/src/components/ResourcesPage/tabInsideContent/TabsArticles.jsx
+++ b/src/components/ResourcesPage/tabInsideContent/TabsArticles.jsx
@@ -7,6 +7,7 @@ import Loader from "../../Loader/Loader";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Autoplay, Navigation, Pagination } from "swiper/modules";
 import { Link } from "react-router-dom";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const TabsArticles = () => {
   const [currentPage, setCurrentPage] = useState(1);
@@ -71,7 +72,7 @@ const TabsArticles = () => {
               >
                 <Box>
                   <Image
-                    src={`https://rubix.betadelivery.com/${item.content_image_large}`}
+                    src={`${API_URL} /${item.content_image_large}`}
                     maxW={"418px"}
                     minH={"280px"}
                     objectFit={"cover"}
diff --git a/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx b/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
index 543dcf2..488ab9b 100644
--- a/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
+++ b/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
@@ -14,6 +14,7 @@ import Loader from "../../Loader/Loader";
 import { useGetVideoQuery } from "../../../Redux/slice/whitePaperSlice";
 import { useState } from "react";
 import { Link } from "react-router-dom";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const videoTab = [
   {
@@ -127,7 +128,7 @@ const TabsVideo = () => {
               >
                 <Box>
                   <Image
-                    src={`https://rubix.betadelivery.com/${item.thumbnail}`}
+                    src={`${API_URL} /${item.thumbnail}`}
                     maxW={"418px"}
                     minH={"280px"}
                     objectFit={"cover"}
diff --git a/src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx b/src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx
index 20e2b34..5016e67 100644
--- a/src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx
+++ b/src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx
@@ -6,6 +6,7 @@ import pdf from "../../../assets/pdf/Rubix.pdf";
 import { useState } from "react";
 import { useGetWhitePaperQuery } from "../../../Redux/slice/whitePaperSlice";
 import Loader from "../../Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const WhitepaperDocs = () => {
   const [currentPage, setCurrentPage] = useState(1);
@@ -67,7 +68,7 @@ const WhitepaperDocs = () => {
             }}
           >
             <Image
-              src={`https://rubix.betadelivery.com/${item.bannerImage}`}
+              src={`${API_URL} /${item.bannerImage}`}
               maxHeight={"215px"}
               width={"100%"}
               objectFit={"contain"}
@@ -108,7 +109,7 @@ const WhitepaperDocs = () => {
                 ></Box>
                 <a
                   download="RubiX_WhitePaper.pdf"
-                  href={`https://rubix.betadelivery.com/${item.document}`}
+                  href={`${API_URL} /${item.document}`}
                 >
                   <Button
                     position={"relative"}
diff --git a/src/components/ResourcesPage/tableContent/ArticlesTable.jsx b/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
index c730092..7e0b981 100644
--- a/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
+++ b/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
@@ -6,6 +6,7 @@ import { useState } from "react";
 import Pagination from "../../Pagination/Pagination";
 import Loader from "../../Loader/Loader";
 import { useGetBlogQuery } from "../../../Redux/slice/blogsSlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const contents = [
   {
@@ -147,7 +148,7 @@ const ArticlesTable = () => {
               <Image
                 minH={"180px"}
                 objectFit={"cover"}
-                src={`https://rubix.betadelivery.com/${content.content_image_large}`}
+                src={`${API_URL} /${content.content_image_large}`}
               />
               <Box padding={"1rem"}>
                 <Text
diff --git a/src/components/ResourcesPage/tableContent/VideoTable.jsx b/src/components/ResourcesPage/tableContent/VideoTable.jsx
index c8e8632..b274e89 100644
--- a/src/components/ResourcesPage/tableContent/VideoTable.jsx
+++ b/src/components/ResourcesPage/tableContent/VideoTable.jsx
@@ -6,6 +6,7 @@ import { useState } from "react";
 import Pagination from "../../Pagination/Pagination";
 import Loader from "../../Loader/Loader";
 import { useGetVideoQuery } from "../../../Redux/slice/whitePaperSlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const contents = [
   {
@@ -134,7 +135,7 @@ const VideoTable = () => {
                 width={"100%"}
                 objectFit={"cover"}
                 maxHeight={"180px"}
-                src={`https://rubix.betadelivery.com/${content.thumbnail}`}
+                src={`${API_URL} /${content.thumbnail}`}
               />
               <Box padding={"1rem 0"}>
                 <Text
diff --git a/src/components/UseCase/NewUseCase.jsx b/src/components/UseCase/NewUseCase.jsx
index 6bf22b2..9014998 100644
--- a/src/components/UseCase/NewUseCase.jsx
+++ b/src/components/UseCase/NewUseCase.jsx
@@ -9,6 +9,7 @@ import { useGetUseCaseQuery } from "../../Redux/slice/useCaseSlice";
 import Loader from "../Loader/Loader";
 import NotFound from "../../pages/NotFound";
 import img from "../../assets/images/pdfscreen.png";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 // eslint-disable-next-line react/prop-types
 const NewUseCase = () => {
@@ -41,7 +42,7 @@ const NewUseCase = () => {
           <Box
             height={"75vh"}
             width={"100%"}
-            backgroundImage={`url(https://rubix.betadelivery.com/${matchingUseCase.bannerImage})`}
+            backgroundImage={`url(${API_URL} /${matchingUseCase.bannerImage})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
@@ -246,7 +247,7 @@ const NewUseCase = () => {
                       {
                         <a
                           download={item.originalname}
-                          href={`https://rubix.betadelivery.com/${item.path}`}
+                          href={`${API_URL} /${item.path}`}
                           target="_blank"
                         >
                           <Button
diff --git a/src/pages/Policy.jsx b/src/pages/Policy.jsx
index f7acba4..080986d 100644
--- a/src/pages/Policy.jsx
+++ b/src/pages/Policy.jsx
@@ -5,6 +5,7 @@ import { useGetTermsPageQuery } from "../Redux/slice/termsSlice";
 import { useEffect } from "react";
 import Loader from "../components/Loader/Loader";
 import { useGetPrivacyPageQuery } from "../Redux/slice/privacySlice";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const Policy = () => {
   const { data, isLoading } = useGetPrivacyPageQuery();
@@ -31,7 +32,7 @@ const Policy = () => {
             key={item.id}
             height={"75vh"}
             width={"100%"}
-            backgroundImage={`url(https://rubix.betadelivery.com/${item.banner_image})`}
+            backgroundImage={`url(${API_URL} /${item.banner_image})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
diff --git a/src/pages/Terms.jsx b/src/pages/Terms.jsx
index 3ebe2bd..918ef53 100644
--- a/src/pages/Terms.jsx
+++ b/src/pages/Terms.jsx
@@ -4,6 +4,7 @@ import { Link } from "react-router-dom";
 import { useGetTermsPageQuery } from "../Redux/slice/termsSlice";
 import { useEffect } from "react";
 import Loader from "../components/Loader/Loader";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const Terms = () => {
   const { data, isLoading } = useGetTermsPageQuery();
@@ -30,7 +31,7 @@ const Terms = () => {
             key={item.id}
             height={"75vh"}
             width={"100%"}
-            backgroundImage={`url(https://rubix.betadelivery.com/${item.banner_image})`}
+            backgroundImage={`url(${API_URL} /${item.banner_image})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"