src/components/Logo.astro

@@ -3,5 +3,6 @@ import { SITE } from 'astrowind:config';
 ---
 
 <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/Hero.astro

@@ -32,6 +32,8 @@ const {
     <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">
+        <!-- Add the logo before the tagline -->
+        <img src="/assets/images/logo.svg" alt="Logo" class=" mx-auto mb-4 h-65 sm:h-23 w-auto" />
         {
           tagline && (
             <p

src/pages/index.astro

@@ -41,14 +41,10 @@ const metadata = {
       { text: 'Learn more', href: '#technology' },
     ]}
     tagline="Welcome to"
-    image={{ alt: '' }}
+    image={{ src: '~/assets/images/background.png', alt: '' }}
   >
 	  <Fragment slot="title">
-      Project Internet Capacity
+      Project INternet CApacity<br> Compute is the Currency of the Future
-    </Fragment>
-
-	  <Fragment slot="title2">
-      <br><i>Compute is the Currency of the Future</i>
     </Fragment>
 
     <Fragment slot="subtitle">
@@ -304,7 +300,7 @@ const metadata = {
     classes={{ container: 'max-w-6xl' }}
     items={[
       {
-        title: 'Why is Project INCA necessary?',
+        title: 'Why is the Project Internet Capacity necessary?',
         description:
           "Demand for cloud and access to compute is more important than ever and safety is everything, we must be quantum ready. The only way to face demand and provide the access needed around the world is to enable anyone to take part in this economy",
       },