beau/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Extract contact me section to component

Browse Source
This commit is contained in:
Beau Findlay
2024-04-30 20:53:07 +01:00
parent 8e0ae68e69
commit eb05b1f7b5
2 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/Client/src/components/ContactMe.tsx Normal file
View File

@@ -0,0 +1,16 @@
import { FaRegPaperPlane } from "react-icons/fa6";
import Text from "../components/Text";
export default function ContactMe() {
return (
<div className="mb-10 mt-12 text-center">
<Text>If you think I can help with your project...</Text>
<a
href="mailto:me@beaufindlay.com"
className="inline-flex items-center border-0 ring-1 ring-inset ring-gray-300 bg-black px-3.5 py-2.5 mt-2 text-sm font-semibold text-white shadow hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600"
>
Get in touch <FaRegPaperPlane className="ml-2" />
</a>
</div>
);
}

13
src/Client/src/pages/WorkPage.tsx
View File

@@ -1,5 +1,4 @@
import { FaRegPaperPlane } from "react-icons/fa6";
import Text from "../components/Text";
import ContactMe from "../components/ContactMe";
import Title from "../components/Title";
import WorkTimeline from "../components/WorkTimeline";
@@ -11,15 +10,7 @@ export default function WorkPage() {
Freelance Software Engineer since 2018
</p>
<WorkTimeline />
<div className="mb-10 mt-12 text-center">
<Text>If you think I can help with your project...</Text>
<a
href="mailto:me@beaufindlay.com"
className="inline-flex items-center border-0 ring-1 ring-inset ring-gray-300 bg-black px-3.5 py-2.5 mt-2 text-sm font-semibold text-white shadow hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600"
>
Get in touch <FaRegPaperPlane className="ml-2" />
</a>
</div>
<ContactMe />
</>
);
}