chore: render slides from config, update btn

apps/web/src/components/AdPanel/Button.tsx

@@ -12,7 +12,7 @@ export const AdButton = ({ children, isExternal, endIcon, ...props }: AdButtonPr
       variant="subtle"
       width="fit-content"
       padding="7px 8px 9px 8px"
-      endIcon={isExternal ? <OpenNewIcon color="invertedContrast" /> : endIcon}
+      endIcon={endIcon || isExternal ? <OpenNewIcon color="invertedContrast" /> : null}
       {...props}
     >
       {children}

apps/web/src/components/AdPanel/CardLayouts.tsx

@@ -5,6 +5,7 @@ import { Autoplay, EffectFade, Pagination } from 'swiper/modules'
 import { SwiperSlide } from 'swiper/react'
 import { StyledSwiper } from './CarrouselWithSlider'
 import { TitleContentAd } from './Variations/TitleContentAd'
+import { AdList } from './config'
 
 const FloatingContainer = styled(Box)`
   position: fixed;
@@ -42,9 +43,9 @@ export const DesktopCard = () => {
             loop
             pagination={{ clickable: true }}
           >
-            <SwiperSlide>
-              <TitleContentAd />
-            </SwiperSlide>
+            {AdList.map((ad) => (
+              <SwiperSlide key={ad.id}>{ad.component}</SwiperSlide>
+            ))}
           </StyledSwiper>
         </FloatingContainer>,
         portalRoot,

apps/web/src/components/AdPanel/Variations/ContentAd.tsx

@@ -0,0 +1,13 @@
+import { AdButton } from '../Button'
+import { AdCard } from '../Card'
+import { Content } from '../Content'
+
+export const ContentAd = () => {
+  return (
+    <AdCard imageUrl="/images/adpanel-test/bannerImg1.png">
+      <Content>PancakeSwap Prediction Telegram Bot is now live!</Content>
+
+      <AdButton isExternal>Play Now!</AdButton>
+    </AdCard>
+  )
+}

apps/web/src/components/AdPanel/config.tsx

@@ -0,0 +1,13 @@
+import { ContentAd } from './Variations/ContentAd'
+import { TitleContentAd } from './Variations/TitleContentAd'
+
+export const AdList = [
+  {
+    id: 'title-content-ad',
+    component: <TitleContentAd />,
+  },
+  {
+    id: 'content-ad',
+    component: <ContentAd />,
+  },
+]