Merge pull request #72 from spryker-community/bugfix/make-avatars-wor…

…king

Adds default avatar and fixes broken avatar images

src/components/ui/avatars/AvatarTestimonialSection.astro

@@ -1,4 +1,6 @@
 ---
+import { Image } from "astro:assets";
+
 const { src, alt } = Astro.props;
 
 interface Props {
@@ -8,7 +10,7 @@ interface Props {
 ---
 
 <div class="flex-shrink-0">
-  <img
+  <Image
     class="size-8 rounded-full sm:h-[2.875rem] sm:w-[2.875rem]"
     src={src}
     alt={alt}

src/pages/index.astro

@@ -8,18 +8,16 @@ import PlatformsSection from "@components/sections/landing/PlatformsSection.astr
 import FeaturesGeneral from "@components/sections/features/FeaturesGeneral.astro";
 import FeaturesNavs from "@components/sections/features/FeaturesNavs.astro";
 import TestimonialsSection from "@components/sections/testimonials/TestimonialsSection.astro";
-// import PricingSection from "@components/sections/pricing/PricingSection.astro";
 import FAQ from "@components/sections/misc/FAQ.astro";
 // import AnnouncementBanner from "@components/ui/banners/AnnouncementBanner.astro";
 import heroImage from "@images/SPRYKER_EXCITE_2023--27.jpg";
 import faqs from "@data/faqs.json";
 import features from "@data/features.json";
-// import pricing from "@data/pricing.json";
 import featureImage from "@images/Asteroids.png";
 import network from "@images/community-3.jpg";
 import customerday from "@images/community-1.jpg";
 import cteam from "@images/community-2.jpg";
-import anna from "@images/blog/anna.avif";
+import defaultAvatar from "@images/blog/default-avatar.jpg";
 
 ---
 
@@ -108,7 +106,7 @@ import anna from "@images/blog/anna.avif";
           "The hackathon dramatically boosted my knowledge of Spryker. I was able to learn from the best and get hands-on with our specific coding challenge. I can't wait for the next one!",        author: "Maher H.",
         role: "Full Stack Developer | Meesenburg International",
         avatarSrc:
-          anna,
+          defaultAvatar,
       },
     ]}
     statistics={[

src/pages/spryker.astro

@@ -16,9 +16,7 @@ import aerialView from "@images/aerial-view.avif";
 import usingTools from "@images/using-tools.avif";
 import sprykerOskar from "@images/spryker-oskar.png";
 import exciteStage from "@images/excite-stage.png";
-import jacob from "@images/blog/jacob.avif";
-import anna from "@images/blog/anna.avif";
-import brad from "@images/blog/brad.avif";
+import defaultAvatar from "@images/blog/default-avatar.jpg";
 import { SITE } from "@data/constants";
 
 interface Article {
@@ -116,30 +114,30 @@ const testimonials: Testimonial[] = [
   {
     content:
       " \"We use Spryker as our e-commerce solution and customer frontend. We have very extensive product data (3 million SKUs, 8 million images, 60 million technical attributes, etc.) and a use lot of APIs. What I like best are the Code Quality, Modularity, APIs, Customer Success and the Scalability.\" ",
-    author: "Jason Clark",
-    role: "Frontent developer | TopBuild",
+    author: "",
+    role: "",
     avatarSrc:
-      jacob,
+      defaultAvatar,
     avatarAlt: "Image Description",
   },
   // Second testimonial data
   {
     content:
       " \"100% customizable processes with the state machine, Clean architecture, Nothing is impossible! With PaaS+, many helpful tools are given, which help reduce project maintenance and keep the code clean. Helpful community!\" ",
-    author: "Maria Gonzalez",
-    role: "Senior Architect | Creative Spaces",
+    author: "",
+    role: "",
     avatarSrc:
-      anna,
+      defaultAvatar,
     avatarAlt: "Image Description",
   },
   // Third testimonial data
   {
     content:
       " \"The ability to customize a decent amount of the codebases's functionality without overwriting it will probably be my favorite aspect of Spryker once it comes time to upgrade major versions. For the day-to-day side of things, the built-in code style, functionality, and structure tests are helpful in maintaining the current standards when adding new code. The built-in code generators are also a significant help, speeding up the overall pace of development. Spryker's technical support reps are also competent and responsive. The customizability and flexibility of the Spryker system (as well as the wealth of additional add-ons) meant that it was easy to pair Spryker with our current systems.\" ",
-    author: "Richard Kim",
-    role: "Senior Engineer | WoodWright",
+    author: "",
+    role: "",
     avatarSrc:
-      brad,
+      defaultAvatar,
     avatarAlt: "Image Description",
   },
 ];