Merge pull request 'fix header / hero' (#29) from development_sasha into development

Reviewed-on: tfgrid/www_projectinca#29

src/components/Logo.astro

@@ -2,8 +2,7 @@
 import { SITE } from 'astrowind:config';
 ---
 
-<span
-  class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white"
->
-  🌎 {SITE?.name}
+<span class="flex items-center self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
+  <img src="/assets/images/logo.svg" alt="Site Logo" class="h-8 w-auto mr-2" />
+  {SITE?.name}
 </span>

src/components/widgets/Note.astro

@@ -5,7 +5,7 @@ import { Icon } from 'astro-icon/components';
 <section class="bg-blue-50 dark:bg-slate-800 not-prose">
   <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
     <span class="font-bold">
-      <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> Project Internet Capacity:</span
+      <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> INCA:</span
     > The Internet as intended.
   </div>
 </section>

src/config.yaml

@@ -1,5 +1,5 @@
 site:
-  name: Project Internet Capacity
+  name: INCA
   site: 'https://threefold.io'
   base: '/'
   trailingSlash: false
@@ -9,14 +9,14 @@ site:
 # Default SEO metadata
 metadata:
   title:
-    default: Project Internet Capacity
-    template: '%s — Project Internet Capacity'
-  description: "\U0001F680 Project Internet Capacity is the decentralized autonomous cloud for everyone."
+    default: INCA
+    template: '%s — INCA'
+  description: "\U0001F680 INCA is the decentralized autonomous cloud for everyone."
   robots:
     index: true
     follow: true
   openGraph:
-    site_name: Project INCA
+    site_name: INCA
     images:
       - url: '~/assets/images/inca_background.png'
         width: 1200

src/pages/about.astro

@@ -25,12 +25,12 @@ const metadata = {
     }}
   >
     <Fragment slot="title">
-      Project Internet Capacity <br>is the culmulation of years <br>of work by 
+      INCA <br>is the culmulation of years <br>of work by 
       <span class="text-accent dark:text-white highlight"> ThreeFold</span>
     </Fragment>
 
     <Fragment slot="subtitle">
-      Project Internet Capacity is the fourth generation of the ThreeFold Grid. Our technology is rock solid and has been running in production mode for years now on the main network. We wouldn't be here without our amazing community and its members who keep on evolving with us. This project will always have planet and people first in mind.
+      INCA is the fourth generation of the ThreeFold Grid. Our technology is rock solid and has been running in production mode for years now on the main network. We wouldn't be here without our amazing community and its members who keep on evolving with us. This project will always have planet and people first in mind.
     </Fragment>
   </Hero>
 
@@ -190,7 +190,7 @@ const metadata = {
   <Steps2
     id="achievements"
     title="Achievements"
-    subtitle="Project Internet Capacity is the continuation of the ThreeFold Grid. We are now entering our 4th phase and we are ready for a major expansion. Build with us the largest decentralized cloud on the planet."
+    subtitle="INCA is the continuation of the ThreeFold Grid. We are now entering our 4th phase and we are ready for a major expansion. Build with us the largest decentralized cloud on the planet."
     isReversed={true}
     callToAction={{
       text: 'Explore ThreeFold',

src/pages/index.astro

@@ -18,7 +18,7 @@ import INCAStats from './incastats.astro'
 
 
 const metadata = {
-  title: 'Project Internet Capacity — Decentralized Autonomous Cloud',
+  title: 'INCA — Decentralized Autonomous Cloud',
   ignoreTitleTemplate: true,
 };
 ---
@@ -38,33 +38,28 @@ const metadata = {
       },
       { text: 'Learn more', href: '#purpose' },
     ]}
-    image={{ src: '~/assets/images/background.png', alt: '' }}
+    
   >
 	
+  <Fragment slot="title">
+    <div class="flex flex-col items-center justify-center text-center">
+      <!-- Logo -->
+      <img src="/assets/images/logo.svg" alt="Site Logo" class="md:h-60 w-auto mb-8 h-32" />
+      <!-- Title and Content -->
+      <div>
+        <h1 class="text-2xl md:text-5xl font-bold tracking-custom mb-2">
+          Project 
+          <span class="text-blue-600">IN</span>ternet <span class="text-blue-600">CA</span>pacity
+        </h1>
+        <h2 class="text-xl md:text-3xl tracking-tight text-gray-700 font-semibold">
+          Compute is the Currency of the Future
+        </h2>
 
-    <Fragment slot="title">Welcome to
-      Project <br>
-      <Inca/><br><br>
-    </Fragment>
-
-    <Fragment slot="title2">
-      <b><i>Compute<br>
-      is the currency <br>
-      of the future...<br><br></b></i>
-    </Fragment>
-
-    
-
-    <Fragment slot="subtitle">
-
-      <span class="hidden sm:inline">
-        <br>We are a community-driven, open-source project<br> that has built a self-healing and autonomous cloud engine<br> allowing <span class="font-semibold">anyone</span> to become a <span class="font-semibold">cloud service provider</span>!<br>
-      </span>
-      <span class="block mb-1 sm:hidden font-bold text-blue-600">
-        Internet Capacity, DePIN Cloud
-      </span>
-      Earn rewards by providing <span class="font-semibold">Internet Capacity</span> to the world!</i><br><br><br>
-
+        <p class="md:my-8 my-4 tracking-normal text-base md:text-xl font-light md:max-w-3xl max-w-xl">
+          We are a community-driven, open-source project that has built a self-healing and autonomous cloud engine allowing <span class="font-semibold">anyone</span> to become a <span class="font-semibold">cloud service provider</span>.<br>
+        </p>
+      </div>
+    </div>
   </Fragment>
 
 
@@ -148,7 +143,7 @@ const metadata = {
     classes={{ container: 'max-w-6xl' }}
     items={[
       {
-        title: 'Why is the Project Internet Capacity necessary?',
+        title: 'Why is the INCA necessary?',
         description:
           "There is a cyber pandemic going on and there is a war for your attention! The cloud and Internet can be what it was always meant to be: for the people and peer-to-peer. The grid offers the possibility for anyone to own their share of the Internet.",
       },

src/pages/partners.astro

@@ -11,7 +11,7 @@ import Features2 from '~/components/widgets/Features2.astro';
   <Features2
     id="partners"
     title="BE THE CLOUD."
-    subtitle="Project INternet CApacity is a community-driven, <br> open-source and decentralized cloud by everyone for everyone."
+    subtitle="INCA is a community-driven, <br> open-source and decentralized cloud by everyone for everyone."
     tagline="ECOSYSTEM"
     items={[
       {

src/pages/technology.astro

@@ -287,7 +287,7 @@ const metadata = {
     <Fragment slot="title">Expand the Grid with Us</Fragment>
 
     <Fragment slot="subtitle">
-      We have the technology for a planetary-scale alternative<br> to mainstream cloud and current monopolistic markets.<br><br>Project Internet Capacity is the Unbreakable Internet.
+      We have the technology for a planetary-scale alternative<br> to mainstream cloud and current monopolistic markets.<br><br>INCA is the Unbreakable Internet.
     </Fragment>
   </CallToAction>
 </Layout>

tailwind.config.cjs

@@ -17,8 +17,15 @@ module.exports = {
         serif: ['var(--aw-font-serif, ui-serif)', ...defaultTheme.fontFamily.serif],
         heading: ['var(--aw-font-heading, ui-sans-serif)', ...defaultTheme.fontFamily.sans],
       },
+      letterSpacing: {
+        widest: '.25em',
+        custom: '.002em',
+        xs: '.0005em',
+      },
+      
     },
   },
   plugins: [typographyPlugin],
   darkMode: 'class',
 };
+