seccodesmith/seccodesmith-frontend
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update Contact page to use dynamic email and social links

Browse Source
This commit is contained in:
SecCodeSmith
2025-05-27 12:30:22 +02:00
parent 805bd07eb4
commit 6b9522153f
2 changed files with 35 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/styles/_variables.scss
+1
View File
@@ -9,6 +9,7 @@ $text-ash: #aaaaaa;
$card-bg: #141414; $card-bg: #141414;
$card-border: #2a2a2a; $card-border: #2a2a2a;
$code-bg: #1e1e1e; $code-bg: #1e1e1e;
$font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
// Effects // Effects
$glow-effect: 0 0 10px $accent-fire, 0 0 20px rgba(255, 100, 0, 0.4); $glow-effect: 0 0 10px $accent-fire, 0 0 20px rgba(255, 100, 0, 0.4);
src/pages/Contact.tsx
+16 -28
View File
@@ -36,14 +36,14 @@ export const Contact = () => {
<div className="contact-content"> <div className="contact-content">
<p>For project inquiries or questions:</p> <p>For project inquiries or questions:</p>
<p> <p>
<a href="mailto:forge@seccodesmtih.com" className="contact-link"> <a href={`mailto:${data.email}`} className="contact-link">
forge@seccodesmtih.com {data.email}
</a> </a>
</p> </p>
<p>For business collaborations:</p> <p>For business collaborations:</p>
<p> <p>
<a href="mailto:business@seccodesmtih.com" className="contact-link"> <a href={`mailto:${data.businessEmail}`} className="contact-link">
business@seccodesmtih.com {data.businessEmail}
</a> </a>
</p> </p>
</div> </div>
@@ -51,7 +51,8 @@ export const Contact = () => {
</div> </div>
</div> </div>
{/* Connect Through Socials */} {
data.socialLinks.length > 0 && (
<div className="card"> <div className="card">
<div className="card-body p-4"> <div className="card-body p-4">
<div className="contact-card"> <div className="contact-card">
@@ -62,35 +63,22 @@ export const Contact = () => {
<div className="contact-content"> <div className="contact-content">
<p>You can also reach me through these digital pathways:</p> <p>You can also reach me through these digital pathways:</p>
<div className="social-grid"> <div className="social-grid">
<a href="#" className="social-item"> {data.socialLinks.map((link, index) => (
<i className="fab fa-github social-icon-lg"></i>
<span className="social-name">GitHub</span> <a key={index} href={link.url} className="social-item">
</a> <i className={`${link.icon} social-icon-lg`}></i>
<a href="#" className="social-item"> <span className="social-name">{link.platform}</span>
<i className="fab fa-linkedin social-icon-lg"></i>
<span className="social-name">LinkedIn</span>
</a>
<a href="#" className="social-item">
<i className="fab fa-twitter social-icon-lg"></i>
<span className="social-name">Twitter</span>
</a>
<a href="#" className="social-item">
<i className="fab fa-discord social-icon-lg"></i>
<span className="social-name">Discord</span>
</a>
<a href="#" className="social-item">
<i className="fab fa-telegram social-icon-lg"></i>
<span className="social-name">Telegram</span>
</a>
<a href="#" className="social-item">
<i className="fab fa-stack-overflow social-icon-lg"></i>
<span className="social-name">Stack Overflow</span>
</a> </a>
))}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
)
}
</div> </div>
</div> </div>
</div> </div>