WIP to add rwa page [pending marketing design]

config/menu.ts

@@ -12,6 +12,10 @@ const menu = [
       {
         label: 'Centrifuge Prime',
         href: '/prime',
+      }, 
+      {
+        label: 'RWA Market',
+        href: '/rwa-market',
       },
     ]
   },

data/rwa-market.json

@@ -0,0 +1,110 @@
+{
+    "slug": "/rwa-market",
+    "seo": {
+      "title": "RWA Market\n",
+      "description": "The RWA Market gives users the ability to lend and borrow against eligible pool tokens."
+    },
+    "hero_fund": {
+      "pretitle": "INSTITUTIONAL DEFI",
+      "title": "Creating composability \nfor a thriving RWA ecosystem",
+      "body": "The RWA Market gives users the ability to lend and borrow against eligible pool tokens. This brings additional utility to RWAs and is a critical step towards bringing financial markets onchain.",
+      "image": "./images/fund-management/fund-hero.png"
+    },
+    "prime_partners": {
+      "title": "Built from years of experience bringing RWAs to DeFi",
+      "items": [
+        {
+          "image": "./images/prime/partner/the-credit-group.svg",
+          "alt": "The Credit Group"
+        },
+        {
+          "image": "./images/prime/partner/steakhouse-financial.svg",
+          "alt": "Steakhouse Financial"
+        },
+        {
+          "image": "./images/prime/partner/rwa.svg",
+          "alt": "rwa.xyz"
+        },
+        {
+          "image": "./images/prime/partner/aave.svg",
+          "alt": "Aave"
+        },
+        {
+          "image": "./images/prime/partner/blocktower.svg",
+          "alt": "Blocktower"
+        },
+        {
+          "image": "./images/prime/partner/maker.svg",
+          "alt": "Maker"
+        },
+        {
+          "image": "./images/prime/partner/circle.svg",
+          "alt": "Circle"
+        }
+      ]
+    },
+    "fund_features": {
+      "title": "Increasing RWA token utility",
+      "body": "Financial products thrive with robust market infrastructure, enhancing their utility through shorting, leveraging, and immediate liquidity access. To attract institutional participation, DeFi must replicate these essential TradFi infrastructure benefits.",
+      "items": [
+        {
+          "title": "Enhanced Utility",
+          "body": "Ability to short, leverage, and gain immediate liquidity from assets."
+        },
+        {
+          "title": "Comprehensive Functionality",
+          "body": "Extends TradFi benefits like borrowing against assets and hedging to RWAs."
+        },
+        {
+          "title": "Market Maturity",
+          "body": "Development of a sophisticated DeFi ecosystem for real-world assets."
+        },
+        {
+          "title": "Institutional Attraction",
+          "body": "Creating infrastructure to meet institutional needs and drive adoption."
+        }
+      ]
+    },
+    "rwa_yields": {
+      "title": "Seamless KYC",
+      "body": "This is the first permissioned RWA market integrated with Coinbase Verifications, eliminating the need for tedious and manual KYC processes. This streamlined verification process opens the market to 125 million Coinbase users, allowing them to onboard seamlessly through a single click.",
+      "image": "./images/fund-management/fund1.png"
+    },
+    "rwa_usp": {
+      "title": "Live with Morpho on Base",
+      "body": "After evaluating different lending protocols, Centrifuge chose Morpho as the first launch partner because it’s battle tested, has an active user base and the nature of isolated markets allow for easy segregation of permissioned tokens. Institutions need to justify transitioning their assets onchain, either by using these assets as collateral for refinancing or earning yield, said Paul Frambot, Co-founder of Morpho Labs. Our goal with Morpho was to build the most trusted and reliable lending infrastructure, and we're excited to see RWA issuers like Centrifuge choose it to launch new lending markets.",
+      "items": [
+        "Reduce yield spreads by 25 bps",
+        "Improve liquidity by 5.3%",
+        "Save up to 150 bps running the fund"
+      ],
+      "image": "./images/fund-management/fund2.png"
+    },
+    "prime_integration": {
+      "title": "The home for all things real-world assets",
+      "body": "Centrifuge Prime combines the infrastructure for the tokenization and management of real-world assets, with an ecosystem of critical partners and services, to provide the assets and opportunities that DAOs and DeFi protocols want to see.",
+      "items": [
+        {
+          "image": "./images/prime/integration-infrastructure.svg",
+          "title": "Infrastructure",
+          "body": "RWA tokenization, securitization, and a compliant out of the box legal framework"
+        },
+        {
+          "image": "./images/prime/integration-ecosystem.svg",
+          "title": "Ecosystem",
+          "body": "Decentralized and objective credit risk reporting and analysis functions for assets and portfolio"
+        },
+        {
+          "image": "./images/prime/integration-assets.svg",
+          "title": "Assets",
+          "body": "Diversified asset classes including US Treasury Bills, Asset Backed Securities, Real Estate, and more"
+        }
+      ]
+    },
+    "fund_cta": {
+      "title": "Ready to launch \nyour fund onchain?",
+      "items": [
+        "Centrifuge's fund management platform is available now for funds and asset managers looking to launch tokenized investment products and strategies."
+      ]
+    }
+  }

src/pages/rwa-market.tsx

@@ -0,0 +1,96 @@
+import { Stack } from '@centrifuge/fabric'
+import type { HeadProps } from 'gatsby'
+import { graphql } from 'gatsby'
+import * as React from 'react'
+import { Layout } from '../components/Layout'
+import { SEO, SEOProps } from '../components/Seo'
+import { HeroFund, HeroFundProps } from '../components/hero-fund'
+import { FundFeatures, FundFeaturesProps } from '../components/FundFeatures'
+import { FundUsp, FundUspProps } from '../components/FundUsp'
+import { PrimePartners, PrimePartnersProps } from '../components/PrimePartners'
+import { RwaYields, RwaYieldsProps } from '../components/RwaYields'
+import { PrimeIntegration, PrimeIntegrationProps } from '../components/PrimeIntegration'
+import { FundCta, FundCtaProps } from '../components/FundCta'
+
+// GraphQL query for fetching RWA Market page data
+export const query = graphql`
+  query {
+    dataJson(slug: { eq: "/rwa-market" }) {
+      title
+
+      seo {
+        ...SeoFragment
+      }
+
+      hero_fund {
+        ...HeroFundFragment
+      }
+
+      fund_features {
+        ...FundFeaturesFragment
+      }
+
+      prime_integration {
+        ...PrimeIntegrationFragment
+      }
+
+      rwa_usp {
+        ...RwaUspFragment
+      }
+
+      rwa_yields {
+        ...RwaYieldsFragment
+      }
+
+      prime_partners {
+        ...PrimePartnersFragment
+      }
+
+      fund_cta {
+        ...FundCtaFragment
+      }
+    }
+  }
+`
+
+type RWAMarketProps = {
+  data: {
+    dataJson: {
+      seo: SEOProps
+      hero_fund: HeroFundProps
+      prime_partners: PrimePartnersProps
+      fund_features: FundFeaturesProps
+      rwa_yields: RwaYieldsProps
+      rwa_usp: FundUspProps
+      prime_integration: PrimeIntegrationProps
+      fund_cta: FundCtaProps
+    }
+  }
+}
+
+export default function RWAMarket({ data }: RWAMarketProps) {
+  const { hero_fund, prime_partners, fund_features, rwa_yields, rwa_usp, prime_integration, fund_cta } = data.dataJson
+
+  return (
+    <Layout menuButtonVariant="secondary" padded={false}>
+      <Stack gap={['layoutMedium', 'layoutLarge', 'layoutXLarge']}>
+        <Stack gap={[10, 10, '120px']}>
+          <HeroFund {...hero_fund} />
+          <FundFeatures {...fund_features} />
+        </Stack>
+        <RwaYields {...rwa_yields} />
+        <FundUsp {...rwa_usp} />
+        <PrimePartners {...prime_partners} />
+        <PrimeIntegration {...prime_integration} />
+        <FundCta {...fund_cta} />
+      </Stack>
+    </Layout>
+  )
+}
+
+export const Head = ({ data, location }: RWAMarketProps & HeadProps) => {
+  const { seo } = data.dataJson
+  const { pathname } = location
+
+  return <SEO title={seo.title} description={seo.description} pathname={pathname} />
+}