Add data for testimonials and favorites sections

src/assets/favorites/media/media-4.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="2500" height="2500"><style>.st0{fill:#007acc}.st1{fill:#fff}</style><path class="st0" d="M0 200V0h400v400H0"/><path class="st1" d="M87.7 200.7V217h52v148h36.9V217h52v-16c0-9 0-16.3-.4-16.5 0-.3-31.7-.4-70.2-.4l-70 .3v16.4l-.3-.1zM321.4 184c10.2 2.4 18 7 25 14.3 3.7 4 9.2 11 9.6 12.8 0 .6-17.3 12.3-27.8 18.8-.4.3-2-1.4-3.6-4-5.2-7.4-10.5-10.6-18.8-11.2-12-.8-20 5.5-20 16 0 3.2.6 5 1.8 7.6 2.7 5.5 7.7 8.8 23.2 15.6 28.6 12.3 41 20.4 48.5 32 8.5 13 10.4 33.4 4.7 48.7-6.4 16.7-22 28-44.3 31.7-7 1.2-23 1-30.5-.3-16-3-31.3-11-40.7-21.3-3.7-4-10.8-14.7-10.4-15.4l3.8-2.4 15-8.7 11.3-6.6 2.6 3.5c3.3 5.2 10.7 12.2 15 14.6 13 6.7 30.4 5.8 39-2 3.7-3.4 5.3-7 5.3-12 0-4.6-.7-6.7-3-10.2-3.2-4.4-9.6-8-27.6-16-20.7-8.8-29.5-14.4-37.7-23-4.7-5.2-9-13.3-11-20-1.5-5.8-2-20-.6-25.7 4.3-20 19.4-34 41-38 7-1.4 23.5-.8 30.4 1l-.2.2z"/></svg>

src/data.ts

@@ -511,7 +511,38 @@ const data: Data = {
       title: 'Testimonials',
       icon: 'fa6-solid:comment',
     },
-    testimonials: [],
+    testimonials: [
+      {
+        image: import('@/assets/testimonials/testimonial-1.jpeg'),
+        author: 'Howard Stewart',
+        relation: 'We work together as front-end developers at Google',
+        content:
+          'In nec mattis sem. Morbi purus lorem, euismod ac varius at, aliquet vitae augue. Pellentesque ut facilisis felis. In sed dui blandit, aliquet odio eu, elementum leo. In facilisis dapibus tortor ac volutpat. Cras cursus nec odio maximus elementum.',
+        socials: [
+          { name: 'GitHub', icon: 'fa6-brands:github', url: '#' },
+          { name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' },
+        ],
+      },
+      {
+        image: import('@/assets/testimonials/testimonial-2.jpeg'),
+        author: 'Jean Richards',
+        relation: 'My project manager at GitLab',
+        content:
+          'Praesent nec congue elit. Vestibulum lobortis congue ipsum, a gravida mi tempus ac. Mauris aliquet purus nibh, vel varius turpis tempus non. Nullam eget ultricies orci. Quisque nulla ante, auctor eget varius ac, imperdiet nec magna.',
+        socials: [{ name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' }],
+      },
+      {
+        image: import('@/assets/testimonials/testimonial-3.jpeg'),
+        author: 'Jason Fisher',
+        relation: 'My customer for sidewing.com website',
+        content:
+          'Mauris tincidunt at purus vehicula porta. Mauris eget mollis turpis. Sed iaculis rutrum pharetra. Vivamus risus quam, suscipit et semper ut, aliquet ut tellus. Donec quis auctor nunc.',
+        socials: [
+          { name: 'GitHub', icon: 'fa6-brands:github', url: '#' },
+          { name: 'Website', icon: 'fa6-solid:globe', url: '#' },
+        ],
+      },
+    ],
   },
   favorites: {
     config: {
@@ -520,19 +551,128 @@ const data: Data = {
     },
     books: {
       title: 'Books I read',
-      data: [],
+      data: [
-    },
+        {
-    medias: {
+          cover: import('@/assets/favorites/books/book-1.jpeg'),
-      title: 'People I learn from',
+          title: 'The Pragmatic Programmer: From Journeyman to Master',
-      data: [],
+          author: 'Andy Hunt, Dave Thomas',
+          url: 'https://www.goodreads.com/book/show/4099.The_Pragmatic_Programmer',
+        },
+        {
+          cover: import('@/assets/favorites/books/book-2.jpeg'),
+          title: 'Domain-Driven Design: Tackling Complexity in the Heart of Software',
+          author: 'Eric Evans',
+          url: 'https://www.goodreads.com/book/show/179133.Domain_Driven_Design',
+        },
+        {
+          cover: import('@/assets/favorites/books/book-3.jpeg'),
+          title: 'Clean Code: A Handbook of Agile Software Craftsmanship',
+          author: 'Robert C. Martin',
+          url: 'https://www.goodreads.com/book/show/3735293-clean-code',
+        },
+        {
+          cover: import('@/assets/favorites/books/book-4.jpeg'),
+          title: 'The Clean Coder: A Code of Conduct for Professional Programmers',
+          author: 'Robert C. Martin',
+          url: 'https://www.goodreads.com/book/show/10284614-the-clean-coder',
+        },
+      ],
     },
     people: {
-      title: 'Videos I watched',
+      title: 'People I learn from',
-      data: [],
+      data: [
+        {
+          image: import('@/assets/favorites/people/person-1.jpg'),
+          name: 'Kent C. Dodds',
+          url: 'https://kentcdodds.com/',
+        },
+        {
+          image: import('@/assets/favorites/people/person-2.jpeg'),
+          name: 'Kent Beck',
+          url: 'https://www.kentbeck.com/',
+        },
+        {
+          image: import('@/assets/favorites/people/person-3.jpeg'),
+          name: 'Eric Evans',
+          url: 'https://www.domainlanguage.com/',
+        },
+        {
+          image: import('@/assets/favorites/people/person-4.jpeg'),
+          name: 'Martin Fowler',
+          url: 'https://martinfowler.com/',
+        },
+        {
+          image: import('@/assets/favorites/people/person-5.jpg'),
+          name: 'Robert C. Martin',
+          url: 'http://cleancoder.com/',
+        },
+        {
+          image: import('@/assets/favorites/people/person-6.jpeg'),
+          name: 'Adam Dymitruk',
+          url: 'https://eventmodeling.org/',
+        },
+      ],
     },
     videos: {
+      title: 'Videos I watched',
+      data: [
+        {
+          thumbnail: import('@/assets/favorites/videos/video-1.jpeg'),
+          title: 'Building Resilient Frontend Architecture • Monica Lent • GOTO 2019',
+          url: 'https://youtu.be/TqfbAXCCVwE',
+        },
+        {
+          thumbnail: import('@/assets/favorites/videos/video-2.jpeg'),
+          title: 'Scaling Yourself • Scott Hanselman • GOTO 2012',
+          url: 'https://youtu.be/FS1mnISoG7U',
+        },
+        {
+          thumbnail: import('@/assets/favorites/videos/video-3.jpeg'),
+          title: "Why Isn't Functional Programming the Norm? - Richard Feldman",
+          url: 'https://youtu.be/QyJZzq0v7Z4',
+        },
+      ],
+    },
+    medias: {
       title: 'Media I follow',
-      data: [],
+      data: [
+        {
+          image: import('@/assets/favorites/media/media-1.jpeg'),
+          title: 'Fireship.io',
+          type: 'YouTube channel',
+          url: 'https://www.youtube.com/c/Fireship',
+        },
+        {
+          image: import('@/assets/favorites/media/media-2.jpeg'),
+          title: 'Healthy Software Developer',
+          type: 'YouTube channel',
+          url: 'https://www.youtube.com/channel/UCfe_znKY1ukrqlGActlFmaQ',
+        },
+        {
+          image: import('@/assets/favorites/media/media-3.png'),
+          title: 'Bytes',
+          type: 'Newsletter',
+          url: 'https://bytes.dev/',
+        },
+        {
+          image: import('@/assets/favorites/media/media-4.png'),
+          title: 'TypeScript Weekly',
+          type: 'Newsletter',
+          url: 'https://typescript-weekly.com/',
+        },
+        {
+          image: import('@/assets/favorites/media/media-5.jpeg'),
+          title: 'Front End Happy Hour',
+          type: 'Podcast',
+          url: 'https://www.frontendhappyhour.com/',
+        },
+        {
+          image: import('@/assets/favorites/media/media-6.webp'),
+          title: '.cult by Honeypot',
+          type: 'Blog',
+          url: 'https://cult.honeypot.io/',
+        },
+      ],
     },
   },
 };

src/types/testimonials-section.ts

@@ -1,10 +1,11 @@
-import type { LocalImage, SectionConfig } from './common';
+import type { LocalImage, SectionConfig, Social } from './common';
 
 interface Testimonial {
   image: LocalImage;
   author: string;
   relation: string;
   content: string;
+  socials: Social[];
 }
 
 export interface TestimonialsSection {