charlestehio/memefast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
ct
2025-07-15 02:56:39 +08:00
parent d57c75d5d7
commit 31383349c2
8 changed files with 116 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/pages/home/partials/FAQDiscord.jsx
View File

@@ -77,15 +77,17 @@ const FAQDiscord = () => {
</div>
</div>
<a
href="https://discord.gg/YxKPrtPGZ2"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center justify-center gap-2 rounded-full bg-[#5865F2] px-8 py-3 text-lg font-semibold text-white shadow-lg transition-all hover:bg-[#4752C4] hover:shadow-xl focus:ring-2 focus:ring-[#5865F2] focus:ring-offset-2 focus:outline-none"
>
Join Discord
<ExternalLinkIcon className="h-5 w-5" />
</a>
{import.meta.env.VITE_DISCORD_LINK && (
<a
href={import.meta.env.VITE_DISCORD_LINK}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center justify-center gap-2 rounded-full bg-[#5865F2] px-8 py-3 text-lg font-semibold text-white shadow-lg transition-all hover:bg-[#4752C4] hover:shadow-xl focus:ring-2 focus:ring-[#5865F2] focus:ring-offset-2 focus:outline-none"
>
Join Discord
<ExternalLinkIcon className="h-5 w-5" />
</a>
)}
</div>
</div>
</div>

35
resources/js/pages/home/partials/Footer.jsx
View File

@@ -1,5 +1,10 @@
import { Switch } from '@/components/ui/switch';
import { useTheme } from '@/hooks/useTheme';
import { Sun, Moon } from 'lucide-react';
const Footer = () => {
const currentYear = new Date().getFullYear();
const { isDark, toggleTheme } = useTheme();
return (
<section className="pt-10">
@@ -7,7 +12,16 @@ const Footer = () => {
<div className="border-t pt-8">
<div className="flex flex-col items-center justify-between space-y-4 sm:flex-row sm:space-y-0">
<div className="text-muted-foreground text-sm">© {currentYear} MEMEFAST. All rights reserved.</div>
<div className="flex space-x-6">
<div className="flex flex-col items-center space-y-4 sm:flex-row sm:space-y-0 sm:space-x-6">
{/* Theme Toggle */}
<div className="flex items-center space-x-2">
<Sun className="h-4 w-4 text-muted-foreground" />
<Switch id="dark-mode" checked={isDark} onCheckedChange={toggleTheme} />
<Moon className="h-4 w-4 text-muted-foreground" />
</div>
{/* Navigation Links */}
<div className="flex space-x-6">
<a href="/" className="text-muted-foreground hover:text-foreground text-sm transition-colors">
Home
</a>
@@ -17,14 +31,17 @@ const Footer = () => {
<a href="/privacy" className="text-muted-foreground hover:text-foreground text-sm transition-colors">
Privacy
</a>
<a
href="https://discord.gg/YxKPrtPGZ2"
target="_blank"
rel="noopener noreferrer"
className="text-muted-foreground hover:text-foreground text-sm transition-colors"
>
Discord
</a>
{import.meta.env.VITE_DISCORD_LINK && (
<a
href={import.meta.env.VITE_DISCORD_LINK}
target="_blank"
rel="noopener noreferrer"
className="text-muted-foreground hover:text-foreground text-sm transition-colors"
>
Discord
</a>
)}
</div>
</div>
</div>
</div>