about fix

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "2.0.2",
+  "version": "3.0.3",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/components/shared/TechNuggets.jsx

@@ -4,7 +4,7 @@ const TechNuggets = ({ data }) => {
     return (
       <div className="flex gap-2 mt-2 flex-wrap">
         {data && data.map((item, index) => (
-          <div className="px-4 py-1 text-white text-p whitespace-nowrap font-medium bg-[#9FA2DD] rounded-lg" key={index}>{item.text}</div>
+          <div className="px-4 py-1 text-white text-p whitespace-nowrap font-medium bg-[#9FA2DD] rounded-lg" key={index}>{item.text ? item.text : ""}</div>
             ))}
       </div>
     );

frontend/src/pages/About.jsx

@@ -102,7 +102,7 @@ export default function About() {
             id="sections"
             className="flex flex-col items-center justify-center max-w-custom m-auto w-full"
           >
-            {data.Section.map((item, index) => (
+            {data.Section && data.Section.map((item, index) => (
               <div key={index}>
                 <Wrapper>
                   <div
@@ -197,7 +197,7 @@ export default function About() {
                 <img src={valuesBG} alt="Values background" />
               </div>
               <div className="grid grid-cols-1 md:grid-cols-2 gap-16 w-full mt-8">
-                {data.Values.Items.map((item, index) => (
+                {data.Values.Items && data.Values.Items.map((item, index) => (
                   <CardValues
                     key={index}
                     image={api_url + item.Image.data.attributes.url}
@@ -225,7 +225,7 @@ export default function About() {
                 <p className="text-left paragraph mt-4">{data.Partners.paragraph}</p>
               </div>
               <div className="flex flex-row justify-between items-center w-full mt-16">
-                {data.Partners.images.data.map((item, index) => (
+                {data.Partners.images.data && data.Partners.images.data.map((item, index) => (
                   <img
                     key={index}
                     src={api_url + item.attributes.url}
@@ -249,15 +249,17 @@ export default function About() {
                 <h2 className="heading text-dg-secondary">{data.Industries.Title}</h2>
               </div>
               <div className="grid grid-cols-1 lg:grid-cols-2 gap-32 w-full mt-8">
-                {data.Industries.Items.map((industry, index) => (
+                {data.Industries && data.Industries.Items.map((industry, index) => (
                   <div key={index}>
                     <h3 className="h3-heading">{industry.heading}</h3>
                     <p className="paragraph mt-2">{industry.paragraph}</p>
-                    <img
-                      src={api_url + industry.Image.data.attributes.url}
-                      alt={api_url + industry.Image.data.attributes.alternativeText}
-                      className="m-auto"
-                    />
+                    {industry.Image.data && (
+                      <img
+                        src={api_url + industry.Image.data.attributes.url}
+                        alt={api_url + industry.Image.data.attributes.alternativeText}
+                        className="m-auto"
+                      />
+                    )}
                   </div>
                 ))}
               </div>