diff --git a/frontend/components/Features.tsx b/frontend/components/Features.tsx
index 281f12d..b124df4 100644
--- a/frontend/components/Features.tsx
+++ b/frontend/components/Features.tsx
@@ -53,9 +53,13 @@ const Card = ({ heading, description, icon, href }: CardProps) => {
           </Text>
         </Box>
         <Link href={href}>
-          <Button variant={"link"} colorScheme={"blue"} size={"sm"}>
-            Learn more
-          </Button>
+          {href !== "" ? (
+            <Button variant={"link"} colorScheme={"orange"}>
+              Learn more
+            </Button>
+          ) : (
+            <Text textColor={"a4borange"}>Coming Soon</Text>
+          )}
         </Link>
       </Stack>
     </Box>
@@ -97,7 +101,7 @@ export default function Features() {
             icon={
               <Image
                 src={`${imagePrefix}/assets/icons/nmt.png`}
-                alt="LLM"
+                alt="NMT"
                 width={100}
                 height={100}
               />
@@ -112,7 +116,7 @@ export default function Features() {
             icon={
               <Image
                 src={`${imagePrefix}/assets/icons/xlit.png`}
-                alt="LLM"
+                alt="XLIT"
                 width={100}
                 height={100}
               />
@@ -127,7 +131,7 @@ export default function Features() {
             icon={
               <Image
                 src={`${imagePrefix}/assets/icons/asr.png`}
-                alt="LLM"
+                alt="ASR"
                 width={100}
                 height={100}
               />
@@ -142,7 +146,7 @@ export default function Features() {
             icon={
               <Image
                 src={`${imagePrefix}/assets/icons/tts.png`}
-                alt="LLM"
+                alt="TTS"
                 width={100}
                 height={100}
               />
@@ -152,21 +156,21 @@ export default function Features() {
             }
             href={`${imagePrefix}/areas/tts`}
           />
-          {/* <Card
+          <Card
             heading={"OCR"}
             icon={
               <Image
                 src="/assets/icons/ocr.png"
-                alt="LLM"
+                alt="OCR"
                 width={100}
                 height={100}
               />
             }
             description={
-              "AI4Bharat has pioneered the development of multilingual LLMs tailored for Indian languages, such as IndicBERT, IndicBART, and Airavata trained on extensive, diverse datasets like IndicCorpora and Sangraha."
+              "We are in the early stages of developing models and datasets for advancing Document Layout Parsing and OCR technologies to support the wide range of Indian scripts."
             }
-            href={"#"}
-          /> */}
+            href={""}
+          />
         </Flex>
       </Container>
     </Box>
diff --git a/frontend/src/app/people/page.tsx b/frontend/src/app/people/page.tsx
index 9c26ac0..abeb8a2 100644
--- a/frontend/src/app/people/page.tsx
+++ b/frontend/src/app/people/page.tsx
@@ -9,9 +9,11 @@ import {
   VStack,
   useBreakpointValue,
   Flex,
+  ResponsiveValue,
 } from "@chakra-ui/react";
 import { useQuery } from "react-query";
 import { API_URL } from "../config";
+import { Property } from "csstype";
 
 const fetchMembers = async () => {
   try {
@@ -108,7 +110,7 @@ export default function People() {
         p={5}
         justifyContent={"center"}
         gap={2}
-        direction={direction}
+        direction={direction as ResponsiveValue<Property.FlexDirection>}
         mt={10}
       >
         <Button