shishantbiswas/JustAnime
1
0
Fork 0
mirror of https://github.com/JustAnimeCore/JustAnime.git synced 2026-04-17 22:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

footer is now looking good

Browse Source
This commit is contained in:
Tejas Panchal
2025-07-27 17:29:33 +05:30
parent 27b27c13bd
commit 5a848f9ac6
6 changed files with 279 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/pages/contact/Contact.jsx Normal file
View File

@@ -0,0 +1,49 @@
import React from 'react';
import website_name from '@/src/config/website.js';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faDiscord, faGithub } from "@fortawesome/free-brands-svg-icons";
import { faPaperPlane } from "@fortawesome/free-solid-svg-icons";
function Contact() {
return (
<div className="max-w-4xl mx-auto px-4 py-8">
<h1 className="text-2xl font-bold mb-6">Contact Us</h1>
<div className="space-y-8 text-white/60">
<p>
Get in touch with the {website_name} team through any of the following platforms:
</p>
<div className="flex flex-wrap gap-6">
<a
href="https://t.me/zenime_discussion"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-3 px-4 py-3 bg-white/5 hover:bg-white/10 rounded-lg transition-colors group"
>
<FontAwesomeIcon icon={faPaperPlane} className="text-xl text-white/60 group-hover:text-white" />
<span className="text-white/60 group-hover:text-white">Join our Telegram</span>
</a>
<a
href="#"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-3 px-4 py-3 bg-white/5 hover:bg-white/10 rounded-lg transition-colors group"
>
<FontAwesomeIcon icon={faDiscord} className="text-xl text-white/60 group-hover:text-white" />
<span className="text-white/60 group-hover:text-white">Join Discord Server</span>
</a>
<a
href="#"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-3 px-4 py-3 bg-white/5 hover:bg-white/10 rounded-lg transition-colors group"
>
<FontAwesomeIcon icon={faGithub} className="text-xl text-white/60 group-hover:text-white" />
<span className="text-white/60 group-hover:text-white">GitHub</span>
</a>
</div>
</div>
</div>
);
}
export default Contact;