Update
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import { Switch } from '@/components/ui/switch';
|
||||
import { useTheme } from '@/hooks/useTheme';
|
||||
import { Sun, Moon } from 'lucide-react';
|
||||
import { Moon, Sun } from 'lucide-react';
|
||||
|
||||
const Footer = () => {
|
||||
const currentYear = new Date().getFullYear();
|
||||
@@ -12,35 +12,41 @@ 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="text-muted-foreground text-sm">
|
||||
Made by{' '}
|
||||
<a href="https://x.com/charlestehio" target="_blank" rel="noopener noreferrer">
|
||||
@charlestehio
|
||||
</a>
|
||||
</div>
|
||||
<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" />
|
||||
<Sun className="text-muted-foreground h-4 w-4" />
|
||||
<Switch id="dark-mode" checked={isDark} onCheckedChange={toggleTheme} />
|
||||
<Moon className="h-4 w-4 text-muted-foreground" />
|
||||
<Moon className="text-muted-foreground h-4 w-4" />
|
||||
</div>
|
||||
|
||||
|
||||
{/* Navigation Links */}
|
||||
<div className="flex space-x-6">
|
||||
<a href="/" className="text-muted-foreground hover:text-foreground text-sm transition-colors">
|
||||
Home
|
||||
</a>
|
||||
<a href="/terms" className="text-muted-foreground hover:text-foreground text-sm transition-colors">
|
||||
Terms
|
||||
</a>
|
||||
<a href="/privacy" className="text-muted-foreground hover:text-foreground text-sm transition-colors">
|
||||
Privacy
|
||||
</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 href="/" className="text-muted-foreground hover:text-foreground text-sm transition-colors">
|
||||
Home
|
||||
</a>
|
||||
)}
|
||||
<a href="/terms" className="text-muted-foreground hover:text-foreground text-sm transition-colors">
|
||||
Terms
|
||||
</a>
|
||||
<a href="/privacy" className="text-muted-foreground hover:text-foreground text-sm transition-colors">
|
||||
Privacy
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user