edit about

src/app/about/page.jsx

@@ -9,9 +9,9 @@ export default function about() {
     return (
       <>
       <Abouthero />
-      <CTA />
-      <Aboutco />
       <Aboutvalues />
+      <Aboutco />
+      <CTA />
       <Aboutnodes />
       </>
   )

src/components/Aboutco.jsx

@@ -1,6 +1,6 @@
 export default function Aboutcof() {
   return (
-    <section className="bg-gradient-to-b from-purple-50/10 to-purple-50/80  py-24 sm:py-32">
+    <section className="bg-gradient-to-b from-purple-50/10 to-purple-50/80  pt-24 pb-12">
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto grid max-w-2xl grid-cols-1 lg:mx-0 lg:max-w-none lg:grid-cols-2">
           <div className="flex flex-col pb-10 sm:pb-16 lg:pb-0 lg:pr-8 xl:pr-20">

src/components/Aboutvalues.jsx

@@ -34,7 +34,7 @@ const features = [
   
   export default function Aboutvalues() {
     return (
-      <div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-12 pb-24">
+      <div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-24 pb-12">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-2xl lg:mx-0">
             <h2 className="text-3xl font-bold tracking-tight text-gradient-dark sm:text-4xl">Our Values</h2>