Merge pull request #43 from chadwhitacre/cwlw/first-pass-at-homepage-etc

Start on homepage and also add an image to about

src/pages/about.astro

@@ -1,10 +1,14 @@
 ---
+import { Image } from 'astro:assets';
+
 import Button from '../components/Button.astro';
 import Layout from '../layouts/Layout.astro';
 import Section from '../components/Section.astro';
 import GeoLeft from '/images/background-images/geo-left.svg?raw';
 import GeoRight from '/images/background-images/geo-right.svg?raw';
 
+import dospImage from '../assets/about/dosp.webp';
+
 const seoMetaData = {
   description: 'Fair Source Software is publicly available to read; allows use, modification, and redistribution with minimal restrictions to protect the producer’s business model; and undergoes delayed Open Source publication.',
   slug: 'about/'
@@ -61,6 +65,12 @@ const seoMetaData = {
             business context.
           </p>
 
+          <div class="pb-[1.5rem]">
+            <a  href="https://opensource.org/delayed-open-source-publication">
+              <Image src={dospImage} alt="dosp image" densities={[1.5, 2]} class="relative w-[100%] h-auto"/>
+            </a>
+          </div>
+
           <p class="pb-[1.5rem]">
             The third point is also intended as a bright line, and a key
             differentiator of Fair Source from <a

src/pages/index.astro

@@ -30,12 +30,12 @@ const mobileSectionContentClasses = 'z-10 pt-[1.5rem] pb-[1rem] relative w-12/12
       </div>
       <div class="w-12/12 py-[3rem] h-[100%] lg:w-6/12 lg:py-[8rem] xl:pb-[4rem] xl:pt-[3rem] 2xl:pb-[7.5rem] 2xl:pt-[6rem]">
         <h1 class="text-black mb-4">
-          Software Sharing for Modern Companies
+          Software Sharing for Modern Businesses
         </h1>
-        <p class="text-balance text-black text-[1.5rem] xl:text-[2rem] leading-[130%] font-sans font-[500] mb-6">Balance innovation and protection with Fair Source licensing.</p>
+        <p class="text-balance text-black text-[1.5rem] xl:text-[2rem] leading-[130%] font-sans font-[500] mb-6">Balance freedom and sustainability with Fair Source licensing.</p>
         <div class="flex flex-wrap gap-4">
-          <Button type="primary" url='/join' color="teal" cta="Join Fair Source" />
-          <Button type="secondary" url='/faq' color="black" cta="Learn More" />
+          <Button type="primary" url='/join/' color="teal" cta="Join Fair Source" />
+          <Button type="secondary" url='/about/' color="black" cta="Learn More" />
         </div>
       </div>
     </div>
@@ -61,7 +61,7 @@ const mobileSectionContentClasses = 'z-10 pt-[1.5rem] pb-[1rem] relative w-12/12
         <div class="section-body-spacing">
           <p>Whether you’re a developer looking to contribute or a business aiming to innovate, we the provide steps to successfully implement Fair Source in your projects. Join the community of ethical and innovative software sharing, balancing collaboration with control for everyone involved.</p>
         </div>
-        <Button type="secondary" cta="Join Fair Source" url="/join" color="teal" />
+        <Button type="secondary" cta="Join Fair Source" url="/join/" color="teal" />
       </div>
     </Section>
 
@@ -77,7 +77,7 @@ const mobileSectionContentClasses = 'z-10 pt-[1.5rem] pb-[1rem] relative w-12/12
         <div class="section-body-spacing">
           <p>Looking for detailed information about Fair Source? Discover in-depth answers and insights to help you fully understand its benefits and applications. From licensing details to implementation tips, find everything you need to make the most of Fair Source.</p>
         </div>
-        <Button type="secondary" cta="Learn More" url="/faq" color="orange" />
+        <Button type="secondary" cta="Learn More" url="/faq/" color="orange" />
       </div>
     </Section>
   </main>

src/pages/join.astro

@@ -85,8 +85,8 @@ const seoMetaData = {
             <div class="text">
               <h3>What will you do with bug reports and feature requests?</h3>
               <p>
-                Create a process for triaging and addressing bug reports and 
-                feature requests.
+                Create a process for triaging and addressing user feedback, the
+                raw material for your product vision.
               </p>
             </div>
           </div>