refactor(page descriptions): updated texts on new product pages

updated the descriptions and meta data in the seo section, also added archive separately
k33hq · Oct 20, 2023 · 0cddbfe · 0cddbfe
1 parent de24bb9
commit 0cddbfe
Show file tree

Hide file tree

Showing 10 changed files with 59 additions and 36 deletions.
diff --git a/apps/research/src/components/platform/PricingTable.tsx b/apps/research/src/components/platform/PricingTable.tsx
@@ -474,7 +474,9 @@ const PricingTable = () => {
           textAlign: 'center',
         }}
       >
-        <Title level={3}>Select Your Plans!</Title>
+        <Title level={3} style={{ margin: 0 }}>
+          Select Your Subscriptions!
+        </Title>
         {/* <Text>
           The right plan is waiting for you. Subscribe and get full access to
           all research content.

diff --git a/apps/research/src/components/platform/ResearchFooter.tsx b/apps/research/src/components/platform/ResearchFooter.tsx
@@ -41,6 +41,11 @@ const ResearchFooter: React.FC = () => {
                     </Button>
                   </Link>
                 ))}
+                <Link href={'/pricing'} key={'pricing'}>
+                  <Button key={'pricing'} type="link" size="small">
+                    Pricing
+                  </Button>
+                </Link>
               </div>
               <div id="social-links">
                 <Space wrap>

diff --git a/apps/research/src/components/platform/ResearchHeader.tsx b/apps/research/src/components/platform/ResearchHeader.tsx
@@ -165,7 +165,7 @@ const ResearchHeader: React.FC<ResearchHeaderProps> = () => {
                         }
                       </Col>
                     )}
-                    <Col
+                    {/* <Col
                       style={{
                         paddingRight: 24,
                       }}
@@ -179,7 +179,7 @@ const ResearchHeader: React.FC<ResearchHeaderProps> = () => {
                           icon={<SearchOutlined />}
                         ></Button>
                       </Link>
-                    </Col>
+                    </Col> */}
                     <Col
                       style={{
                         paddingRight: 0,

diff --git a/apps/research/src/config/index.ts b/apps/research/src/config/index.ts
@@ -35,6 +35,7 @@ export const appStructure: AppStructure = {
       label: 'KVQ',
       url: '/kvq',
     },
+    { key: 'archive', label: 'Archive', url: '/articles' },
     // {
     //   key: 'market-insights',
     //   label: 'Market Insights',
@@ -112,7 +113,7 @@ export const appStructure: AppStructure = {
       productId: process.env.NEXT_PUBLIC_STRIPE_PRODUCT_ID_TWIC! as string,
       annualPriceId: process.env.NEXT_PUBLIC_STRIPE_YEARLY_PRICE_ID_TWIC!,
       monthlyPriceId: process.env.NEXT_PUBLIC_STRIPE_MONTHLY_PRICE_ID_TWIC!,
-      image: './twic_product.svg',
+      image: '/research/twic_product.svg',
       name: 'This Week in Crypto',
       description:
         'Our carefully distilled newsletter delivered to your inbox every Friday. We take great pride in delivering you the most important news only, explaining them in plain English, and analysing the potential implications.',
@@ -123,7 +124,7 @@ export const appStructure: AppStructure = {
       productId: process.env.NEXT_PUBLIC_STRIPE_PRODUCT_ID_NN! as string,
       annualPriceId: process.env.NEXT_PUBLIC_STRIPE_YEARLY_PRICE_ID_NN!,
       monthlyPriceId: process.env.NEXT_PUBLIC_STRIPE_MONTHLY_PRICE_ID_NN!,
-      image: './nn_product.svg',
+      image: '/research/nn_product.svg',
       name: 'Navigating Narratives',
       description:
         'A weekly research note looking at what’s brewing in crypto and DeFi. Delivered directly to your inbox.',
@@ -134,7 +135,7 @@ export const appStructure: AppStructure = {
       productId: process.env.NEXT_PUBLIC_STRIPE_PRODUCT_ID_AOC! as string,
       annualPriceId: process.env.NEXT_PUBLIC_STRIPE_YEARLY_PRICE_ID_AOC!,
       monthlyPriceId: process.env.NEXT_PUBLIC_STRIPE_MONTHLY_PRICE_ID_AOC!,
-      image: './aoc_product.svg',
+      image: '/research/aoc_product.svg',
       name: 'Ahead of The Curve',
       description:
         'The weekly market report with signals from the derivatives market, market structure and expert opinion. Delivered directly to your inbox.',
@@ -145,7 +146,7 @@ export const appStructure: AppStructure = {
       productId: process.env.NEXT_PUBLIC_STRIPE_PRODUCT_ID_PRO! as string,
       annualPriceId: process.env.NEXT_PUBLIC_STRIPE_YEARLY_PRICE_ID_PRO!,
       monthlyPriceId: process.env.NEXT_PUBLIC_STRIPE_MONTHLY_PRICE_ID_PRO!,
-      image: './pro_product.svg',
+      image: '/research/pro_product.svg',
       name: 'Complete Package',
       description:
         'The weekly market report with signals from the derivatives market, market structure and expert opinion. Delivered directly to your inbox.',

diff --git a/apps/research/src/pages/ahead-of-the-curve.tsx b/apps/research/src/pages/ahead-of-the-curve.tsx
@@ -25,17 +25,17 @@ const AheadOfTheCurve: NextPageWithLayout<AheadOfTheCurveProps> = ({
         }}
         title={'Research - Ahead Of The Curve'}
         description={
-          'Unlock the secrets to successful digital asset valuation. Leverage data and economic theory to accurately assess the worth of diverse tokens and maximize your investment potential.'
+          'The weekly market report with signals from the derivatives market, market structure and expert opinion.'
         }
         twitter={{
           handle: siteUsername,
           site: process.env.NEXT_PUBLIC_WEB_DOMAIN,
           cardType: 'summary_large_image',
         }}
         openGraph={{
-          title: 'Research - Market Insights Monthly Outlooks',
+          title: 'Research - Ahead Of The Curve',
           description:
-            "Stay ahead of the curve in the digital assets market with our comprehensive market insights. Discover the latest trends and factors influencing prices for tomorrow's gains.",
+            'The weekly market report with signals from the derivatives market, market structure and expert opinion.',
           url: `https://${process.env.NEXT_PUBLIC_WEB_DOMAIN}/research/ahead-of-the-curve`,
           type: 'article:section',
           images: [
@@ -63,7 +63,7 @@ AheadOfTheCurve.getLayout = function getLayout(page: React.ReactElement) {
     <TabLayout
       activeKey={'/'}
       type="secondary"
-      description="Stay ahead of the curve in the digital assets market with our comprehensive market insights. Discover the latest trends and factors influencing prices for tomorrow's gains."
+      description="The weekly market report with signals from the derivatives market, market structure and expert opinion."
       title="Ahead of the Curve"
       tabs={[]}
       image="./aoc_header.svg"

diff --git a/apps/research/src/pages/index.tsx b/apps/research/src/pages/index.tsx
@@ -6,6 +6,7 @@ import {
   IndustryDashboard,
   MarketDashboard,
   NamedDivider,
+  PricingTable,
   SimpleLayout,
   TokenValuationCover,
 } from '@/components';
@@ -26,8 +27,9 @@ import {
   getIndexSummary,
 } from '@/api';
 import { siteUsername } from '@/utils';
-import { Button, Grid, Typography } from 'antd';
+import { Button, Divider, Grid, Typography } from 'antd';
 import styles from './styles.module.scss';
+import Link from 'next/link';
 
 interface HomePageProps {
   industryReports: ReadonlyArray<ArticleWebWidget>;
@@ -94,7 +96,8 @@ const Home: NextPageWithLayout<HomePageProps> = ({
           }}
           className={styles.topPromotion}
         >
-          <div
+          <Link
+            href={'/pricing'}
             style={{
               display: 'flex',
               flexDirection: 'column',
@@ -111,17 +114,19 @@ const Home: NextPageWithLayout<HomePageProps> = ({
                 margin: 0,
               }}
             >
-              Get 25% off during our one-time sale
+              Discover our new research subscriptions
             </Typography.Title>
             <Typography.Text
               style={{ color: 'white', opacity: 0.85, textAlign: 'center' }}
             >
-              Nice text Nice text Nice text Nice text Nice text Nice text Nice
-              text Nice text Nice text Nice text Nice text Nice text Nice text
-              Nice text Nice text Nice text Nice text Nice text Nice text
+              {`Whether you seek insights from the crypto derivatives market, want
+              to explore the diverse world of DeFi narratives, or simply stay
+              updated with the latest news, we've got you covered!`}
             </Typography.Text>
-            <Button size="large">Know More</Button>
-          </div>
+            <Link href={'/pricing'}>
+              <Button size="large">Get Started</Button>
+            </Link>
+          </Link>
         </div>
         <HomeDashboard {...articles} />
         <IndustryDashboard reports={industryReports} />
@@ -132,12 +137,22 @@ const Home: NextPageWithLayout<HomePageProps> = ({
               articles={analysis}
               title="Analysis"
               column={12}
-              href="/navigating-narratives"
+              href="/articles?query=kvq"
             />
           </TokenValuationCover>
         </div>
-
         <div
+          style={{
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            gap: 32,
+          }}
+        >
+          <Divider />
+          <PricingTable />
+        </div>
+        {/* <div
           style={{
             width: '100%',
 
@@ -189,7 +204,7 @@ const Home: NextPageWithLayout<HomePageProps> = ({
             </Typography.Text>
             <Button size="large">Know More</Button>
           </div>
-        </div>
+        </div> */}
       </main>
     </>
   );
@@ -202,7 +217,7 @@ export const getStaticProps: GetStaticProps<HomePageProps> = async () => {
     6
   );
   const analysis = await getArticleSummaryWidgets(
-    'token-valuation/analysis',
+    'token-valuation/indices/kvq',
     4
   );
 

diff --git a/apps/research/src/pages/industry-reports.tsx b/apps/research/src/pages/industry-reports.tsx
@@ -24,7 +24,7 @@ const IndustryReports: NextPageWithLayout<IndustryReportsProps> = ({
         }}
         title={'Research - Industry Insights Reports'}
         description={
-          'Unlock the secrets to successful digital asset valuation. Leverage data and economic theory to accurately assess the worth of diverse tokens and maximize your investment potential.'
+          'Our collection of in-depth reports on various crypto topics from the last five years.'
         }
         twitter={{
           handle: siteUsername,
@@ -34,7 +34,7 @@ const IndustryReports: NextPageWithLayout<IndustryReportsProps> = ({
         openGraph={{
           title: 'Research - Industry Insights Reports',
           description:
-            'Gain a competitive edge in the dynamic digital assets industry. Stay informed about the latest trends and news shaping the future landscape while navigating its intricate landscape with our expert industry insights.',
+            'Our collection of in-depth reports on various crypto topics from the last five years.',
           url: `https://${process.env.NEXT_PUBLIC_WEB_DOMAIN}/research/industry-insights/industry-reports`,
           type: 'article:section',
           images: [
@@ -61,7 +61,7 @@ IndustryReports.getLayout = function getLayout(page: React.ReactElement) {
   return (
     <TabLayout
       activeKey={'/'}
-      description="Stay ahead of the curve in the digital assets market with our comprehensive market insights. Discover the latest trends and factors influencing prices for tomorrow's gains."
+      description="Our collection of in-depth reports on various crypto topics from the last five years."
       title="Industry Reports"
       tabs={[]}
       image="./ir_header.svg"

diff --git a/apps/research/src/pages/kvq.tsx b/apps/research/src/pages/kvq.tsx
@@ -29,7 +29,7 @@ const Kvq: NextPageWithLayout<KvQProps> = ({ indexes, summaries }) => {
         }}
         title={'Research - Token Valuation'}
         description={
-          'Unlock the secrets to successful digital asset valuation. Leverage data and economic theory to accurately assess the worth of diverse tokens and maximize your investment potential.'
+          'The K33 Vinter Quality Index is a smart beta index for crypto assets, consisting of an equally weighted mix of selected tokens from the top 30 crypto assets.'
         }
         twitter={{
           handle: siteUsername,
@@ -39,7 +39,7 @@ const Kvq: NextPageWithLayout<KvQProps> = ({ indexes, summaries }) => {
         openGraph={{
           title: 'Research - Token Valuation',
           description:
-            'Unlock the secrets to successful digital asset valuation. Leverage data and economic theory to accurately assess the worth of diverse tokens and maximize your investment potential.',
+            'The K33 Vinter Quality Index is a smart beta index for crypto assets, consisting of an equally weighted mix of selected tokens from the top 30 crypto assets.',
           url: `https://${process.env.NEXT_PUBLIC_WEB_DOMAIN}/research/token-valuation`,
           type: 'article:section',
           images: [
@@ -69,7 +69,7 @@ const Kvq: NextPageWithLayout<KvQProps> = ({ indexes, summaries }) => {
         articles={summaries}
         title="Support Assessments"
         column={6}
-        href="/token-valuation/analysis"
+        href="/articles?query=kvq"
       />
     </>
   );
@@ -79,7 +79,7 @@ Kvq.getLayout = function getLayout(page: React.ReactElement) {
   return (
     <TabLayout
       activeKey={'/'}
-      description="Stay ahead of the curve in the digital assets market with our comprehensive market insights. Discover the latest trends and factors influencing prices for tomorrow's gains."
+      description="The K33 Vinter Quality Index is a smart beta index for crypto assets, consisting of an equally weighted mix of selected tokens from the top 30 crypto assets."
       title="K33 Vinter Quality Index"
       tabs={[]}
       image="./kvq_header.svg"

diff --git a/apps/research/src/pages/navigating-narratives.tsx b/apps/research/src/pages/navigating-narratives.tsx
@@ -24,7 +24,7 @@ const NavigatingNarratives: NextPageWithLayout<NavigatingNarrativesProps> = ({
         }}
         title={'Research - Navigating Narratives'}
         description={
-          'Unlock the secrets to successful digital asset valuation. Leverage data and economic theory to accurately assess the worth of diverse tokens and maximize your investment potential.'
+          'Weekly research note looking at what’s brewing in the dynamic low-mid cap altcoin markets from an altcoin trader’s perspective.'
         }
         twitter={{
           handle: siteUsername,
@@ -34,7 +34,7 @@ const NavigatingNarratives: NextPageWithLayout<NavigatingNarrativesProps> = ({
         openGraph={{
           title: 'Research - Navigating Narratives',
           description:
-            "Stay ahead of the curve in the digital assets market with our comprehensive market insights. Discover the latest trends and factors influencing prices for tomorrow's gains.",
+            'Weekly research note looking at what’s brewing in the dynamic low-mid cap altcoin markets from an altcoin trader’s perspective.',
           url: `https://${process.env.NEXT_PUBLIC_WEB_DOMAIN}/research/ahead-of-the-curve`,
           type: 'article:section',
           images: [
@@ -61,7 +61,7 @@ NavigatingNarratives.getLayout = function getLayout(page: React.ReactElement) {
   return (
     <TabLayout
       activeKey={'/'}
-      description="please give me some good description to put here"
+      description="Weekly research note looking at what’s brewing in the dynamic low-mid cap altcoin markets from an altcoin trader’s perspective."
       title="Navigating Narratives"
       tabs={[]}
       image="./nn_header.svg"

diff --git a/apps/research/src/pages/this-week-in-crypto.tsx b/apps/research/src/pages/this-week-in-crypto.tsx
@@ -24,7 +24,7 @@ const NavigatingNarratives: NextPageWithLayout<NavigatingNarrativesProps> = ({
         }}
         title={'Research - Navigating Narratives'}
         description={
-          'Unlock the secrets to successful digital asset valuation. Leverage data and economic theory to accurately assess the worth of diverse tokens and maximize your investment potential.'
+          'Our weekly newsletter on the most important happenings in crypto, explanations and implications of significant happenings.'
         }
         twitter={{
           handle: siteUsername,
@@ -34,7 +34,7 @@ const NavigatingNarratives: NextPageWithLayout<NavigatingNarrativesProps> = ({
         openGraph={{
           title: 'Research - Navigating Narratives',
           description:
-            "Stay ahead of the curve in the digital assets market with our comprehensive market insights. Discover the latest trends and factors influencing prices for tomorrow's gains.",
+            'Our weekly newsletter on the most important happenings in crypto, explanations and implications of significant happenings.',
           url: `https://${process.env.NEXT_PUBLIC_WEB_DOMAIN}/research/ahead-of-the-curve`,
           type: 'article:section',
           images: [
@@ -61,7 +61,7 @@ NavigatingNarratives.getLayout = function getLayout(page: React.ReactElement) {
   return (
     <TabLayout
       activeKey={'/'}
-      description="please give me some good description to put here"
+      description="Our weekly newsletter on the most important happenings in crypto, explanations and implications of significant happenings."
       title="This Week in Crypto"
       tabs={[]}
       image="./twic_header.svg"