import Head from 'next/head' import {Card} from '@/components/Card' import {SimpleLayout} from '@/components/SimpleLayout' import {Props} from 'types' type Project = { name: string description: string link: { href: string label: string } } const projects: Project[] = [ { name: 'Portfolio', description: 'This is my personal website built with TypeScript, Next.js, React and Tailwind CSS. It is a customised version of the Spotlight template from Tailwind UI.', link: {href: 'https://github.com/r-freeman/portfolio', label: 'r-freeman/portfolio'}, }, { name: 'Intellagent', description: 'Intellagent is a cloud-based help desk software solution for small business, powered by AI and machine learning.', link: {href: 'https://github.com/r-freeman/intellagent-server', label: 'r-freeman/intellagent-server'}, }, { name: 'Super Mario Run', description: 'Mobile game inspired by Super Mario Bros, built with JavaScript and Phaser.', link: {href: 'https://github.com/r-freeman/super-mario-run', label: 'r-freeman/super-mario-run'}, }, { name: 'ASOS Prototype', description: 'Working prototype of ASOS\' website built in Axure RP 8.', link: {href: 'https://github.com/r-freeman/ASOS-Axure-Prototype', label: 'r-freeman/ASOS-Axure-Prototype'}, }, { name: 'College App', description: 'Full-stack application built with Laravel 6, Vue.js and Tailwind CSS.', link: {href: 'https://github.com/r-freeman/college-app', label: 'r-freeman/college-app'}, } ] function LinkIcon(props: Props) { return ( ) } export default function Projects() { return ( <> Projects - Ryan Freeman ) }