diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index 1b37fa2..6e232b1 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.bvgqdeetbo8"
+    "revision": "0.57smkc9q598"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/package-lock.json b/package-lock.json
index 070fd08..b76af6c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1668,7 +1668,7 @@
     },
     "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
       "version": "1.3.0",
-      "extraneous": true,
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
       "engines": {
diff --git a/src/Pages/ManageCMS/AboutUs/AboutUs.tsx b/src/Pages/ManageCMS/AboutUs/AboutUs.tsx
index af41137..51377a3 100644
--- a/src/Pages/ManageCMS/AboutUs/AboutUs.tsx
+++ b/src/Pages/ManageCMS/AboutUs/AboutUs.tsx
@@ -1,12 +1,38 @@
+import { Box, HStack, Text } from "@chakra-ui/react";
 import MainFrame from "../../../components/MainFrame"
+import { p } from "framer-motion/client";
+import AboutUsAddModel from "../../../components/AboutUsAddModel";
 
 
 const AboutUs = () => {
-    return (
-      
-      <MainFrame >
-         AboutUs
-      </MainFrame>
-    )
-  }
-  export default AboutUs
\ No newline at end of file
+  return (
+
+    <MainFrame>
+      <Box>
+        <HStack
+          w={"100%"}
+          justifyContent={"space-between"}
+          mb={4}
+          py={0}
+          px={3}
+        >
+          <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
+           AboutUs
+          </Text>
+
+          <HStack mr={5}>
+            
+            <AboutUsAddModel />
+          </HStack>
+        </HStack>
+        <Text as={p} fontSize={"sm"} fontWeight={400} color={"#1D1D1D"} px={3} w={"85%"} mb={"15px"} >
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam soluta doloremque quibusdam facilis quas, unde hic eaque doloribus sed perferendis atque, eos dolores eius consectetur iure sint adipisci itaque tempora fugit quidem culpa provident possimus. Ullam, vitae in voluptatum dignissimos, quos blanditiis sequi aut repellat error eaque veritatis unde quam temporibus adipisci consectetur neque vero exercitationem dolor cum numquam maiores alias, totam minima quas. Possimus, ratione harum. Alias laboriosam nesciunt esse fugit deserunt pariatur corporis tempora quia veniam laborum aliquid enim voluptatibus asperiores minima tempore repudiandae vero quo porro, doloribus explicabo sit beatae et hic natus. Non earum nisi reiciendis? 
+        </Text>
+        <Text as={p}  fontSize={"sm"} fontWeight={400} color={"#1D1D1D"} px={3} w={"85%"} >
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam soluta doloremque quibusdam facilis quas, unde hic eaque doloribus sed perferendis atque, eos dolores eius consectetur iure sint adipisci itaque tempora fugit quidem culpa provident possimus. Ullam, vitae in voluptatum dignissimos, quos blanditiis sequi aut repellat error eaque veritatis unde quam temporibus adipisci consectetur neque vero exercitationem dolor cum numquam maiores alias, totam minima quas. Possimus, ratione harum. Alias laboriosam nesciunt esse fugit deserunt pariatur corporis tempora quia veniam laborum aliquid enim voluptatibus asperiores minima tempore repudiandae vero quo porro, doloribus explicabo sit beatae et hic natus. Non earum nisi reiciendis? 
+        </Text>
+     </Box>
+    </MainFrame>
+  )
+}
+export default AboutUs
\ No newline at end of file
diff --git a/src/Pages/ManageCMS/FAQ/FAQ.tsx b/src/Pages/ManageCMS/FAQ/FAQ.tsx
index ef5d8c9..cff2e78 100644
--- a/src/Pages/ManageCMS/FAQ/FAQ.tsx
+++ b/src/Pages/ManageCMS/FAQ/FAQ.tsx
@@ -1,12 +1,97 @@
+import { Box, Button, HStack, Image, Input, Text } from "@chakra-ui/react";
 import MainFrame from "../../../components/MainFrame"
+import EditDetails from "../../../components/EditDetails";
+import { InputGroup } from "../../../components/ui/input-group";
+import { LuSearch } from "react-icons/lu";
+import DataTable from "../../../components/DataTable";
+import AlertDailog from "../../../components/AlertDailog";
+import { RiDeleteBin5Line } from "react-icons/ri";
+import { Switch } from "../../../components/ui/switch";
+import FaqAddModel from "../../../components/FaqAddModel";
 
 
+// table data
+
+const tableHeadRow = [
+  "Sr. No",
+  "Question",
+  "Answer",
+  "Action",
+];
+
+const managepost: any[] = [
+  ...Array.from({ length: 12 }, (_, i) => ({
+    "Sr. No": i + 1,
+    "Question": "Lorem Ipsum",
+    "Answer": "Lorem Ipsum",
+    "Action": (
+      <HStack justifyContent="center">
+        <Box>
+          <Switch colorPalette={'teal'} size={"xs"}/>
+        </Box>
+        <EditDetails />
+        <AlertDailog
+          AltertTiggerIcon={RiDeleteBin5Line}
+          alertText="Delete Users"
+          alertIcon={<Image src={"DeleteIcon"} h={"39px"} />}
+          alertCaption="are you sure you want to delete ?"
+          onConfirm={() => {
+            console.log("User deleted:", i + 1);
+          }}
+        />
+      </HStack>
+    ),
+  })),
+];
+
 const FAQ = () => {
-    return (
-      
-      <MainFrame >
-         FAQ
-      </MainFrame>
-    )
-  }
-  export default FAQ
\ No newline at end of file
+  return (
+
+    <MainFrame>
+      <Box>
+        <HStack
+          w={"100%"}
+          justifyContent={"space-between"}
+          mb={4}
+          py={0}
+          px={3}
+        >
+          <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
+           FAQs
+          </Text>
+
+          <HStack mr={5}>
+            <InputGroup marginRight={"1rem"}
+              startElement={
+                <LuSearch fontSize={"xs"} style={{ position: 'relative', left: '10px' }} />
+              }
+              color={"#000"}
+            >
+              <Input
+                p={3}
+                w={300}
+                bg={"#fff"}
+                colorPalette={"blue"}
+                _focus={{ border: "1px solid #02A0A0" }}
+                rounded={"md"}
+                size={"2xs"}
+                fontSize={"2sm"}
+                placeholder="Search..."
+                bgColor={'#EEEEEE'}
+                ps={8}
+              />
+            </InputGroup>
+            {/* <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd /> <Text>Add</Text></Button> */}
+            <FaqAddModel />
+          </HStack>
+        </HStack>
+        <DataTable
+          sortableColumns={["Name", "Registration Date "]}
+          tableHeadRow={tableHeadRow}
+          data={managepost}
+        />
+      </Box>       
+    </MainFrame>
+  )
+}
+export default FAQ
\ No newline at end of file
diff --git a/src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx b/src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx
index fac9534..e427996 100644
--- a/src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx
+++ b/src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx
@@ -1,12 +1,38 @@
+import { Box, HStack, Text } from "@chakra-ui/react";
 import MainFrame from "../../../components/MainFrame"
+import { p } from "framer-motion/client";
+import PrivacyPolicyAddModel from "../../../components/PrivacyPolicyAddModel";
 
 
 const PrivacyPolicy = () => {
-    return (
-      
-      <MainFrame >
-         PrivacyPolicy
-      </MainFrame>
-    )
-  }
-  export default PrivacyPolicy
\ No newline at end of file
+  return (
+
+    <MainFrame>
+      <Box>
+        <HStack
+          w={"100%"}
+          justifyContent={"space-between"}
+          mb={4}
+          py={0}
+          px={3}
+        >
+          <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
+          Privacy Policy
+          </Text>
+
+          <HStack mr={5}>
+            
+            <PrivacyPolicyAddModel />
+          </HStack>
+        </HStack>
+        <Text as={p} fontSize={"sm"} fontWeight={400} color={"#1D1D1D"} px={3} w={"85%"} mb={"15px"} >
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam soluta doloremque quibusdam facilis quas, unde hic eaque doloribus sed perferendis atque, eos dolores eius consectetur iure sint adipisci itaque tempora fugit quidem culpa provident possimus. Ullam, vitae in voluptatum dignissimos, quos blanditiis sequi aut repellat error eaque veritatis unde quam temporibus adipisci consectetur neque vero exercitationem dolor cum numquam maiores alias, totam minima quas. Possimus, ratione harum. Alias laboriosam nesciunt esse fugit deserunt pariatur corporis tempora quia veniam laborum aliquid enim voluptatibus asperiores minima tempore repudiandae vero quo porro, doloribus explicabo sit beatae et hic natus. Non earum nisi reiciendis? 
+        </Text>
+        <Text as={p}  fontSize={"sm"} fontWeight={400} color={"#1D1D1D"} px={3} w={"85%"} >
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam soluta doloremque quibusdam facilis quas, unde hic eaque doloribus sed perferendis atque, eos dolores eius consectetur iure sint adipisci itaque tempora fugit quidem culpa provident possimus. Ullam, vitae in voluptatum dignissimos, quos blanditiis sequi aut repellat error eaque veritatis unde quam temporibus adipisci consectetur neque vero exercitationem dolor cum numquam maiores alias, totam minima quas. Possimus, ratione harum. Alias laboriosam nesciunt esse fugit deserunt pariatur corporis tempora quia veniam laborum aliquid enim voluptatibus asperiores minima tempore repudiandae vero quo porro, doloribus explicabo sit beatae et hic natus. Non earum nisi reiciendis? 
+        </Text>
+     </Box>
+    </MainFrame>
+  )
+}
+export default PrivacyPolicy
\ No newline at end of file
diff --git a/src/Pages/ManageCMS/TermsAndConditions/TermsAndConditions.tsx b/src/Pages/ManageCMS/TermsAndConditions/TermsAndConditions.tsx
index 280ca98..8c42617 100644
--- a/src/Pages/ManageCMS/TermsAndConditions/TermsAndConditions.tsx
+++ b/src/Pages/ManageCMS/TermsAndConditions/TermsAndConditions.tsx
@@ -1,12 +1,38 @@
+import { Box, HStack, Text } from "@chakra-ui/react";
 import MainFrame from "../../../components/MainFrame"
+import { p } from "framer-motion/client";
+import TermsAndConditionsAddModel from "../../../components/TermsAndConditionsAddModel";
 
 
 const TermsAndConditions = () => {
-    return (
-      
-      <MainFrame >
-         TermsAndConditions
-      </MainFrame>
-    )
-  }
-  export default TermsAndConditions
\ No newline at end of file
+  return (
+
+    <MainFrame>
+      <Box>
+        <HStack
+          w={"100%"}
+          justifyContent={"space-between"}
+          mb={4}
+          py={0}
+          px={3}
+        >
+          <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
+           Terms And Conditions
+          </Text>
+
+          <HStack mr={5}>
+            
+            <TermsAndConditionsAddModel />
+          </HStack>
+        </HStack>
+        <Text as={p} fontSize={"sm"} fontWeight={400} color={"#1D1D1D"} px={3} w={"85%"} mb={"15px"} >
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam soluta doloremque quibusdam facilis quas, unde hic eaque doloribus sed perferendis atque, eos dolores eius consectetur iure sint adipisci itaque tempora fugit quidem culpa provident possimus. Ullam, vitae in voluptatum dignissimos, quos blanditiis sequi aut repellat error eaque veritatis unde quam temporibus adipisci consectetur neque vero exercitationem dolor cum numquam maiores alias, totam minima quas. Possimus, ratione harum. Alias laboriosam nesciunt esse fugit deserunt pariatur corporis tempora quia veniam laborum aliquid enim voluptatibus asperiores minima tempore repudiandae vero quo porro, doloribus explicabo sit beatae et hic natus. Non earum nisi reiciendis? 
+        </Text>
+        <Text as={p}  fontSize={"sm"} fontWeight={400} color={"#1D1D1D"} px={3} w={"85%"} >
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam soluta doloremque quibusdam facilis quas, unde hic eaque doloribus sed perferendis atque, eos dolores eius consectetur iure sint adipisci itaque tempora fugit quidem culpa provident possimus. Ullam, vitae in voluptatum dignissimos, quos blanditiis sequi aut repellat error eaque veritatis unde quam temporibus adipisci consectetur neque vero exercitationem dolor cum numquam maiores alias, totam minima quas. Possimus, ratione harum. Alias laboriosam nesciunt esse fugit deserunt pariatur corporis tempora quia veniam laborum aliquid enim voluptatibus asperiores minima tempore repudiandae vero quo porro, doloribus explicabo sit beatae et hic natus. Non earum nisi reiciendis? 
+        </Text>
+     </Box>
+    </MainFrame>
+  )
+}
+export default TermsAndConditions
\ No newline at end of file
diff --git a/src/Pages/ManageContact/ManageContact.tsx b/src/Pages/ManageContact/ManageContact.tsx
index f9e78f6..cc1e9c8 100644
--- a/src/Pages/ManageContact/ManageContact.tsx
+++ b/src/Pages/ManageContact/ManageContact.tsx
@@ -1,10 +1,82 @@
+import { Box, HStack, Image, Input, Text } from "@chakra-ui/react";
 import MainFrame from "../../components/MainFrame"
+import PendingRequests from "../../components/PendingRequests";
+import { InputGroup } from "../../components/ui/input-group";
+import { LuSearch } from "react-icons/lu";
+import DataTable from "../../components/DataTable";
+
+
+// table data
+
+const tableHeadRow = [
+  "Sr. No",
+  "Email id",
+  "Name",
+  "Date",
+  "Action",
+];
+
+const managepost: any[] = [
+  ...Array.from({ length: 12 }, (_, i) => ({
+    "Sr. No": i + 1,
+    "Email id": "ABC@gmail.com",
+    "Name": "Pooja",
+    "Date": "11/02/1989",
+    "Action": (
+      <HStack justifyContent="center">
+        <PendingRequests />
+       
+      </HStack>
+    ),
+  })),
+];
 
 const ManageContact = () => {
   return (
-    
-    <MainFrame >
-       ManageContact
+
+    <MainFrame>
+      <Box>
+        <HStack
+          w={"100%"}
+          justifyContent={"space-between"}
+          mb={4}
+          py={0}
+          px={3}
+        >
+          <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
+          Contact Requests
+          </Text>
+
+          <HStack mr={5}>
+            <InputGroup marginRight={"1rem"}
+              startElement={
+                <LuSearch fontSize={"xs"} style={{ position: 'relative', left: '10px' }} />
+              }
+              color={"#000"}
+            >
+              <Input
+                p={3}
+                w={300}
+                bg={"#fff"}
+                colorPalette={"blue"}
+                _focus={{ border: "1px solid #02A0A0" }}
+                rounded={"md"}
+                size={"2xs"}
+                fontSize={"2sm"}
+                placeholder="Search..."
+                bgColor={'#EEEEEE'}
+                ps={8}
+              />
+            </InputGroup>
+            {/* <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd /> <Text>Add</Text></Button> */}
+          </HStack>
+        </HStack>
+        <DataTable
+          sortableColumns={["Name", "Registration Date "]}
+          tableHeadRow={tableHeadRow}
+          data={managepost}
+        />
+      </Box>       
     </MainFrame>
   )
 }
diff --git a/src/Pages/ManageJobs/ManageJobs.tsx b/src/Pages/ManageJobs/ManageJobs.tsx
index 0f7bc00..6de9a5c 100644
--- a/src/Pages/ManageJobs/ManageJobs.tsx
+++ b/src/Pages/ManageJobs/ManageJobs.tsx
@@ -102,7 +102,8 @@ const ManageJobs = () => {
           tableHeadRow={tableHeadRow}
           data={managepost}
         />
-      </Box>       </MainFrame>
+      </Box>       
+    </MainFrame>
   )
 }
 export default ManageJobs
\ No newline at end of file
diff --git a/src/components/AboutUsAddModel.tsx b/src/components/AboutUsAddModel.tsx
new file mode 100644
index 0000000..6643c16
--- /dev/null
+++ b/src/components/AboutUsAddModel.tsx
@@ -0,0 +1,51 @@
+import { FaRegEdit } from "react-icons/fa"
+import { Button } from "./ui/button"
+import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "./ui/dialog"
+import { Field, Stack, Text, Textarea } from "@chakra-ui/react"
+
+function AboutUsAddModel() {
+    return (
+
+        <DialogRoot placement="center">
+            <DialogTrigger asChild>
+                {/* <Button bg={"transparent"} size="sm">
+                    <MdOutlineRemoveRedEye style={{ cursor: "pointer", fontSize: "16px" }} />
+                </Button> */}
+                <Button bgColor={'#EEEEEE'} pl={3} pr={3}> <FaRegEdit color="#000" style={{height:'14px', width:'14px'}}/> <Text color={"#000"} mt={1}>Edit</Text></Button>
+
+            </DialogTrigger>
+
+            <DialogContent
+                bg={"#fff"}
+                w={{ base: "90%", md: "400px" }}
+                maxW="90vw"
+                h="auto"
+                p={4}
+            >
+                <DialogHeader bg="white" py={3} >
+                    <DialogTitle alignSelf="center" color="black">Edit</DialogTitle>
+                </DialogHeader>
+
+                <DialogBody bg="white">
+                    <Stack  >
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={2}>AboutUs</Field.Label>
+                            <Textarea placeholder="" bgColor="#EEEEEE" color="black" border="none" pl={2} pt={2}/>
+                        </Field.Root>
+                    </Stack>
+                </DialogBody>
+                <DialogFooter display="flex" justifyContent="center" pt={"5"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"}>
+                        Save
+                    </Button>
+                </DialogFooter>
+
+                <DialogCloseTrigger color="black" />
+            </DialogContent>
+        </DialogRoot >
+
+    )
+}
+
+export default AboutUsAddModel
\ No newline at end of file
diff --git a/src/components/EditDetails.tsx b/src/components/EditDetails.tsx
new file mode 100644
index 0000000..4c7b8af
--- /dev/null
+++ b/src/components/EditDetails.tsx
@@ -0,0 +1,54 @@
+import { Button } from "./ui/button"
+import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "./ui/dialog"
+import { Field, Grid, Input, Stack, Text, Textarea } from "@chakra-ui/react"
+import { FaRegEdit } from "react-icons/fa";
+function EditDetails() {
+    return (
+
+        <DialogRoot placement="center">
+            <DialogTrigger asChild>
+                <Button bg={"transparent"} size="sm">
+                    <FaRegEdit style={{ cursor: "pointer", }} color="#000" />
+                </Button>
+                {/* <Button><FaRegEdit /></Button> */}
+
+            </DialogTrigger>
+
+            <DialogContent
+                bg={"#fff"}
+                w={{ base: "90%", md: "400px" }}
+                maxW="90vw"
+                h="auto"
+                p={4}
+            >
+                <DialogHeader bg="white" py={3}>
+                    <DialogTitle alignSelf="center" color="black">Edit Details</DialogTitle>
+                </DialogHeader>
+
+                <DialogBody bg="white">
+                    <Stack  >
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={2}>Questions</Field.Label>
+                            <Input placeholder="Questions" bgColor="#EEEEEE" color="black" border="none" pl={2} />
+
+                            <Field.Label color="black" pt={2}>Answer</Field.Label>
+                            <Textarea placeholder="Answer" bgColor="#EEEEEE" color="black" border="none" pl={2} pt={2} />
+
+                        </Field.Root>
+                    </Stack>
+                </DialogBody>
+                <DialogFooter display="flex" justifyContent="center" pt={"5"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"}>
+                        Save
+                    </Button>
+                </DialogFooter>
+
+                <DialogCloseTrigger color="black" />
+            </DialogContent>
+        </DialogRoot >
+
+    )
+}
+
+export default EditDetails
\ No newline at end of file
diff --git a/src/components/FaqAddModel.tsx b/src/components/FaqAddModel.tsx
new file mode 100644
index 0000000..563b2ef
--- /dev/null
+++ b/src/components/FaqAddModel.tsx
@@ -0,0 +1,55 @@
+import { Button } from "./ui/button"
+import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "./ui/dialog"
+import { Field, Grid, Input, Stack, Text, Textarea } from "@chakra-ui/react"
+import { IoMdAdd } from "react-icons/io"
+
+function FaqAddModel() {
+    return (
+
+        <DialogRoot placement="center">
+            <DialogTrigger asChild>
+                {/* <Button bg={"transparent"} size="sm">
+                    <MdOutlineRemoveRedEye style={{ cursor: "pointer", fontSize: "16px" }} />
+                </Button> */}
+                <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd color="#000"  /> <Text color={"#00000099"}>Add</Text></Button>
+
+            </DialogTrigger>
+
+            <DialogContent
+                bg={"#fff"}
+                w={{ base: "90%", md: "400px" }}
+                maxW="90vw"
+                h="auto"
+                p={4}
+            >
+                <DialogHeader bg="white" py={3}>
+                    <DialogTitle alignSelf="center" color="black">Add</DialogTitle>
+                </DialogHeader>
+
+                <DialogBody bg="white">
+                    <Stack  >
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={2}>Questions</Field.Label>
+                            <Input placeholder="Questions" bgColor="#EEEEEE" color="black" border="none" pl={2} />
+
+                            <Field.Label color="black" pt={2}>Answer</Field.Label>
+                            <Textarea placeholder="Answer" bgColor="#EEEEEE" color="black" border="none" pl={2} pt={2} />
+
+                        </Field.Root>
+                    </Stack>
+                </DialogBody>
+                <DialogFooter display="flex" justifyContent="center" pt={"5"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"}>
+                        Save
+                    </Button>
+                </DialogFooter>
+
+                <DialogCloseTrigger color="black" />
+            </DialogContent>
+        </DialogRoot >
+
+    )
+}
+
+export default FaqAddModel
\ No newline at end of file
diff --git a/src/components/PendingRequests.tsx b/src/components/PendingRequests.tsx
new file mode 100644
index 0000000..996bc45
--- /dev/null
+++ b/src/components/PendingRequests.tsx
@@ -0,0 +1,77 @@
+import { Button } from "./ui/button"
+import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "./ui/dialog"
+import { Field, HStack, Input, Stack, Textarea,  } from "@chakra-ui/react"
+function PendingRequests() {
+    return (
+
+        <DialogRoot placement="center">
+            <DialogTrigger asChild>
+                <Button bg={"transparent"} fontSize={"xs"} color="#000000CC" fontWeight="700" textDecoration="underline">
+                    {/* <MdOutlineRemoveRedEye style={{ cursor: "pointer", }} /> */}
+                    Answer request
+                </Button>
+                {/* <Button><FaRegEdit /></Button> */}
+
+            </DialogTrigger>
+
+            <DialogContent
+                bg={"#fff"}
+                w={{ base: "90%", md: "400px" }}
+                maxW="90vw"
+                h="auto"
+                p={4}
+            >
+                <DialogHeader bg="white" py={3}>
+                    <DialogTitle alignSelf="center" color="black">Pending Requests</DialogTitle>
+                </DialogHeader>
+
+                <DialogBody bg="white">
+                    <Stack  >
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={2}>Request Type</Field.Label>
+                            <Input placeholder="Message" bgColor="#EEEEEE" color="black" border="none" pl={2} />
+
+                            <Field.Label color="black" pt={2}>Solution</Field.Label>
+                            <Textarea placeholder="" bgColor="#EEEEEE" height={"80px"} color="black" border="none" pl={2}  pt={2}/>
+                        </Field.Root>
+                        
+                    </Stack>
+                </DialogBody>
+                <DialogFooter display={{base:'block', md:'flex'}} justifyContent="center" gap={1} pt={5}>
+                     
+                    <HStack mt={2} w={"100%"}>
+                        <Button
+                            width="50%"
+                            color="black"
+                            _hover={{ bgColor: "white" }}
+                            variant="outline"
+                            borderRadius="sm"
+                            border="1px solid black"
+                            size={"xs"}
+                        >
+                            Unresolved
+                        </Button>
+                        <Button
+                            borderRadius="sm"
+                            width="50%"
+                            // bgColor="#007F33"
+                            bgColor={'#02A0A0'}
+                            color="white"
+                            // colorPalette="#007F33"
+                            size={"xs"}
+                            >
+                            Resolved{" "}
+                        </Button>
+                    </HStack>
+
+                </DialogFooter>
+
+                <DialogCloseTrigger color="black" />
+            </DialogContent>
+        </DialogRoot >
+
+    )
+}
+
+export default PendingRequests
\ No newline at end of file
diff --git a/src/components/PrivacyPolicyAddModel.tsx b/src/components/PrivacyPolicyAddModel.tsx
new file mode 100644
index 0000000..64b6db9
--- /dev/null
+++ b/src/components/PrivacyPolicyAddModel.tsx
@@ -0,0 +1,51 @@
+import { FaRegEdit } from "react-icons/fa"
+import { Button } from "./ui/button"
+import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "./ui/dialog"
+import { Field, Input, Stack, Text, Textarea } from "@chakra-ui/react"
+
+function PrivacyPolicyAddModel() {
+    return (
+
+        <DialogRoot placement="center">
+            <DialogTrigger asChild>
+                {/* <Button bg={"transparent"} size="sm">
+                    <MdOutlineRemoveRedEye style={{ cursor: "pointer", fontSize: "16px" }} />
+                </Button> */}
+                <Button bgColor={'#EEEEEE'} pl={3} pr={3}> <FaRegEdit color="#000" style={{height:'14px', width:'14px'}}/> <Text color={"#000"} mt={1}>Edit</Text></Button>
+
+            </DialogTrigger>
+
+            <DialogContent
+                bg={"#fff"}
+                w={{ base: "90%", md: "400px" }}
+                maxW="90vw"
+                h="auto"
+                p={4}
+            >
+                <DialogHeader bg="white" py={3} >
+                    <DialogTitle alignSelf="center" color="black">Edit</DialogTitle>
+                </DialogHeader>
+
+                <DialogBody bg="white">
+                    <Stack  >
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={2}>PrivacyPolicy</Field.Label>
+                            <Textarea placeholder="" bgColor="#EEEEEE" color="black" border="none" pl={2} pt={2}/>
+                        </Field.Root>
+                    </Stack>
+                </DialogBody>
+                <DialogFooter display="flex" justifyContent="center" pt={"5"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"}>
+                        Save
+                    </Button>
+                </DialogFooter>
+
+                <DialogCloseTrigger color="black" />
+            </DialogContent>
+        </DialogRoot >
+
+    )
+}
+
+export default PrivacyPolicyAddModel
\ No newline at end of file
diff --git a/src/components/TermsAndConditionsAddModel.tsx b/src/components/TermsAndConditionsAddModel.tsx
new file mode 100644
index 0000000..d0033cc
--- /dev/null
+++ b/src/components/TermsAndConditionsAddModel.tsx
@@ -0,0 +1,51 @@
+import { FaRegEdit } from "react-icons/fa"
+import { Button } from "./ui/button"
+import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "./ui/dialog"
+import { Field, Stack, Text, Textarea } from "@chakra-ui/react"
+
+function TermsAndConditionsAddModel() {
+    return (
+
+        <DialogRoot placement="center">
+            <DialogTrigger asChild>
+                {/* <Button bg={"transparent"} size="sm">
+                    <MdOutlineRemoveRedEye style={{ cursor: "pointer", fontSize: "16px" }} />
+                </Button> */}
+                <Button bgColor={'#EEEEEE'} pl={3} pr={3}> <FaRegEdit color="#000" style={{height:'14px', width:'14px'}}/> <Text color={"#000"} mt={1}>Edit</Text></Button>
+
+            </DialogTrigger>
+
+            <DialogContent
+                bg={"#fff"}
+                w={{ base: "90%", md: "400px" }}
+                maxW="90vw"
+                h="auto"
+                p={4}
+            >
+                <DialogHeader bg="white" py={3} >
+                    <DialogTitle alignSelf="center" color="black">Edit</DialogTitle>
+                </DialogHeader>
+
+                <DialogBody bg="white">
+                    <Stack  >
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={2}>TermsAndConditions</Field.Label>
+                            <Textarea placeholder="" bgColor="#EEEEEE" color="black" border="none" pl={2} pt={2}/>
+                        </Field.Root>
+                    </Stack>
+                </DialogBody>
+                <DialogFooter display="flex" justifyContent="center" pt={"5"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"}>
+                        Save
+                    </Button>
+                </DialogFooter>
+
+                <DialogCloseTrigger color="black" />
+            </DialogContent>
+        </DialogRoot >
+
+    )
+}
+
+export default TermsAndConditionsAddModel
\ No newline at end of file