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

fix-contact #9

Merged
seccodesmith merged 5 commits from fix-contact into main 2025-05-27 11:53:44 +00:00
Conversation 0 Commits 5 Files Changed 11
+35 -46
2 changed files with 35 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 6b9522153f - Show all commits
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
+34 -46
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,53 +51,41 @@ export const Contact = () => {
</div> </div>
</div> </div>
{/* Connect Through Socials */} {
<div className="card"> data.socialLinks.length > 0 && (
<div className="card-body p-4"> <div className="card">
<div className="contact-card"> <div className="card-body p-4">
<div className="contact-icon"> <div className="contact-card">
<i className="fas fa-link"></i> <div className="contact-icon">
</div> <i className="fas fa-link"></i>
<h3 className="contact-title">Connect Through the Ether</h3> </div>
<div className="contact-content"> <h3 className="contact-title">Connect Through the Ether</h3>
<p>You can also reach me through these digital pathways:</p> <div className="contact-content">
<div className="social-grid"> <p>You can also reach me through these digital pathways:</p>
<a href="#" className="social-item"> <div className="social-grid">
<i className="fab fa-github social-icon-lg"></i> {data.socialLinks.map((link, index) => (
<span className="social-name">GitHub</span>
</a> <a key={index} href={link.url} className="social-item">
<a href="#" className="social-item"> <i className={`${link.icon} social-icon-lg`}></i>
<i className="fab fa-linkedin social-icon-lg"></i> <span className="social-name">{link.platform}</span>
<span className="social-name">LinkedIn</span> </a>
</a>
<a href="#" className="social-item"> ))}
<i className="fab fa-twitter social-icon-lg"></i> </div>
<span className="social-name">Twitter</span> </div>
</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>
</div> </div>
</div> </div>
</div> </div>
</div> )
</div> }
</div> </div>
</div> </div>
</div> </div>
</section> </section >
{/* FAQ Section */} {/* FAQ Section */}
<section className="py-5 bg-dark"> < section className="py-5 bg-dark" >
<div className="container"> <div className="container">
<div className="row mb-4"> <div className="row mb-4">
<div className="col-12 text-center"> <div className="col-12 text-center">
@@ -140,10 +128,10 @@ export const Contact = () => {
</div> </div>
</div> </div>
</div> </div>
</section> </section >
{/* Map Section */} {/* Map Section */}
<section className="py-5"> < section className="py-5" >
<div className="container"> <div className="container">
<div className="row mb-4"> <div className="row mb-4">
<div className="col-12 text-center"> <div className="col-12 text-center">
@@ -165,7 +153,7 @@ export const Contact = () => {
</div> </div>
</div> </div>
</div> </div>
</section> </section >
</> </>
); );
}; };