Merge pull request 'development_fix_images' (#72) from development_fix_images into development

Reviewed-on: tfgrid/www_projectinca#72

src/components/widgets/Hero.astro

@@ -31,7 +31,7 @@ const {
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6">
     <div class="pt-0 md:pt-12 pointer-events-none"></div>
     <div class="py-8 md:py-20">
-      <div class="text-center pb-8 md:pb-16 max-w-5xl mx-auto">
+      <div class="text-center pb-4 md:pb-8 max-w-5xl mx-auto">
         {
           tagline && (
             <p
@@ -57,7 +57,11 @@ const {
           )
         }
         <div class="max-w-3xl mx-auto">
-          {subtitle && <p class="text-xl text-muted mb-8 dark:text-slate-300 max-w-m md:max-w-3xl" set:html={subtitle} />}
+          {
+            subtitle && (
+              <p class="text-xl text-muted mb-8 dark:text-slate-300 max-w-m md:max-w-3xl" set:html={subtitle} />
+            )
+          }
           {
             actions && (
               <div class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4">

src/pages/builders.astro

@@ -3,9 +3,9 @@ import Layout from '~/layouts/PageLayout.astro';
 
 import Hero from '~/components/widgets/Hero.astro';
 
-import INCAStats from './incastats.astro'
+import INCAStats from './incastats.astro';
-import Partners from './partners.astro'
+import Partners from './partners.astro';
-import Purpose from './purpose.astro'
+import Purpose from './purpose.astro';
 import Content2 from '~/components/widgets/Content2.astro';
 
 const metadata = {
@@ -15,31 +15,88 @@ const metadata = {
 ---
 
 <Layout metadata={metadata}>
-
   <!-- Hero Widget ******************* -->
 
   <Hero
     id="about"
     tagline="Builders"
     image={{
-      src: '~/assets/images/builders_temp.webp',
       alt: 'Caos Image',
     }}
   >
-    <Fragment slot="title">
+    <Fragment slot="title"> Meet the Builders of the Grid! </Fragment>
-      Meet the Builders of the Grid!
-    </Fragment>
 
     <Fragment slot="subtitle">
-      <span class="font-semibold">Project INCA</span> is proud of its many partnerships<br> weaving a thriving ecosystem of creative individuals <br>and businesses  offering innovative products and services<br></span
+      <span class="font-semibold">Project INCA</span> is proud of its many partnerships<br /> weaving a thriving ecosystem
-      >
+      of creative individuals <br />and businesses offering innovative products and services<br /></Fragment
-    </Fragment>
+    >
   </Hero>
 
-
-
   <!-- 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"
@@ -50,15 +107,18 @@ const metadata = {
       },
     ]}
     image={{
-      src: '~/assets/images/elestio_pic.png',
+      src: '~/assets/images/elestio_image.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">Elestio</h2>
       <p>
-        Elestio is an innovative platform dedicated to providing cutting-edge decentralized applications (dApps) and services to users worldwide. With a focus on accessibility, security, and user empowerment, Elestio aims to revolutionize the way individuals interact with decentralized technologies.
+        Elestio is an innovative platform dedicated to providing cutting-edge decentralized applications (dApps) and
+        services to users worldwide. With a focus on accessibility, security, and user empowerment, Elestio aims to
+        revolutionize the way individuals interact with decentralized technologies.
       </p>
     </Fragment>
 
@@ -81,12 +141,16 @@ const metadata = {
       src: '~/assets/images/partner_sikana.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">Sikana</h2>
       <p>
-        Sikana, a platform dedicated to providing education for all, has delivered over 400 million lessons through free educational videos. However, the platform has faced financial challenges in hosting its content at scale. In collaboration with ThreeFold, Sikana aims to overcome these challenges and further its mission of providing accessible education by creating local content in native languages and hosting it on local infrastructure.
+        Sikana, a platform dedicated to providing education for all, has delivered over 400 million lessons through free
+        educational videos. However, the platform has faced financial challenges in hosting its content at scale. In
+        collaboration with ThreeFold, Sikana aims to overcome these challenges and further its mission of providing
+        accessible education by creating local content in native languages and hosting it on local infrastructure.
       </p>
     </Fragment>
 
@@ -95,35 +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',
-    }}
-  >
-    <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}
@@ -136,12 +173,15 @@ const metadata = {
       src: '~/assets/images/dy.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">Tanzania Sovereign Internet</h2>
       <p>
-        ThreeFold, through its Dunia Yetu initiative, has embarked on a mission to build a sovereign internet infrastructure by Tanzanians for Tanzanians, empowering people to take control and benefit from their own digital lives. Discover our key partners and the projects we support in Tanzania.
+        ThreeFold, through its Dunia Yetu initiative, has embarked on a mission to build a sovereign internet
+        infrastructure by Tanzanians for Tanzanians, empowering people to take control and benefit from their own
+        digital lives. Discover our key partners and the projects we support in Tanzania.
       </p>
     </Fragment>
 
@@ -150,63 +190,9 @@ const metadata = {
     </Fragment>
   </Content2>
 
-   <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',
-    }}
-  >
-    <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">
+  <Content2
-      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
-    </Fragment>
-  </Content2>
-
-    <Content2
     isReversed
-    link="~/assets/images/vverse_logo.jpg"
-    id="mission"
-    columns={3}
-    items={[
-      {
-        description: '<a href= "/builders/vverse">Read More</a>',
-      },
-    ]}
-    image={{
-      src: '~/assets/images/vverse_pic.png',
-      alt: 'Colorful Image',
-      loading: 'eager',
-    }}
-  >
-    <Fragment slot="content">
-      <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">VVerse</h2>
-      <p>
-        VVerse offers a cutting-edge platform for virtual socializing and entertainment. One of their first products is VinDo, the next generation communication and business tool to streamline your interactions, empower your business, simplify your workflow and amplify your results. Businesses can become virtual with VinDO and redefine customer experiences in the metaverse. 
-      </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"
     columns={3}
@@ -219,12 +205,47 @@ const metadata = {
       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.
+        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>
+
+  <Content2
+    link="~/assets/images/vverse_logo.jpg"
+    id="mission"
+    columns={3}
+    items={[
+      {
+        description: '<a href= "/builders/vverse">Read More</a>',
+      },
+    ]}
+    image={{
+      src: '~/assets/images/vverse_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">VVerse</h2>
+      <p>
+        VVerse offers a cutting-edge platform for virtual socializing and entertainment. One of their first products is
+        VinDo, the next generation communication and business tool to streamline your interactions, empower your
+        business, simplify your workflow and amplify your results. Businesses can become virtual with VinDO and redefine
+        customer experiences in the metaverse.
       </p>
     </Fragment>
 
@@ -234,5 +255,3 @@ const metadata = {
   </Content2>
 
 </Layout>
-
-

src/pages/builders/digital_freezone.md

@@ -4,7 +4,7 @@ layout: ~/layouts/MarkdownLayout.astro
 
 # OurWorld Digital Freezone (Zanzibar)
 
-![](/src/assets/images/freezone.png)
+![](/src/assets/images/partner_ourworld.png)
 
  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.
 

src/pages/builders/earth_wallet.md

@@ -4,7 +4,7 @@ layout: ~/layouts/MarkdownLayout.astro
 
 # Earth Wallet
 
-![](/src/assets/images/earth_wallet.png)
+![](/src/assets/images/partner_social.png)
 
 **Introduction:**
 [Earth Wallet](https://www.earthwallet.io) 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.

src/pages/builders/elestio.md

@@ -4,7 +4,7 @@ layout: ~/layouts/MarkdownLayout.astro
 
 # Elestio
 
-![](/src/assets/images/elestio_main.png)
+![](/src/assets/images/elestio_image.png)
 
 [Elestio](https://www.elest.io) is an innovative platform dedicated to providing cutting-edge decentralized applications (dApps) and services to users worldwide. With a focus on accessibility, security, and user empowerment, Elestio aims to revolutionize the way individuals interact with decentralized technologies.
 

src/pages/builders/tanzania_sovereign_internet.md

@@ -4,13 +4,15 @@ layout: ~/layouts/MarkdownLayout.astro
 
 # Tanzania Sovereign Internet
 
+
+![](~/assets/images/tanzania1.png)
+
 ThreeFold, through its Dunia Yetu initiative, has embarked on a mission to build a sovereign internet infrastructure by Tanzanians for Tanzanians, empowering people to take control and benefit from their own digital lives.  Discover our key partners and the projects we support in Tanzania.
 
 ## Tanzania Sovereign Internet Partnership with ThreeFold
 
 ThreeFold is proud to announce its partnership with the government of Tanzania to establish a sovereign internet, a groundbreaking initiative poised to revolutionize Tanzania's startup ecosystem. Through this collaboration, ThreeFold aims to empower Tanzania with decentralized internet infrastructure, reducing reliance on internationally controlled internet services and fostering digital sovereignty.
 
-![](~/assets/images/tanzania1.png)
 
 **What is the Partnership About?**