From ff5a2c910ac4658aa78673ef2aee9773d45c86c9 Mon Sep 17 00:00:00 2001
From: r-freeman <hello@ryanfreeman.dev>
Date: Thu, 10 Oct 2024 12:52:27 +0100
Subject: [PATCH] Added another service

---
 app/services/page.tsx                | 11 +++++++++--
 components/icons/ShoppingBagIcon.tsx | 11 +++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 components/icons/ShoppingBagIcon.tsx

diff --git a/app/services/page.tsx b/app/services/page.tsx
index 20bc13f..3d90d4a 100644
--- a/app/services/page.tsx
+++ b/app/services/page.tsx
@@ -8,10 +8,12 @@ import {CodeIcon} from '@/components/icons/CodeIcon'
 import {ShieldIcon} from '@/components/icons/ShieldIcon'
 import {EmailIcon} from '@/components/icons/EmailIcon'
 import {RocketIcon} from '@/components/icons/RocketIcon'
+import {ShoppingBagIcon} from '@/components/icons/ShoppingBagIcon'
 
 export const metadata = {
     title: 'Services - Ryan Freeman',
-    description: 'Whether you need a WordPress website, React app, AWS support or odd coding jobs, I\'m here to help. As an experienced software engineer, I produce high-quality software that will deliver immediate value for you and your customers.'
+    description: 'Whether you need a WordPress website, React app, AWS support or odd coding jobs, I\'m here to help. ' +
+        'As an experienced software engineer, I produce high-quality software that will deliver immediate value for you and your customers.'
 }
 
 type Services = {
@@ -32,7 +34,7 @@ const iconStyles = `
     group-hover:stroke-indigo-500
 `
 
-export default async function Services() {
+export default function Services() {
     const services: Services[] = [
         {
             title: 'AWS',
@@ -44,6 +46,11 @@ export default async function Services() {
             description: 'Not all database technologies are the same, I\'ll help you choose the right database for your use case.',
             icon: () => <DatabaseIcon className={iconStyles}/>
         },
+        {
+            title: 'Ecommerce',
+            description: 'From WooCommerce to Shopify, I can assist with setting up and managing your online store, allowing you to focus on growing your sales.',
+            icon: () => <ShoppingBagIcon className={iconStyles}/>
+        },
         {
             title: 'WordPress',
             description: 'WordPress is the de-facto software for building SEO-friendly websites, together we can achieve top rankings in Google search results.',
diff --git a/components/icons/ShoppingBagIcon.tsx b/components/icons/ShoppingBagIcon.tsx
new file mode 100644
index 0000000..78832b8
--- /dev/null
+++ b/components/icons/ShoppingBagIcon.tsx
@@ -0,0 +1,11 @@
+import {Props} from '@/types'
+
+export function ShoppingBagIcon(props: Props) {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor"
+             {...props}>
+            <path strokeLinecap="round" strokeLinejoin="round"
+                  d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
+        </svg>
+    )
+}
\ No newline at end of file