updated images and reposition some image

src/pages/builders.astro

@@ -21,7 +21,6 @@ const metadata = {
     id="about"
     tagline="Builders"
     image={{
-      src: '~/assets/images/builders_temp.webp',
       alt: 'Caos Image',
     }}
   >
@@ -35,6 +34,69 @@ const metadata = {
 
   <!-- Content Widget **************** -->
 
+
+  <Content2
+    link="~/assets/images/mission.jpg"
+    id="mission"
+    columns={3}
+    items={[
+      {
+        description: '<a href= "/builders/digital_freezone">Read More</a>',
+      },
+    ]}
+    image={{
+      src: '~/assets/images/partner_ourworld.png',
+      alt: 'Colorful Image',
+      loading: 'eager',
+      layout: '',
+    }}
+  >
+    <Fragment slot="content">
+      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Digital FreeZone</h2>
+      <p>
+        The OurWorld Digital FreeZone, established in Zanzibar, is a groundbreaking partnership between ThreeFold and
+        the government of Tanzania. This initiative aims to create a free sovereign digital and economic area, fostering
+        innovation, growth, and prosperity within the region.
+      </p>
+    </Fragment>
+
+    <Fragment slot="bg">
+      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
+    </Fragment>
+  </Content2>
+
+
+  <Content2
+    isReversed
+    link="~/assets/images/mission.jpg"
+    id="mission"
+    columns={3}
+    items={[
+      {
+        description: '<a href= "/builders/earth_wallet">Read More</a>',
+      },
+    ]}
+    image={{
+      src: '~/assets/images/partner_social.png',
+      alt: 'Colorful Image',
+      loading: 'eager',
+      layout: '',
+    }}
+  >
+    <Fragment slot="content">
+      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Earth Wallet</h2>
+      <p>
+        Earth Wallet is a cutting-edge digital wallet solution designed to empower users with secure, decentralized
+        control over their digital assets. With a focus on accessibility, security, and sustainability, Earth Wallet
+        offers a seamless and user-friendly interface for managing various cryptocurrencies and digital tokens.
+      </p>
+    </Fragment>
+
+    <Fragment slot="bg">
+      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
+    </Fragment>
+  </Content2>
+
   <Content2
     link="~/assets/images/mission.jpg"
     id="mission"
@@ -45,7 +107,7 @@ const metadata = {
       },
     ]}
     image={{
-      src: '~/assets/images/elestio_pic.png',
+      src: '~/assets/images/elestio_image.png',
       alt: 'Colorful Image',
       loading: 'eager',
       layout: '',
@@ -97,38 +159,8 @@ const metadata = {
     </Fragment>
   </Content2>
 
-  <Content2
-    link="~/assets/images/mission.jpg"
-    id="mission"
-    columns={3}
-    items={[
-      {
-        description: '<a href= "/builders/earth_wallet">Read More</a>',
-      },
-    ]}
-    image={{
-      src: '~/assets/images/partner_social.png',
-      alt: 'Colorful Image',
-      loading: 'eager',
-      layout: '',
-    }}
-  >
-    <Fragment slot="content">
-      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Earth Wallet</h2>
-      <p>
-        Earth Wallet is a cutting-edge digital wallet solution designed to empower users with secure, decentralized
-        control over their digital assets. With a focus on accessibility, security, and sustainability, Earth Wallet
-        offers a seamless and user-friendly interface for managing various cryptocurrencies and digital tokens.
-      </p>
-    </Fragment>
-
-    <Fragment slot="bg">
-      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
-    </Fragment>
-  </Content2>
 
   <Content2
-    isReversed
     link="~/assets/images/mission.jpg"
     id="mission"
     columns={3}
@@ -158,28 +190,31 @@ const metadata = {
     </Fragment>
   </Content2>
 
+
   <Content2
+    isReversed
     link="~/assets/images/mission.jpg"
     id="mission"
     columns={3}
     items={[
       {
-        description: '<a href= "/builders/digital_freezone">Read More</a>',
+        description: '<a href= "/builders/veverse">Read More</a>',
       },
     ]}
     image={{
-      src: '~/assets/images/partner_ourworld.png',
+      src: '~/assets/images/veverse_pic.png',
       alt: 'Colorful Image',
       loading: 'eager',
       layout: '',
     }}
   >
     <Fragment slot="content">
-      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Digital FreeZone</h2>
+      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">VeVerse</h2>
       <p>
-        The OurWorld Digital FreeZone, established in Zanzibar, is a groundbreaking partnership between ThreeFold and
-        the government of Tanzania. This initiative aims to create a free sovereign digital and economic area, fostering
-        innovation, growth, and prosperity within the region.
+        VeVerse aims to create a virtual universe which eradicates cultural boundaries and supports the free flow of
+        ideas and knowledge. The vision is to provide a metaverse platform which bridges virtual worlds, digital assets
+        and communities and to empower museums, artists and game developers to construct captivating environments
+        together where users can play, explore and connect.
       </p>
     </Fragment>
 
@@ -189,7 +224,6 @@ const metadata = {
   </Content2>
 
   <Content2
-    isReversed
     link="~/assets/images/vverse_logo.jpg"
     id="mission"
     columns={3}
@@ -220,34 +254,4 @@ const metadata = {
     </Fragment>
   </Content2>
 
-  <Content2
-    link="~/assets/images/mission.jpg"
-    id="mission"
-    columns={3}
-    items={[
-      {
-        description: '<a href= "/builders/veverse">Read More</a>',
-      },
-    ]}
-    image={{
-      src: '~/assets/images/veverse_pic.png',
-      alt: 'Colorful Image',
-      loading: 'eager',
-      layout: '',
-    }}
-  >
-    <Fragment slot="content">
-      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">VeVerse</h2>
-      <p>
-        VeVerse aims to create a virtual universe which eradicates cultural boundaries and supports the free flow of
-        ideas and knowledge. The vision is to provide a metaverse platform which bridges virtual worlds, digital assets
-        and communities and to empower museums, artists and game developers to construct captivating environments
-        together where users can play, explore and connect.
-      </p>
-    </Fragment>
-
-    <Fragment slot="bg">
-      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
-    </Fragment>
-  </Content2>
 </Layout>