Add more examples

src/components/SecondaryFeatures.jsx

@@ -1,11 +1,23 @@
 import { useId } from 'react'
 import Image from 'next/image'
-import { PencilSquareIcon, PhotoIcon, UserGroupIcon, FaceSmileIcon, SparklesIcon, RocketLaunchIcon } from '@heroicons/react/20/solid'
+import {
+  PencilSquareIcon,
+  PhotoIcon,
+  UserGroupIcon,
+  FaceSmileIcon,
+  SparklesIcon,
+  RocketLaunchIcon,
+  ChatBubbleLeftEllipsisIcon, TableCellsIcon, QuestionMarkCircleIcon
+} from '@heroicons/react/20/solid'
 import editing from '@/images/examples/editing.png'
 import composingMedia from '@/images/examples/composing-media.png'
 import reactions from '@/images/examples/reactions.png'
 import mfm from '@/images/examples/mfm.png'
 import replies from '@/images/examples/replies.png'
+import quote from '@/images/examples/quote.png'
+import masto from '@/images/examples/masto.png'
+import polls from '@/images/examples/polls.png'
+import speed from '@/images/examples/speed.png'
 import { Container } from '@/components/Container'
 
 const features = [
@@ -44,11 +56,30 @@ const features = [
     icon: PencilSquareIcon,
     image: editing
   },
+  {
+    name: 'Quote your friends',
+    description: 'Want to comment on a post, but not in the same thread? Quote it!',
+    icon: ChatBubbleLeftEllipsisIcon,
+    image: quote
+  },
+  {
+    name: 'Create polls',
+    description: 'Want to know what your friends think? Create a poll!',
+    icon: QuestionMarkCircleIcon,
+    image: polls
+  },
+  {
+    name: 'Use the Mastodon Frontend',
+    description: 'Got used to the multi-column layout? Use the Mastodon frontend! It just works (tm)',
+    icon: TableCellsIcon,
+    image: masto
+  },
   {
     name: 'Enjoy a substantial speed upgrade',
     description:
       'Akkoma is consistently 30-50% faster than Pleroma when handling common operations!',
     icon: RocketLaunchIcon,
+    image: speed
   },
 ]