feat(daffio): update home hero illustration and add discord link (#2598)

graycoreio · Nov 14, 2023 · 5aec495 · 5aec495
1 parent 57aa1b8
commit 5aec495
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 2 deletions.
diff --git a/apps/daffio/src/app/content/home/components/home-hero/home-hero.component.html b/apps/daffio/src/app/content/home/components/home-hero/home-hero.component.html
@@ -12,7 +12,10 @@ <h2 daffHeroSubtitle>
           Build your store with ease and flexibility &mdash; take advantage of the cutting edge with Angular, Redux and Progressive Web Apps.
         </h2>
         <div daffHeroBody>
-          <a href="https://github.com/graycoreio/daffodil" target="_blank" daff-button color="primary">Build with Daffodil</a>
+          <div class="daffio-home-hero__actions">
+            <a [href]="repoLink" target="_blank" daff-button color="primary">Build with Daffodil</a>
+            <a [href]="discordLink" target="_blank" daff-stroked-button color="theme-contrast">Join the community</a>
+          </div>
         </div>
       </div>
       <div class="daffio-home-hero__illustration">

diff --git a/apps/daffio/src/app/content/home/components/home-hero/home-hero.component.scss b/apps/daffio/src/app/content/home/components/home-hero/home-hero.component.scss
@@ -59,4 +59,10 @@
 			top: -60px;
 		}
 	}
+
+	&__actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 8px;
+	}
 }
diff --git a/apps/daffio/src/app/content/home/components/home-hero/home-hero.component.ts b/apps/daffio/src/app/content/home/components/home-hero/home-hero.component.ts
@@ -4,6 +4,8 @@ import {
   HostBinding,
 } from '@angular/core';
 
+import { DAFF_BRANDING_CONSTANTS } from '@daffodil/branding';
+
 @Component({
   selector: 'daffio-home-hero',
   templateUrl: './home-hero.component.html',
@@ -13,4 +15,7 @@ import {
 
 export class DaffioHomeHeroComponent {
   @HostBinding('class.daffio-home-hero') class = true;
+
+  repoLink = DAFF_BRANDING_CONSTANTS.REPO_URL;
+  discordLink = DAFF_BRANDING_CONSTANTS.DISCORD_URL;
 }
diff --git a/apps/daffio/src/assets/pwa-illustration.svg b/apps/daffio/src/assets/pwa-illustration.svg