aidan/aidxnCC
1
1
Fork 0
mirror of https://github.com/ihatenodejs/aidxnCC.git synced 2025-04-25 05:55:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

ref: separate and refactor contact page

Browse Source
This commit is contained in:
GiovaniFZ 2025-03-16 20:47:43 -03:00
parent 2cfca67822
commit fe332a8a9f
No known key found for this signature in database
GPG Key ID: 63DD92181B575322
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
components/pages/Contact.tsx
View File

@ -4,6 +4,15 @@ import { Phone } from 'lucide-react'
import ContactButton from '../objects/ContactButton' import ContactButton from '../objects/ContactButton'
export default function Contact() { export default function Contact() {
const firstSectionStrings = ["I do a lot of things during the day and I'm not always able to respond to messages right away. Please be patient and remember not to demand things from me... Somehow this is an issue for people :(", "For the best chance of a response, please send me a message on Telegram. If you've made a pull request on one of my repos, I will most likely respond by the next day. If you've sent me an email, I will most likely respond within three days or less."]
const secondSectionStrings = ["I have a phone number listed above. Please do not call or text me unless you absolutely need to. I will likely not respond, or use an automated recording system to handle your call. No, I haven't provided you my real phone number. I may be able to respond to your call/text, just know this is not checked/used often.", "If you need to get in touch with me, please send me a message on Telegram or an email."]
const sections = [
{ title: "I'm a busy person", texts: firstSectionStrings },
{ title: "A note about calling and texting", texts: secondSectionStrings },
]
const contactButtonLabels = ["ihatenodejs", "@p0ntu5", "@aidxn.cc", "(802) 416-9516", "aidan@p0ntus.com"]
const contactButtonHrefs = ["https://github.com/ihatenodejs", "https://t.me/p0ntu5", "https://bsky.app/profile/aidxn.cc", "tel:+18024169516", "mailto:aidan@p0ntus.com"]
const contactButtonIcons = [faGithub, faTelegram, faBluesky, faPhone, faEnvelope]
return ( return (
<div className="max-w-2xl mx-auto text-center"> <div className="max-w-2xl mx-auto text-center">
<div className='mb-6 flex justify-center'> <div className='mb-6 flex justify-center'>
@ -13,28 +22,21 @@ export default function Contact() {
Contact Contact
</h1> </h1>
<div className="p-6 space-y-4"> <div className="p-6 space-y-4">
<ContactButton href="https://github.com/ihatenodejs" icon={faGithub} label="ihatenodejs" className="mr-3" /> {contactButtonLabels.map((label, index) => (
<ContactButton href="https://t.me/p0ntu5" icon={faTelegram} label="@p0ntu5" className="mr-3" /> <ContactButton key={index} label={label} href={contactButtonHrefs[index]} icon={contactButtonIcons[index]} className='mr-3'></ContactButton>
<ContactButton href="https://bsky.app/profile/aidxn.cc" icon={faBluesky} label="@aidxn.cc" className="mr-3" /> ))
<ContactButton href="tel:+18024169516" icon={faPhone} label="(802) 416-9516" className="mr-3" /> }
<ContactButton href="mailto:aidan@p0ntus.com" icon={faEnvelope} label="aidan@p0ntus.com" className="" />
</div> </div>
<div className="p-6">
<h2 className="text-2xl font-semibold mb-4 text-gray-200">I&apos;m a busy person</h2> {sections.map((section, sectionIndex) => (
<p className="text-gray-300 mb-4"> <div key={sectionIndex}>
I do a lot of things during the day and I&apos;m not always able to respond to messages right away. Please be patient and remember not to demand things from me... Somehow this is an issue for people :( <h2 className="text-2xl font-semibold mb-4 text-gray-200 mt-10">{section.title}</h2>
</p> {section.texts.map((text, index) => (
<p className="text-gray-300 mb-10"> <p key={index} className="text-gray-300 mb-4">{text}</p>
For the best chance of a response, please send me a message on Telegram. If you&apos;ve made a pull request on one of my repos, I will most likely respond by the next day. If you&apos;ve sent me an email, I will most likely respond within three days or less. ))}
</p>
<h2 className="text-2xl font-semibold mb-4 text-gray-200">A note about calling and texting</h2>
<p className="text-gray-300 mb-4">
I have a phone number listed above. Please do not call or text me unless you absolutely need to. I will likely not respond, or use an automated recording system to handle your call. No, I haven&apos;t provided you my real phone number. I may be able to respond to your call/text, just know this is not checked/used often.
</p>
<p className="text-gray-300 mb-4">
If you need to get in touch with me, please send me a message on Telegram or an email.
</p>
</div> </div>
))
}
</div> </div>
) )
} }