diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 266fbc7..277caf4 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -5,7 +5,8 @@ import { GitBranchIcon, IdCardIcon, LocateFixedIcon, - MailIcon + MailIcon, + PhoneIcon } from 'lucide-react' import { Reveal } from '@/components/atoms/reveal' import { AboutDetails } from '@/components/organisms/about-details' @@ -108,6 +109,11 @@ const AboutPage = () => { title="Get in Touch" channelEntries={[ { href: `mailto:${tony.extended?.email}`, icon: MailIcon, label: 'tony@tko.dev' }, + { + href: `tel:${tony.extended?.phone?.replace(/[^+\d]/g, '')}`, + icon: PhoneIcon, + label: tony.extended?.phone ?? '' + }, { href: tony.extended?.linkedin ?? '#', icon: ContactIcon, label: 'LinkedIn' }, { href: tony.extended?.resume ?? '#', icon: IdCardIcon, label: 'Resume' }, { href: tony.extended?.github ?? '#', icon: GitBranchIcon, label: 'GitHub' } diff --git a/src/app/design/page.tsx b/src/app/design/page.tsx index 629a366..63d0e37 100644 --- a/src/app/design/page.tsx +++ b/src/app/design/page.tsx @@ -6,6 +6,7 @@ import { IdCardIcon, MailIcon, PanelBottomIcon, + PhoneIcon, PresentationIcon } from 'lucide-react' import { @@ -189,6 +190,11 @@ const DesignPage = () => { const channelEntries = [ { href: `mailto:${tony.extended?.email}`, icon: MailIcon, label: 'tony@tko.dev' }, + { + href: `tel:${tony.extended?.phone?.replace(/[^+\d]/g, '')}`, + icon: PhoneIcon, + label: tony.extended?.phone ?? '' + }, { href: tony.extended?.linkedin ?? '#', icon: ContactIcon, label: 'LinkedIn' }, { href: tony.extended?.resume ?? '#', icon: IdCardIcon, label: 'Resume' }, { href: tony.extended?.github ?? '#', icon: GitBranchIcon, label: 'GitHub' } diff --git a/src/app/experience/page.tsx b/src/app/experience/page.tsx index f66e3da..601425c 100644 --- a/src/app/experience/page.tsx +++ b/src/app/experience/page.tsx @@ -1,6 +1,6 @@ import Link from 'next/link' import { formatInTimeZone } from 'date-fns-tz' -import { ContactIcon, GitBranchIcon, IdCardIcon, MailIcon } from 'lucide-react' +import { ContactIcon, GitBranchIcon, IdCardIcon, MailIcon, PhoneIcon } from 'lucide-react' import { Button } from '@/components/atoms/button' import { Reveal } from '@/components/atoms/reveal' import { type LogEntry } from '@/components/molecules/log' @@ -146,6 +146,11 @@ const ExperiencePage = () => { title="Get in Touch" channelEntries={[ { href: `mailto:${tony.extended?.email}`, icon: MailIcon, label: 'tony@tko.dev' }, + { + href: `tel:${tony.extended?.phone?.replace(/[^+\d]/g, '')}`, + icon: PhoneIcon, + label: tony.extended?.phone ?? '' + }, { href: tony.extended?.linkedin ?? '#', icon: ContactIcon, label: 'LinkedIn' }, { href: tony.extended?.resume ?? '#', icon: IdCardIcon, label: 'Resume' }, { href: tony.extended?.github ?? '#', icon: GitBranchIcon, label: 'GitHub' } diff --git a/src/app/page.tsx b/src/app/page.tsx index 8f987ed..d637c76 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,7 +5,8 @@ import { GitBranchIcon, IdCardIcon, MailIcon, - Palette + Palette, + PhoneIcon } from 'lucide-react' import { Reveal } from '@/components/atoms/reveal' import { GlobalContact } from '@/components/organisms/global-contact' @@ -113,6 +114,11 @@ const HomePage = () => { title="Get in Touch" channelEntries={[ { href: `mailto:${tony.extended?.email}`, icon: MailIcon, label: 'tony@tko.dev' }, + { + href: `tel:${tony.extended?.phone?.replace(/[^+\d]/g, '')}`, + icon: PhoneIcon, + label: tony.extended?.phone ?? '' + }, { href: tony.extended?.linkedin ?? '#', icon: ContactIcon, label: 'LinkedIn' }, { href: tony.extended?.resume ?? '#', icon: IdCardIcon, label: 'Resume' }, { href: tony.extended?.github ?? '#', icon: GitBranchIcon, label: 'GitHub' } diff --git a/src/app/works/[workId]/page.tsx b/src/app/works/[workId]/page.tsx index be41594..e0cffc6 100644 --- a/src/app/works/[workId]/page.tsx +++ b/src/app/works/[workId]/page.tsx @@ -1,7 +1,14 @@ import { type Metadata } from 'next' import { notFound } from 'next/navigation' import { formatInTimeZone } from 'date-fns-tz' -import { ContactIcon, GitBranchIcon, IdCardIcon, MailIcon, PresentationIcon } from 'lucide-react' +import { + ContactIcon, + GitBranchIcon, + IdCardIcon, + MailIcon, + PhoneIcon, + PresentationIcon +} from 'lucide-react' import { Reveal } from '@/components/atoms/reveal' import { GlobalContact } from '@/components/organisms/global-contact' import { ProjectHero } from '@/components/organisms/project-hero' @@ -161,6 +168,11 @@ const WorkDetailPage = async (props: PageProps) => { title="Get in Touch" channelEntries={[ { href: `mailto:${tony.extended?.email}`, icon: MailIcon, label: 'tony@tko.dev' }, + { + href: `tel:${tony.extended?.phone?.replace(/[^+\d]/g, '')}`, + icon: PhoneIcon, + label: tony.extended?.phone ?? '' + }, { href: tony.extended?.linkedin ?? '#', icon: ContactIcon, label: 'LinkedIn' }, { href: tony.extended?.resume ?? '#', icon: IdCardIcon, label: 'Resume' }, { href: tony.extended?.github ?? '#', icon: GitBranchIcon, label: 'GitHub' } diff --git a/src/app/works/page.tsx b/src/app/works/page.tsx index 595034a..4520651 100644 --- a/src/app/works/page.tsx +++ b/src/app/works/page.tsx @@ -1,4 +1,4 @@ -import { ContactIcon, GitBranchIcon, IdCardIcon, MailIcon, Palette } from 'lucide-react' +import { ContactIcon, GitBranchIcon, IdCardIcon, MailIcon, Palette, PhoneIcon } from 'lucide-react' import { GlobalContact } from '@/components/organisms/global-contact' import { ProjectsArchived } from '@/components/organisms/projects-archived' import { ProjectsFeatured } from '@/components/organisms/projects-featured' @@ -78,6 +78,11 @@ const WorksPage = () => { title="Get in Touch" channelEntries={[ { href: `mailto:${tony.extended?.email}`, icon: MailIcon, label: 'tony@tko.dev' }, + { + href: `tel:${tony.extended?.phone?.replace(/[^+\d]/g, '')}`, + icon: PhoneIcon, + label: tony.extended?.phone ?? '' + }, { href: tony.extended?.linkedin ?? '#', icon: ContactIcon, label: 'LinkedIn' }, { href: tony.extended?.resume ?? '#', icon: IdCardIcon, label: 'Resume' }, { href: tony.extended?.github ?? '#', icon: GitBranchIcon, label: 'GitHub' }