Skip to content

Commit f516409

Browse files
committed
Add social media links and update footer design
1 parent 8fe9a49 commit f516409

File tree

1 file changed

+24
-11
lines changed

1 file changed

+24
-11
lines changed

app/page.tsx

Lines changed: 24 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -138,6 +138,12 @@ const ExperienceTabs = ({ companies }: { companies: Company[] }) => {
138138

139139
export default function Home() {
140140
const email = "harshdave1094@gmail.com";
141+
const socialLinks = {
142+
linkedin: 'https://www.linkedin.com/in/harshdave95',
143+
github: 'https://github.com/coderhd',
144+
instagram: 'https://www.instagram.com/harshh.1995',
145+
twitter: 'https://x.com/harshdave1094',
146+
};
141147
const companies = [
142148
{
143149
name: "Ashutec",
@@ -345,7 +351,7 @@ export default function Home() {
345351
</li>
346352
<li>
347353
<Link
348-
href="https://drive.google.com/file/d/1i50ysw12PS_o5_HyocVlB6qUzbtTLOkg/view"
354+
href="https://drive.google.com/file/d/1a3o0W4aC-PZmn3wF7sNyFoMX4woG28wU/view"
349355
target="_blank"
350356
className="border border-[#64ffda] text-[#64ffda] px-3 py-2 rounded-sm hover:bg-[#64ffda]/10 transition-colors"
351357
>
@@ -426,7 +432,7 @@ export default function Home() {
426432
</li>
427433
<li className="w-full text-center mt-6">
428434
<Link
429-
href="https://drive.google.com/file/d/1i50ysw12PS_o5_HyocVlB6qUzbtTLOkg/view"
435+
href="https://drive.google.com/file/d/1a3o0W4aC-PZmn3wF7sNyFoMX4woG28wU/view"
430436
target="_blank"
431437
className="border border-[#64ffda] text-[#64ffda] px-8 py-4 rounded-sm hover:bg-[#64ffda]/10 transition-colors inline-block text-base"
432438
>
@@ -440,16 +446,16 @@ export default function Home() {
440446

441447
{/* Side social links - hidden on small screens */}
442448
<div className={`fixed left-8 bottom-0 md:flex flex-col items-center gap-6 after:content-[''] after:w-[1px] after:h-24 after:bg-gray-400 after:mt-6 ${isLoading ? 'opacity-0' : 'opacity-100 animate-fadeIn'} hidden`}>
443-
<Link href="#" className="hover:text-[#64ffda] transition-colors p-2 duration-200">
449+
<Link href={socialLinks.linkedin} target="_blank" className="hover:text-[#64ffda] transition-colors p-2 duration-200">
444450
<Linkedin size={20} />
445451
</Link>
446-
<Link href="#" className="hover:text-[#64ffda] transition-colors p-2 duration-200">
452+
<Link href={socialLinks.github} target="_blank" className="hover:text-[#64ffda] transition-colors p-2 duration-200">
447453
<Github size={20} />
448454
</Link>
449-
<Link href="#" className="hover:text-[#64ffda] transition-colors p-2 duration-200">
455+
<Link href={socialLinks.instagram} target="_blank" className="hover:text-[#64ffda] transition-colors p-2 duration-200">
450456
<Instagram size={20} />
451457
</Link>
452-
<Link href="#" className="hover:text-[#64ffda] transition-colors p-2 duration-200">
458+
<Link href={socialLinks.twitter} target="_blank" className="hover:text-[#64ffda] transition-colors p-2 duration-200">
453459
<Twitter size={20} />
454460
</Link>
455461
</div>
@@ -705,16 +711,16 @@ export default function Home() {
705711
>
706712
{/* Mobile social links (visible only on mobile) */}
707713
<div className="flex items-center justify-center gap-6 mb-3 md:hidden">
708-
<Link href="#" className="text-[#0c192f] transition-colors p-1">
714+
<Link href={socialLinks.linkedin} target="_blank" className="text-[#0c192f] transition-colors p-1">
709715
<Linkedin size={18} />
710716
</Link>
711-
<Link href="#" className="text-[#0c192f] transition-colors p-1">
717+
<Link href={socialLinks.github} target="_blank" className="text-[#0c192f] transition-colors p-1">
712718
<Github size={18} />
713719
</Link>
714-
<Link href="#" className="text-[#0c192f] transition-colors p-1">
720+
<Link href={socialLinks.instagram} target="_blank" className="text-[#0c192f] transition-colors p-1">
715721
<Instagram size={18} />
716722
</Link>
717-
<Link href="#" className="text-[#0c192f] transition-colors p-1">
723+
<Link href={socialLinks.twitter} target="_blank" className="text-[#0c192f] transition-colors p-1">
718724
<Twitter size={18} />
719725
</Link>
720726
</div>
@@ -729,7 +735,14 @@ export default function Home() {
729735
document.getElementById('footer-container')?.classList.add('bg-[#64ffda]');
730736
}}
731737
>
732-
Designed & Built By Harsh Dave
738+
<a
739+
href="https://github.com/coderhd/coderhd.github.io"
740+
target="_blank"
741+
rel="noopener noreferrer"
742+
className="text-inherit"
743+
>
744+
Designed & Built By Harsh Dave
745+
</a>
733746
</span>
734747
</footer>
735748
</div>

0 commit comments

Comments
 (0)