diff --git a/src/assets/images/kiran.jpg b/src/assets/images/kiran.jpg
new file mode 100644
index 0000000..a8baa21
Binary files /dev/null and b/src/assets/images/kiran.jpg differ
diff --git a/src/components/Card/CommCard.jsx b/src/components/Card/CommCard.jsx
index 7d8ec38..aa2d615 100644
--- a/src/components/Card/CommCard.jsx
+++ b/src/components/Card/CommCard.jsx
@@ -1,12 +1,26 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable no-unused-vars */
-import { Text, SimpleGrid, Card, Image, Box, Flex } from "@chakra-ui/react";
+import {
+  Text,
+  SimpleGrid,
+  Card,
+  Image,
+  Box,
+  Flex,
+  border,
+} from "@chakra-ui/react";
 // import map from "../../assets/images/map-pin.png";
 import linkedin from "../../assets/images/linkedin.png";
 import games from "../../assets/images/discot.png";
 import { Link } from "react-router-dom";
 
 const CommCard = ({ id, imageUrl, name, jobTitle, description, link }) => {
+  const imgHeight = {
+    minWidth: `214px`,
+    height: "240px",
+    borderRadius: "10px",
+    objectFit: "cover",
+  };
   return (
     <Box
       // height={"100vh"}
@@ -32,7 +46,7 @@ const CommCard = ({ id, imageUrl, name, jobTitle, description, link }) => {
             },
           }}
         >
-          <Image src={imageUrl} />
+          <Image src={imageUrl} style={imgHeight} />
         </Text>
         <Text
           position={"relative"}
diff --git a/src/components/Community/CommunityCard.jsx b/src/components/Community/CommunityCard.jsx
index e2c6e1a..08f1c6e 100644
--- a/src/components/Community/CommunityCard.jsx
+++ b/src/components/Community/CommunityCard.jsx
@@ -24,6 +24,7 @@ import imgeight from "../../assets/images/Component122.png";
 import imgnine from "../../assets/images/Component123.png";
 import imgten from "../../assets/images/Component128.png";
 import imgeleven from "../../assets/images/Component127.png";
+import imgtweleve from "../../assets/images/kiran.jpg";
 
 const individuals = [
   {
@@ -100,7 +101,7 @@ const individuals = [
   },
   {
     location: "india",
-    name: "ASHITA GUPTA",
+    name: "Ashita Gupta",
     jobTitle: "Blockchain Developer",
     description:
       "Enthusiastic blockchain developer who pushes herself every day to excel at work.",
@@ -125,14 +126,15 @@ const individuals = [
     imageUrl: imgnine,
     link: `https://www.linkedin.com/in/maneesha-panda/`,
   },
-  // {
-  //   location: "india",
-  //   name: "Maneesha Panda",
-  //   jobTitle: "Blockchain Engineer",
-  //   description:
-  //     "A highly keen blockchain engineer with a zeal for innovation who brings new ideas to the table.",
-  //   imageUrl: imgnine,
-  // },
+  {
+    location: "india",
+    name: "Kiran H",
+    jobTitle: "Lead Software Engineer",
+    description:
+      "Golang developer and co-lead of the core protocol development and enhancement.",
+    imageUrl: imgtweleve,
+    link: `https://www.linkedin.com/in/kiranh1998/`,
+  },
 ];
 
 const CommunityCard = () => {
diff --git a/src/components/MobileComponent/MobileSubnet.jsx b/src/components/MobileComponent/MobileSubnet.jsx
index 472696a..4af0449 100644
--- a/src/components/MobileComponent/MobileSubnet.jsx
+++ b/src/components/MobileComponent/MobileSubnet.jsx
@@ -91,9 +91,9 @@ const MobileSubnet = () => {
                   <Text
                     as={"h2"}
                     paddingTop={"2rem"}
-                    fontWeight={700}
-                    fontSize={"20px"}
-                    textTransform={"capitalize"}
+                    fontWeight={500}
+                    fontSize={"16px"}
+                    textTransform={"uppercase"}
                     color={"#fff"}
                     sx={{
                       "@media (max-width: 1024px)": {},
@@ -105,8 +105,10 @@ const MobileSubnet = () => {
                     P2P
                   </Text>
                   <UnorderedList color={"#E1E1E1"}>
-                    <ListItem>Only L1 powering full mobile nodes</ListItem>
-                    <ListItem>
+                    <ListItem fontSize={"14px"}>
+                      Only L1 powering full mobile nodes
+                    </ListItem>
+                    <ListItem fontSize={"14px"}>
                       Mobile nodes with full state data will settle P2P .
                       Consensus provided by nearby node validators.
                     </ListItem>
@@ -122,7 +124,7 @@ const MobileSubnet = () => {
                     paddingTop={"2rem"}
                     fontWeight={500}
                     fontSize={"16px"}
-                    textTransform={"capitalize"}
+                    textTransform={"uppercase"}
                     color={"#fff"}
                     sx={{
                       "@media (max-width: 1024px)": {},
@@ -134,13 +136,11 @@ const MobileSubnet = () => {
                     Self Sovereign
                   </Text>
                   <UnorderedList color={"#E1E1E1"}>
-                    <ListItem>
+                    <ListItem fontSize={"14px"}>
                       Permissioned subnets with no oracles and <br />{" "}
                       intermediaries
                     </ListItem>
-                    <ListItem fontSize={"14px"}>
-                      INo block space ransom
-                    </ListItem>
+                    <ListItem fontSize={"14px"}>No block space ransom</ListItem>
                     <ListItem fontSize={"14px"}>
                       Zero risk of transactions being blocked out of <br />
                       chain.
@@ -154,7 +154,7 @@ const MobileSubnet = () => {
                     paddingTop={"2rem"}
                     fontWeight={500}
                     fontSize={"16px"}
-                    textTransform={"capitalize"}
+                    textTransform={"uppercase"}
                     color={"#fff"}
                     sx={{
                       "@media (max-width: 1024px)": {},
@@ -174,13 +174,15 @@ const MobileSubnet = () => {
                       },
                     }}
                   >
-                    <ListItem>
+                    <ListItem fontSize={"14px"}>
                       Leverage own infrastructure for block space
                     </ListItem>
-                    <ListItem>
+                    <ListItem fontSize={"14px"}>
                       Smart contracts in Rust , GoLang and C/C++
                     </ListItem>
-                    <ListItem>WASM compiler for smooth code migration</ListItem>
+                    <ListItem fontSize={"14px"}>
+                      WASM compiler for smooth code migration
+                    </ListItem>
                   </UnorderedList>
                 </Box>
 
@@ -190,7 +192,7 @@ const MobileSubnet = () => {
                     paddingTop={"2rem"}
                     fontWeight={500}
                     fontSize={"16px"}
-                    textTransform={"capitalize"}
+                    textTransform={"uppercase"}
                     color={"#fff"}
                     sx={{
                       "@media (max-width: 1024px)": {},
@@ -202,8 +204,8 @@ const MobileSubnet = () => {
                     cheaper
                   </Text>
                   <UnorderedList color={"#E1E1E1"}>
-                    <ListItem>No GAS fees</ListItem>
-                    <ListItem>
+                    <ListItem fontSize={"14px"}>No GAS fees</ListItem>
+                    <ListItem fontSize={"14px"}>
                       Incremental and modular infrastructure ask
                     </ListItem>
                     <ListItem fontSize={"14px"}>
diff --git a/src/components/NewsPage/NewsContent.jsx b/src/components/NewsPage/NewsContent.jsx
new file mode 100644
index 0000000..79ff4f6
--- /dev/null
+++ b/src/components/NewsPage/NewsContent.jsx
@@ -0,0 +1,189 @@
+/* eslint-disable no-unused-vars */
+import { Box, Container, Image, Text } from "@chakra-ui/react";
+import cardimg from "../../assets/images/cardimg2.png";
+import { Link } from "react-router-dom";
+import { useState } from "react";
+import Pagination from "../Pagination/Pagination";
+
+const contents = [
+  {
+    id: 1,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 2,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 3,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 4,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 5,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 6,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 7,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 8,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 9,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 10,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 11,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 12,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+  {
+    id: 13,
+    title: `Financial Times Crypto & Digital Assets Summit Panel`,
+    contetn: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.`,
+  },
+];
+
+const NewsContent = () => {
+  const [currentPage, setCurrentPage] = useState(1);
+  const itemsPerPage = 9;
+  const totalPages = Math.ceil(contents.length / itemsPerPage);
+
+  const handlePageChange = (newPage) => {
+    setCurrentPage(newPage);
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  };
+
+  const startIndex = (currentPage - 1) * itemsPerPage;
+  const endIndex = Math.min(startIndex + itemsPerPage, contents.length);
+  const currentPageContents = contents.slice(startIndex, endIndex);
+  return (
+    <>
+      <Container maxW="container.xl" padding={"0 5rem"}>
+        <Box
+          margin={"4rem 0"}
+          display={"flex"}
+          flexWrap={"wrap"}
+          rowGap={"3rem"}
+          justifyContent={"space-between"}
+          alignItems={"center"}
+        >
+          {currentPageContents.map((content) => (
+            <>
+              <Box
+                width={"340px"}
+                background={"#15181E"}
+                borderRadius={"10px"}
+                minHeight={"340px"}
+                sx={{
+                  "@media (max-width: 600px)": {
+                    width: "100%",
+                    minHeight: "0",
+                  },
+                }}
+              >
+                <Image src={cardimg} />
+                <Box padding={"1rem"}>
+                  <Text
+                    color={"#fff"}
+                    fontSize={"17px"}
+                    marginBottom={"20px"}
+                    minHeight={"40px"}
+                    maxWidth={"420px"}
+                  >
+                    {content.title}
+                  </Text>
+
+                  <Box>
+                    <Text
+                      color={"#fff"}
+                      fontSize={"15px"}
+                      marginBottom={"20px"}
+                      minHeight={"40px"}
+                      maxWidth={"420px"}
+                    >
+                      {content.contetn}
+                    </Text>
+                  </Box>
+                  {/* <Box
+                    display={"flex"}
+                    alignItems={"center"}
+                    _hover={
+                      {
+                        //   flexDirection: "column-reverse",
+                      }
+                    }
+                  >
+                    <Box
+                      position={"relative"}
+                      width={"10%"}
+                      _before={{
+                        content: '""',
+                        width: "100%",
+                        position: "absolute",
+                        left: "0",
+                        borderBottom: "2px solid #DE858E",
+                        borderRadius: "5px",
+                        zIndex: "2",
+                      }}
+                    ></Box>
+                    <Link>
+                      <Button
+                        position={"relative"}
+                        backgroundColor={"transparent"}
+                        color={"#fff"}
+                        fontFamily={"Poppins"}
+                        fontWeight={"400"}
+                        _hover={{
+                          backgroundColor: "transparent",
+                        }}
+                      >
+                        View Video
+                      </Button>
+                    </Link>
+                  </Box> */}
+                </Box>
+              </Box>
+            </>
+          ))}
+        </Box>
+      </Container>
+      <Pagination
+        currentPage={currentPage}
+        totalPages={totalPages}
+        onPageChange={handlePageChange}
+      />
+    </>
+  );
+};
+
+export default NewsContent;
diff --git a/src/components/NewsPage/NewsHeader.jsx b/src/components/NewsPage/NewsHeader.jsx
new file mode 100644
index 0000000..4f5e166
--- /dev/null
+++ b/src/components/NewsPage/NewsHeader.jsx
@@ -0,0 +1,98 @@
+import { Badge, Box, Container, Text } from "@chakra-ui/react";
+
+const NewsHeader = () => {
+  return (
+    <Box
+      height={"80vh"}
+      backgroundColor={"#000"}
+      display={"grid"}
+      alignContent={"center"}
+      sx={{
+        "@media (max-width: 1024px)": {
+          height: "70vh",
+        },
+        "@media (max-width: 600px)": {
+          height: "85vh",
+        },
+      }}
+    >
+      <Container
+        maxW="container.xl"
+        textAlign={"left"}
+        marginTop={"2rem"}
+        paddingLeft={"3.5rem"}
+        sx={{
+          "@media (max-width: 500px)": {
+            paddingLeft: "1rem",
+          },
+        }}
+      >
+        <Badge
+          backgroundColor={"transparent"}
+          color={"#fff"}
+          fontWeight={"500"}
+          fontFamily={"Mona Sans"}
+          fontSize={"20px"}
+          marginBottom={"1.5rem"}
+        >
+          NEWS & ARTICLES
+        </Badge>
+        <Text
+          as={"h2"}
+          fontWeight={700}
+          fontSize={"52px"}
+          color={"#fff"}
+          lineHeight={"62px"}
+          letterSpacing={"1px"}
+          sx={{
+            "@media (max-width: 996px)": {
+              fontSize: "46px",
+            },
+            "@media (max-width: 600px)": {
+              fontSize: "40px",
+              marginBottom: "0rem",
+              lineHeight: "54px",
+            },
+          }}
+        >
+          News from{" "}
+          <Text as={"span"} color="#DE858E">
+            Rubix
+          </Text>
+        </Text>
+        <Box
+          marginTop={"1.5rem"}
+          sx={{
+            "@media (max-width: 500px)": {
+              width: "100%",
+            },
+          }}
+        >
+          <Text
+            color={"#fff"}
+            fontSize={"20px"}
+            fontWeight={"400"}
+            lineHeight={"37.5px"}
+            fontFamily={"Poppins"}
+            // textTransform={"capitalize"}
+            sx={{
+              "@media (max-width: 1024px)": {
+                fontSize: "22px",
+              },
+              "@media (max-width: 500px)": {
+                fontSize: "16px",
+                lineHeight: "28px",
+              },
+            }}
+          >
+            Stay up to date on what’s happening with Rubix,
+            <br /> learn about upcoming events and access <br /> important
+            resources.
+          </Text>
+        </Box>
+      </Container>
+    </Box>
+  );
+};
+
+export default NewsHeader;
diff --git a/src/components/ResourcesPage/Pagination.jsx b/src/components/Pagination/Pagination.jsx
similarity index 96%
rename from src/components/ResourcesPage/Pagination.jsx
rename to src/components/Pagination/Pagination.jsx
index a6de32b..38ba6a0 100644
--- a/src/components/ResourcesPage/Pagination.jsx
+++ b/src/components/Pagination/Pagination.jsx
@@ -11,7 +11,7 @@ const Pagination = ({ currentPage, totalPages, onPageChange }) => {
   const pages = Array.from({ length: totalPages }, (_, index) => index + 1);
 
   return (
-    <Flex justify="center" mt={4}>
+    <Flex justify="center" mt={4} mb={5}>
       <Box>
         {/* <Button
           onClick={() => handlePageChange(currentPage - 1)}
diff --git a/src/components/ResourcesPage/tableContent/ArticlesTable.jsx b/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
index 6c75ee7..601f5c0 100644
--- a/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
+++ b/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
@@ -2,7 +2,7 @@ import { Box, Button, Image, Text } from "@chakra-ui/react";
 import cardimg from "../../../assets/images/CardImg.png";
 import { Link } from "react-router-dom";
 import { useState } from "react";
-import Pagination from "../Pagination";
+import Pagination from "../../Pagination/Pagination";
 
 const contents = [
   {
diff --git a/src/components/ResourcesPage/tableContent/VideoTable.jsx b/src/components/ResourcesPage/tableContent/VideoTable.jsx
index a180786..684c691 100644
--- a/src/components/ResourcesPage/tableContent/VideoTable.jsx
+++ b/src/components/ResourcesPage/tableContent/VideoTable.jsx
@@ -1,8 +1,8 @@
-import { Box, Button, Image, Text } from "@chakra-ui/react";
+import { Box, Button, Container, Image, Text } from "@chakra-ui/react";
 import cardimg from "../../../assets/images/CardImg.png";
 import { Link } from "react-router-dom";
 import { useState } from "react";
-import Pagination from "../Pagination";
+import Pagination from "../../Pagination/Pagination";
 
 const contents = [
   {
@@ -74,7 +74,7 @@ const VideoTable = () => {
   const currentPageContents = contents.slice(startIndex, endIndex);
 
   return (
-    <>
+    <Container maxW="container.xl">
       <Box
         margin={"4rem 0"}
         display={"flex"}
@@ -156,7 +156,7 @@ const VideoTable = () => {
         totalPages={totalPages}
         onPageChange={handlePageChange}
       />
-    </>
+    </Container>
   );
 };
 
diff --git a/src/pages/Ecosystem.jsx b/src/pages/Ecosystem.jsx
index 926b9e7..c3cfd84 100644
--- a/src/pages/Ecosystem.jsx
+++ b/src/pages/Ecosystem.jsx
@@ -1,16 +1,15 @@
-import React from 'react'
-import EcoBanner from '../components/EcoPage/EcoBanner'
-import EnterPrises from '../components/EcoPage/EnterPrises'
-import LearnMore from '../components/Community/LearnMore'
+import EcoBanner from "../components/EcoPage/EcoBanner";
+import EnterPrises from "../components/EcoPage/EnterPrises";
+import LearnMore from "../components/Community/LearnMore";
 
 const Ecosystem = () => {
   return (
     <div>
       <EcoBanner />
       <EnterPrises />
-      <LearnMore/>
+      <LearnMore />
     </div>
-  )
-}
+  );
+};
 
-export default Ecosystem
+export default Ecosystem;
diff --git a/src/pages/NewsPage.jsx b/src/pages/NewsPage.jsx
new file mode 100644
index 0000000..776c7dd
--- /dev/null
+++ b/src/pages/NewsPage.jsx
@@ -0,0 +1,13 @@
+import NewsContent from "../components/NewsPage/NewsContent";
+import NewsHeader from "../components/NewsPage/NewsHeader";
+
+const NewsPage = () => {
+  return (
+    <>
+      <NewsHeader />
+      <NewsContent />
+    </>
+  );
+};
+
+export default NewsPage;
diff --git a/src/routes/_routes.jsx b/src/routes/_routes.jsx
index 17081f4..82c0c68 100644
--- a/src/routes/_routes.jsx
+++ b/src/routes/_routes.jsx
@@ -26,6 +26,7 @@ import ResourcesPage from "../pages/ResourcesPage";
 import VideoInternal from "../components/VideoInternal/VideoInternal";
 import Ecosystem from "../pages/Ecosystem";
 import Events from "../pages/Events";
+import NewsPage from "../pages/NewsPage";
 
 export const route = [
   {
@@ -93,6 +94,10 @@ export const route = [
     path: "events",
     element: <Events />,
   },
+  {
+    path: "news",
+    element: <NewsPage />,
+  },
   {
     path: "*",
     element: <NotFound />,