Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -19,8 +19,7 @@ export default function AboutPage() {
 
   const footerColumns = [
     {
-      title: "Navigation",
-      items: [
+      title: "Navigation",      items: [
         { label: "Home", href: "/" },
         { label: "About", href: "/about" },
         { label: "Projects", href: "/projects" },
@@ -28,8 +27,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Connect",
-      items: [
+      title: "Connect",      items: [
         { label: "YouTube", href: "https://youtube.com" },
         { label: "Twitter", href: "https://twitter.com" },
         { label: "LinkedIn", href: "https://linkedin.com" },
@@ -37,8 +35,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "AI Tools Guide", href: "/blog" },
         { label: "Content Library", href: "/content" },
         { label: "Contact", href: "/contact" },
@@ -46,8 +43,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Disclaimer", href: "#" },
@@ -63,7 +59,7 @@ export default function AboutPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="solid"
@@ -74,9 +70,7 @@ export default function AboutPage() {
           brandName="Sajen Soren"
           navItems={navItems}
           button={{
-            text: "Get in Touch",
-            href: "/contact",
-          }}
+            text: "Get in Touch",            href: "/contact"}}
         />
       </div>
 
@@ -99,26 +93,11 @@ export default function AboutPage() {
           description="Deep knowledge across AI tools, digital content creation, business strategy, and creative innovation"
           features={[
             {
-              id: "1",
-              title: "AI & Automation",
-              description: "Expert knowledge in leveraging AI tools for productivity, automation, content generation, and business process optimization. Proficient with ChatGPT, Claude, Midjourney, and emerging AI platforms.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaBEQyTfdb68Ule7KJKAKahWSR/colorful-dashboard-showing-ai-tools-and--1772820762370-00319d06.png?_wi=2",
-              imageAlt: "AI tools expertise",
-            },
+              id: "1",              title: "AI & Automation",              description: "Expert knowledge in leveraging AI tools for productivity, automation, content generation, and business process optimization. Proficient with ChatGPT, Claude, Midjourney, and emerging AI platforms.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaBEQyTfdb68Ule7KJKAKahWSR/colorful-dashboard-showing-ai-tools-and--1772820762370-00319d06.png",              imageAlt: "AI tools expertise"},
             {
-              id: "2",
-              title: "Content Creation",
-              description: "Years of experience creating engaging video content, writing compelling copy, producing podcasts, and developing multimedia content strategies for audience growth and engagement.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaBEQyTfdb68Ule7KJKAKahWSR/creative-content-creation-workspace-with-1772820762189-52d4b70f.png?_wi=2",
-              imageAlt: "Content creation expertise",
-            },
+              id: "2",              title: "Content Creation",              description: "Years of experience creating engaging video content, writing compelling copy, producing podcasts, and developing multimedia content strategies for audience growth and engagement.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaBEQyTfdb68Ule7KJKAKahWSR/creative-content-creation-workspace-with-1772820762189-52d4b70f.png",              imageAlt: "Content creation expertise"},
             {
-              id: "3",
-              title: "Digital Business",
-              description: "Proven track record in building online businesses, creating multiple income streams, launching digital products, and scaling entrepreneurial ventures from zero to profitability.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaBEQyTfdb68Ule7KJKAKahWSR/digital-business-growth-visualization-wi-1772820762863-a05e2142.png?_wi=2",
-              imageAlt: "Digital business skills",
-            },
+              id: "3",              title: "Digital Business",              description: "Proven track record in building online businesses, creating multiple income streams, launching digital products, and scaling entrepreneurial ventures from zero to profitability.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaBEQyTfdb68Ule7KJKAKahWSR/digital-business-growth-visualization-wi-1772820762863-a05e2142.png",              imageAlt: "Digital business skills"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -136,7 +115,7 @@ export default function AboutPage() {
             { text: "Get in Touch", href: "/contact" },
             { text: "View Projects", href: "/projects" },
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>