feat: Feat/ifo listapie (#11149)

<!--
Before opening a pull request, please read the [contributing
guidelines](https://github.com/pancakeswap/pancake-frontend/blob/develop/CONTRIBUTING.md)
first
-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR introduces the `Listapie` campaign and related components,
replacing references to `SOLV` with `Listapie` across various files. It
adds a new token launch and modifies UI components to reflect the
changes.

### Detailed summary
- Added `Listapie` campaign to `campaigns.ts`.
- Updated `ERC20Token` details for `Listapie` in `constants/bsc.ts`.
- Created `AdListaPie` component in `Ads/AdListapie.tsx`.
- Replaced `AdSolv` with `AdListaPie` in `AdPanel/config.tsx`.
- Updated `PhishingWarningBanner` to include `ListapieStripe`.
- Modified translation strings in `translations.json`.
- Added new `ifos` entry for `Listapie` in `ifos/bsc.ts`.
- Updated `SolvStrip` to `ListapieStripe` in `PhishingWarningBanner`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your
question}`

<!-- end pr-codex -->

Author: chef-ryan

Diff for: apps/web/src/components/AdPanel/Ads/AdListapie.tsx

@@ -0,0 +1,33 @@
+import { useTranslation } from '@pancakeswap/localization'
+import { BodyText } from '../BodyText'
+import { AdButton } from '../Button'
+import { AdCard } from '../Card'
+import { Countdown } from '../Countdown'
+import { AdPlayerProps } from '../types'
+import { getImageUrl } from '../utils'
+
+export const AdListaPie = (props: AdPlayerProps) => {
+  const { t } = useTranslation()
+
+  return (
+    <AdCard imageUrl={getImageUrl('listapie')} {...props}>
+      <BodyText mb="8px">
+        {t('%token% IFO starts in', {
+          token: 'Listapie',
+        })}
+      </BodyText>
+
+      <Countdown
+        targetTime={new Date('2025-01-21T10:00:00Z').getTime() / 1000}
+        subtleColor="rgba(0,0,0,.6)"
+        background="linear-gradient(180deg, #FCC631 0%, #FF9D00 100%)"
+        color="black"
+        mb="8px"
+      />
+
+      <AdButton variant="text" isExternalLink href="https://pancakeswap.finance/ifo">
+        {t('Get Started')}
+      </AdButton>
+    </AdCard>
+  )
+}

Diff for: apps/web/src/components/AdPanel/config.tsx

@@ -1,8 +1,8 @@
 import { useMatchBreakpoints } from '@pancakeswap/uikit'
 import { useMemo } from 'react'
 import { AdCakeStaking } from './Ads/AdCakeStaking'
+import { AdListaPie } from './Ads/AdListapie'
 import { AdPCSX } from './Ads/AdPCSX'
-import { AdSolv } from './Ads/AdSolv'
 import { AdSpringboard } from './Ads/AdSpringboard'
 import { AdTradingCompetitionVinu } from './Ads/AdTradingCompetition'
 import { ExpandableAd } from './Expandable/ExpandableAd'
@@ -44,8 +44,8 @@ export const useAdConfig = () => {
         component: <AdTradingCompetitionVinu />,
       },
       {
-        id: 'ad-ifo-solv',
-        component: <AdSolv />,
+        id: 'ad-ifo-listapie',
+        component: <AdListaPie />,
       },
       {
         id: 'pcsx',

Diff for: apps/web/src/components/PhishingWarningBanner/ListapieStripe.tsx

@@ -0,0 +1,47 @@
+import { useTranslation } from '@pancakeswap/localization'
+import { Box, Link } from '@pancakeswap/uikit'
+import { VerticalDivider } from '@pancakeswap/widgets-internal'
+import { TextHighlight } from './TextHighlight'
+
+export const ListapieStripe = () => {
+  const { t } = useTranslation()
+
+  return (
+    <Box mr={['6px']}>
+      <TextHighlight
+        text={t('Join the %token% Token Launch (IFO) on BNB Chain PancakeSwap', {
+          token: 'Listapie',
+        })}
+        highlights={['Listapie', 'PancakeSwap']}
+      />{' '}
+      <Link
+        external
+        display="inline !important"
+        fontSize={['12px', '12px', '14px']}
+        href="https://pancakeswap.finance/ifo"
+      >
+        {t('Join Now')}
+      </Link>
+      <VerticalDivider
+        bg="#53DEE9"
+        style={{
+          display: 'inline-block',
+          verticalAlign: 'middle',
+          height: '18px',
+          opacity: 0.4,
+          width: '1px',
+          marginLeft: '0px',
+          marginRight: '8px',
+        }}
+      />
+      <Link
+        external
+        display="inline !important"
+        fontSize={['12px', '12px', '14px']}
+        href="https://pancakeswap.finance/ifo"
+      >
+        {t('Learn More')}
+      </Link>
+    </Box>
+  )
+}

Diff for: apps/web/src/components/PhishingWarningBanner/SolvStrip.tsx

@@ -1,32 +1,17 @@
 import { useTranslation } from '@pancakeswap/localization'
-import { Box, Link, Text } from '@pancakeswap/uikit'
+import { Box, Link } from '@pancakeswap/uikit'
 import { VerticalDivider } from '@pancakeswap/widgets-internal'
+import { TextHighlight } from './TextHighlight'
 
-const TextHighlight = ({ text, highlights }: { text: string; highlights: string[] }) => {
-  const prts = text.split(new RegExp(`(${highlights.join('|')})`, 'g'))
-  return prts.map((prt, i) => {
-    const key = `${prt}-${i}`
-    if (highlights.includes(prt)) {
-      return (
-        <Text bold as="span" color="#FCC631" fontSize={['12px', '12px', '14px']} key={key}>
-          {prt}
-        </Text>
-      )
-    }
-    return (
-      <Text bold as="span" color="#FFFFFF" fontSize={['12px', '12px', '14px']} key={key}>
-        {prt}
-      </Text>
-    )
-  })
-}
 export const SolvStrip = () => {
   const { t } = useTranslation()
 
   return (
     <Box mr={['6px']}>
       <TextHighlight
-        text={t('Join the SOLV Token Launch (IFO) on BNB Chain PancakeSwap')}
+        text={t('Join the %token% Token Launch (IFO) on BNB Chain PancakeSwap', {
+          token: 'SOLV',
+        })}
         highlights={['SOLV', 'PancakeSwap']}
       />{' '}
       <Link

Diff for: apps/web/src/components/PhishingWarningBanner/TextHighlight.tsx

@@ -0,0 +1,20 @@
+import { Text } from '@pancakeswap/uikit'
+
+export const TextHighlight = ({ text, highlights }: { text: string; highlights: string[] }) => {
+  const prts = text.split(new RegExp(`(${highlights.join('|')})`, 'g'))
+  return prts.map((prt, i) => {
+    const key = `${prt}-${i}`
+    if (highlights.includes(prt)) {
+      return (
+        <Text bold as="span" color="#FCC631" fontSize={['12px', '12px', '14px']} key={key}>
+          {prt}
+        </Text>
+      )
+    }
+    return (
+      <Text bold as="span" color="#FFFFFF" fontSize={['12px', '12px', '14px']} key={key}>
+        {prt}
+      </Text>
+    )
+  })
+}

Diff for: apps/web/src/components/PhishingWarningBanner/index.tsx

@@ -8,7 +8,7 @@ import 'swiper/css/effect-fade'
 import { ASSET_CDN } from 'config/constants/endpoints'
 import { Countdown } from './Countdown'
 
-import { SolvStrip } from './SolvStrip'
+import { ListapieStripe } from './ListapieStripe'
 import { Step1 } from './Step1'
 import { Step2 } from './Step2'
 import { Step3 } from './Step3'
@@ -101,10 +101,10 @@ type BannerConfig = {
 
 const CONFIG: BannerConfig[] = [
   {
-    component: SolvStrip,
-    stripeImage: `${ASSET_CDN}/web/phishing-warning/solv.png?v=1`,
+    component: ListapieStripe,
+    stripeImage: `${ASSET_CDN}/web/phishing-warning/listapie.png`,
     stripeImageWidth: '92px',
-    stripeImageAlt: 'SOLV IFO',
+    stripeImageAlt: 'Listapie IFO',
   },
   {
     component: Step1,

Diff for: packages/achievements/src/campaigns.ts

@@ -10,6 +10,12 @@ import { Campaign } from './types'
  */
 
 export const campaigns: Campaign[] = [
+  {
+    id: '512700000',
+    type: 'ifo',
+    title: 'LISTAPIE',
+    badge: 'ifo-listapie.svg',
+  },
   {
     id: '512600000',
     type: 'ifo',

Diff for: packages/ifos/src/constants/ifos/bsc.ts

@@ -4,10 +4,35 @@ import { BaseIfoConfig } from '../../types'
 import { cakeBnbLpToken } from '../lpTokens'
 
 export const ifos: BaseIfoConfig[] = [
+  {
+    id: 'listapie',
+    address: '0x4F045CD0C3293845e0A0460fA64caC5d59b4Dc37',
+    isActive: true,
+    cIFO: false,
+    plannedStartTime: new Date('2025-01-21T10:00:00Z').getTime() / 1000,
+    poolBasic: {
+      raiseAmount: '$30,000',
+    },
+    poolUnlimited: {
+      raiseAmount: '$270,000',
+      additionalClaimingFee: true,
+    },
+    name: 'LISTAPIE',
+    currency: bscTokens.cake,
+    token: bscTokens.listapie,
+    campaignId: '512700000',
+    articleUrl: 'https://pancakeswap.finance/ifo',
+    tokenOfferingPrice: 1,
+    version: 8,
+    twitterUrl: 'https://x.com/Listapiexyz_io',
+    description:
+      "Listapie's mission is to lock LISTA tokens to obtain voting rights and active engagement rewards within Lista DAO",
+    vestingTitle: 'LTP is the governance and reward-earning token of Listapie',
+  },
   {
     id: 'solv',
     address: '0xe1C5dc4d2f63B39c611A9D75C23dbC85d9146E46',
-    isActive: true,
+    isActive: false,
     cIFO: false,
     plannedStartTime: new Date('2025-01-16T10:00:00Z').getTime() / 1000,
     poolBasic: {

Diff for: packages/localization/src/config/translations.json

@@ -3679,7 +3679,7 @@
   "Please provide valid choices": "Please provide valid choices",
   "The vested tokens will be released linearly over a period of %countdown%.": "The vested tokens will be released linearly over a period of %countdown%.",
   "%token% IFO starts in": "%token% IFO starts in",
-  "Join the SOLV Token Launch (IFO) on BNB Chain PancakeSwap": "Join the SOLV Token Launch (IFO) on BNB Chain PancakeSwap",
+  "Join the %token% Token Launch (IFO) on BNB Chain PancakeSwap": "Join the %token% Token Launch (IFO) on BNB Chain PancakeSwap",
   "The time has already passed.": "The time has already passed.",
   "day(s)": "day(s)",
   "hour(s)": "hour(s)",

Diff for: packages/tokens/src/constants/bsc.ts

@@ -3343,11 +3343,11 @@ export const bscTokens = {
   ),
   listapie: new ERC20Token(
     ChainId.BSC,
-    '0xFceB31A79F71AC9CBDCF853519c1b12D379EdC46',
+    '0x56fA5F7BF457454Be33D8B978C86A5f5B9DD84C2',
     18,
-    'LISTA-PIE',
-    'Lista Pie',
-    'https://lista.org/',
+    'LTP',
+    'Listapie',
+    'https://www.lista.magpiexyz.io/',
   ),
   solv: new ERC20Token(
     ChainId.BSC,