My personal website
renderg.host
1import { Heading } from '@/components/Heading/Heading';
2import { Aside, Layout, Main } from '@/components/Layout/Layout';
3import { Link } from '@/components/Link/Link';
4import { Paragraph } from '@/components/Paragraph/Paragraph';
5import TLDRProfile from '@/components/TLDRProfile/TLDRProfile';
6import type { JSX } from 'react';
7import { Helmet } from 'react-helmet-async';
8
9/**
10 * Main home page component
11 *
12 * @returns JSX element with homepage content
13 */
14export default function HomePage(): JSX.Element {
15 const jsonLd = {
16 '@context': 'https://schema.org',
17 '@type': 'Person',
18 name: 'Barry Prendergast',
19 jobTitle: 'Consulting Design Strategist',
20 url: 'https://renderg.host',
21 address: {
22 '@type': 'PostalAddress',
23 addressLocality: 'Berlin',
24 addressCountry: 'Germany',
25 },
26 sameAs: [
27 'https://bsky.app/profile/renderg.host',
28 'https://linkedin.com/in/barryprendergast',
29 'https://signal.me/#eu/XO_aKC1aE1GZYWdMx7WK7HKGSCfrlpNhlxLGNi774dhiL7qr32BAMrH1BqgChaiM',
30 ],
31 worksFor: {
32 '@type': 'Organization',
33 name: 'Thomas Kuhn Foundation',
34 url: 'https://thomaskuhnfoundation.org/',
35 },
36 knowsAbout: [
37 'Design Strategy',
38 'Service Design',
39 'Product Design',
40 'Systems Thinking',
41 'Human-Centred Design',
42 'Technology',
43 'Science Communication',
44 ],
45 };
46
47 return (
48 <>
49 <Helmet>
50 <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
51 </Helmet>
52
53 <Layout theme="accent">
54 <Main>
55 <div className="flex flex-col gap-16">
56 <Heading level={1} size="2xl">
57 Hi! 👋 I'm Barry Prendergast, a design strategist living in Berlin, Germany.
58 </Heading>
59
60 <Paragraph size="2xl">
61 I <Link href="/about">specialise</Link> in <em>outcome</em>-driven design strategy, practice, and systems
62 for digital products and services.
63 </Paragraph>
64
65 <Paragraph size="2xl">
66 I <Link href="/work">work</Link> with nonprofits and startups to ease their growing pains, and to market
67 faster.
68 </Paragraph>
69
70 <Paragraph size="2xl">
71 I <Link href="/writing">write</Link> about about academia, design, product, science, systems, technology &
72 the messy in-betweens.
73 </Paragraph>
74
75 <Paragraph size="2xl">
76 <Link href="https://cal.com/renderghost" target="_blank" rel="noopener noreferrer">
77 Book a meeting
78 </Link>{' '}
79 with me or let's talk first on{' '}
80 <Link href="https://bsky.app/profile/renderg.host" target="_blank" rel="noopener noreferrer">
81 Bluesky
82 </Link>
83 ,{' '}
84 <Link href="https://linkedin.com/in/barryprendergast" target="_blank" rel="noopener noreferrer">
85 LinkedIn
86 </Link>
87 , or{' '}
88 <Link
89 href="https://signal.me/#eu/XO_aKC1aE1GZYWdMx7WK7HKGSCfrlpNhlxLGNi774dhiL7qr32BAMrH1BqgChaiM"
90 target="_blank"
91 rel="noopener noreferrer"
92 >
93 Signal
94 </Link>
95 .
96 </Paragraph>
97 </div>
98 </Main>
99
100 <Aside>
101 <TLDRProfile />
102 </Aside>
103 </Layout>
104 </>
105 );
106}