Change meta data

src/app/components/PageContainer.tsx

@@ -1,21 +1,25 @@
 import React from 'react'
 import { Helmet } from 'react-helmet-async'
 import { Container } from '@mui/material'
+import { StringArraySupportOption } from 'prettier'
 
 export default function PageContainer({
     pageTitle,
     metaContent,
+    metaKeywords,
     children,
 }: {
     pageTitle: string
     metaContent: string
+    metaKeywords?: string
     children: React.ReactNode
 }) {
     return (
         <Container maxWidth="xl" sx={{ minHeight: '500px', p: '0px !important' }}>
             <Helmet>
                 <title>{pageTitle}</title>
                 <meta name="description" content={metaContent} />
+                <meta name="keywords" content={metaKeywords} />
             </Helmet>
             {children}
         </Container>

src/app/pages/CChainPages/CChainPage.tsx

@@ -49,7 +49,11 @@ export default function CChainPage() {
     }
 
     return (
-        <PageContainer pageTitle="C chain" metaContent="chain-overview c-chain">
+        <PageContainer
+            pageTitle="C chain"
+            metaContent="Track and analyze transactions, smart contracts, and dApps on Camino C-Chain. Explore travel-related on-chain data on Camino Network's EVM-compatible C-Chain."
+            metaKeywords="Camino C-Chain"
+        >
             {isError && error ? (
                 <>
                     <Typography

src/app/pages/PChainPages/PChainPage.tsx

@@ -35,7 +35,11 @@ export default function PChainPage() {
     })
 
     return (
-        <PageContainer pageTitle="P chain" metaContent="chain-overview p-chain">
+        <PageContainer
+            pageTitle="P chain"
+            metaContent="Explore Camino P-Chain on-chain transactions for managing validators, network governance, and subnet development."
+            metaKeywords="Camino P-Chain"
+        >
             <DataControllers />
             <OverviewCards
                 numberOfTransactions={numberOfTransactions}

src/app/pages/Statistics/index.tsx

@@ -37,7 +37,11 @@ const Statistics: FC = () => {
     const dark = theme.palette.mode === 'light' ? false : true
 
     return (
-        <PageContainer pageTitle="Statistics" metaContent="statistics">
+        <PageContainer
+            pageTitle="Camino Statistics and Blockchain Data Dashboard"
+            metaContent="Explore the Camino statistics dashboard for real-time data on network activity, transactions, gas, wallets, and more. Keep track of the travel blockchain performance."
+            metaKeywords='Camino Statistics'
+        >
             <Paper
                 variant="outlined"
                 square

src/app/pages/Validators/index.tsx

@@ -65,7 +65,11 @@ const Validators: FC = () => {
     }
 
     return (
-        <PageContainer pageTitle="Validators" metaContent="validators">
+        <PageContainer
+            pageTitle="Camino Validators"
+            metaContent="Discover the active validators on Camino Network. View detailed node stats, uptime, and contributions to monitor the network security and governance."
+            metaKeywords="Camino Validators"
+        >
             <Paper
                 variant="outlined"
                 square

src/app/pages/XChainPages/XChainPage.tsx

@@ -17,7 +17,6 @@ import { getChainID } from 'api/utils'
 import { XPTransaction } from 'types/transaction'
 
 export default function XChainPage() {
-
     const routesConfig = RoutesConfig()
     const dispatch = useAppDispatch()
     const CHAIN_ID = getChainID('x')
@@ -34,7 +33,11 @@ export default function XChainPage() {
     })
 
     return (
-        <PageContainer pageTitle="X chain" metaContent="chain-overview x-chain">
+        <PageContainer
+            pageTitle="X chain"
+            metaContent="Explore Camino X-Chain DAG-based transaction processing for secure, efficient asset creation, management, and exchange on Camino Network."
+            metaKeywords="Camino X-Chain"
+        >
             <DataControllers />
             <OverviewCards
                 numberOfTransactions={numberOfTransactions}