feat: placeholder images variety

.changeset/all-rocks-relate.md

@@ -0,0 +1,5 @@
+---
+'@solid-design-system/docs': patch
+---
+
+Updated stories in docs to reference the new JPG placeholder images instead of the previous PNG files.

.changeset/dirty-emus-play.md

@@ -0,0 +1,11 @@
+---
+'@solid-design-system/placeholders': major
+---
+
+Replaced several PNG placeholder images: 
+                  - calculator-work.png -> calculator-work.jpg 
+                  - couple-moving.png -> couple-moving-03.jpg
+                  - senior-coffee.png -> senior-coffee.jpg
+
+Added new images to the placeholders folder.
+Updated the README to document the expanded image set and its usage.

packages/docs/src/stories/templates/teaser-media.stories.ts

@@ -136,7 +136,7 @@ export const TeaserMediaExpandable = {
         <h3 slot="headline">Retirement planning</h3>
         <img
           slot="media"
-          src="./placeholders/images/senior-coffee.png"
+          src="./placeholders/images/senior-coffee.jpg"
           class="aspect-4/5 object-cover self-stretch h-80"
           alt=""
         />
@@ -150,7 +150,7 @@ export const TeaserMediaExpandable = {
         <h3 slot="headline">Save</h3>
         <img
           slot="media"
-          src="./placeholders/images/couple-moving.png"
+          src="./placeholders/images/couple-moving-03.jpg"
           class="aspect-4/5 object-cover self-stretch h-80"
           alt=""
         />
@@ -164,7 +164,7 @@ export const TeaserMediaExpandable = {
         <h3 slot="headline">Invest</h3>
         <img
           slot="media"
-          src="./placeholders/images/calculator-work.png"
+          src="./placeholders/images/calculator-work.jpg"
           class="aspect-4/5 object-cover self-stretch h-80"
           alt=""
         />

packages/placeholders/README.md

@@ -41,17 +41,46 @@ The `src/images` folder contains placeholder images for all projects at Union In
 You can find their respective photographer and source below:
 
 - [Architecture - Lance Anderson](https://unsplash.com/photos/JyAh_s_1RjY)
+- [Architecture interior - People inside a library - Tetiana Shevereva](https://www.pexels.com/photo/people-inside-a-library-3490856/)
+- [Business woman working - Tima Miroshnichenko](https://www.pexels.com/photo/woman-in-gray-blazer-sitting-by-the-table-5717512/)
+- [Calculator work - Mikhail Nilov](https://www.pexels.com/photo/a-person-sitting-a-wooden-table-with-a-notepad-and-laptop-using-a-calculator-6963847/)
+- [City day 01 - Ricky Esquivel ](https://www.pexels.com/pt-br/foto/foto-da-cidade-1604141/)
+- [City day 02 - Zhang Kaiyv](https://www.pexels.com/pt-br/foto/arranha-ceus-1139556/)
+- [City night 01 - Carlos Oliva](https://www.pexels.com/photo/city-skyline-across-body-of-water-during-night-time-3586966/)
+- [City night 02 - Reynaldo Brigantty](https://www.pexels.com/pt-br/foto/edificios-com-luz-azul-747101/)
 - [Coins - Towfiqu barbhuiya](https://unsplash.com/photos/jpqyfK7GB4w)
 - [Coffeeshop - Brooke Cagle](https://unsplash.com/photos/-uHVRvDr7pg)
-- [Profile - Brooke Cagle](https://unsplash.com/photos/-uHVRvDr7pg)
 - [Collaboration - Austin Distel](https://unsplash.com/photos/jpHw8ndwJ_Q)
+- [Conference Table - Vlada Karpovich](https://www.pexels.com/pt-br/foto/marketing-escritorio-trabalhando-homens-7433822/)
+- [Couple moving 01 - Ketut Subiyanto](https://www.pexels.com/photo/thoughtful-couple-writing-in-notebook-while-moving-house-4246012/)
+- [Couple moving 02 - Ketut Subiyanto](https://www.pexels.com/photo/embracing-diverse-couple-lying-on-bed-during-relocation-in-new-house-4246056/)
+- [Couple moving 03 - Ketut Subiyanto](https://www.pexels.com/photo/cheerful-diverse-couple-writing-in-notebook-near-boxes-before-relocation-4246197/)
+- [Diagrams meeting - Artem Podrez](https://www.pexels.com/photo/person-holding-white-and-blue-box-5716001/)
 - [Family - Nathan Dumlao](https://unsplash.com/photos/Wr3comVZJxU)
+- [Family play 01 - Mikhail Nilov](https://www.pexels.com/photo/healthy-couple-love-laptop-6972784/)
+- [Family play 02 - Mikhail Nilov](https://www.pexels.com/photo/healthy-couple-love-relaxation-6973191/)
+- [Family play 03 - Andrea Piacquadio](https://www.pexels.com/pt-br/foto/uma-foto-de-uma-mae-e-uma-filha-brincando-no-quarto-3761510/)
+- [Family reading - Andrea Piacquadio](https://www.pexels.com/photo/mother-and-daughter-reading-book-with-interest-in-bed-3755514/)
+- [Finance meeting - Artem Podrez](https://www.pexels.com/photo/businessman-person-woman-space-6779716/)
 - [Friends - Chewy](https://unsplash.com/photos/3cAMUE3YAO8)
+- [Handshake working - Sora Shimazaki](https://www.pexels.com/pt-br/foto/colheita-de-colegas-apertando-as-maos-no-escritorio-5673488/)
+- [Laptop working - SHVETS production](https://www.pexels.com/pt-br/foto/mao-computador-portatil-laptop-notebook-7561704/)
+- [Office talk - Edmond Dantès](https://www.pexels.com/photo/high-angle-shot-of-a-people-having-a-business-meeting-4343028/)
+- [Profile picture man 01 - Lubomir Satko](https://www.pexels.com/photo/portrait-of-a-smiling-man-12437056/)
+- [Profile picture man 02 - Mizuno K](https://www.pexels.com/photo/smiling-man-with-a-beard-in-a-suit-13801851/)
+- [Profile picture woman 01 - Yan Krukau](https://www.pexels.com/photo/women-with-their-arms-crossed-8837166/)
+- [Profile picture woman 02 - Yan Krukau](https://www.pexels.com/photo/women-with-their-arms-crossed-8837166/)
+- [Profile picture woman 03 - Vlada Karpovich](https://www.pexels.com/photo/people-smiling-together-7433918/)
+- [Profile picture woman 04 - Vlada Karpovich](https://www.pexels.com/photo/people-smiling-together-7433918/)
+- [Profile picture woman 05 - Yan Krukau](https://www.pexels.com/photo/women-with-their-arms-crossed-8837166/)
+- [Profile picture woman 06 - Christina Morillo](https://www.pexels.com/photo/woman-smiling-at-the-camera-1181686/)
+- [Profile picture woman 07 - Yan Krukau](https://www.pexels.com/photo/women-with-their-arms-crossed-8837166/)
+- [Profile - Brooke Cagle](https://unsplash.com/photos/-uHVRvDr7pg)
+- [Senior Coffee - MART PRODUCTION](https://www.pexels.com/photo/man-and-woman-holding-white-ceramic-mugs-7330130/)
+- [Senior yoga - Marcus Aurelius](https://www.pexels.com/photo/couple-practicing-yoga-6787440/)
 - [Skyline - Tobias Reich](https://unsplash.com/photos/FDBy4lkZycM)
+- [Working from home - Anastasia Shuraeva](https://www.pexels.com/photo/woman-carrying-her-baby-and-working-on-a-laptop-4079281/)
 - [Workspace - Dan Dimmock](https://unsplash.com/photos/3mt71MKGjQ0)
-- [Couple Moving 03 - Ketut Subiyanto](https://www.pexels.com/photo/cheerful-diverse-couple-writing-in-notebook-near-boxes-before-relocation-4246197/)
-- [Senior Coffee - MART PRODUCTION](https://www.pexels.com/photo/man-and-woman-holding-white-ceramic-mugs-7330130/)
-- [Calculator work - Mikhail Nilov](https://www.pexels.com/photo/a-person-sitting-a-wooden-table-with-a-notepad-and-laptop-using-a-calculator-6963847/)
 
 ## Videos