r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-21 20:25:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added another service
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 2m40s
Details

Browse Source
This commit is contained in:
r-freeman 2024-10-10 12:52:27 +01:00
parent 6c0100e9a3
commit ff5a2c910a
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/services/page.tsx
View File

@ -8,10 +8,12 @@ import {CodeIcon} from '@/components/icons/CodeIcon'
import {ShieldIcon} from '@/components/icons/ShieldIcon' import {ShieldIcon} from '@/components/icons/ShieldIcon'
import {EmailIcon} from '@/components/icons/EmailIcon' import {EmailIcon} from '@/components/icons/EmailIcon'
import {RocketIcon} from '@/components/icons/RocketIcon' import {RocketIcon} from '@/components/icons/RocketIcon'
import {ShoppingBagIcon} from '@/components/icons/ShoppingBagIcon'
export const metadata = { export const metadata = {
title: 'Services - Ryan Freeman', 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 = { type Services = {
@ -32,7 +34,7 @@ const iconStyles = `
group-hover:stroke-indigo-500 group-hover:stroke-indigo-500
` `
export default async function Services() { export default function Services() {
const services: Services[] = [ const services: Services[] = [
{ {
title: 'AWS', 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.', description: 'Not all database technologies are the same, I\'ll help you choose the right database for your use case.',
icon: () => <DatabaseIcon className={iconStyles}/> 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', title: 'WordPress',
description: 'WordPress is the de-facto software for building SEO-friendly websites, together we can achieve top rankings in Google search results.', description: 'WordPress is the de-facto software for building SEO-friendly websites, together we can achieve top rankings in Google search results.',

11
components/icons/ShoppingBagIcon.tsx Normal file
View File

@ -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>
)
}