ATTUNE-HEART-THERAPY/website
6
0
Fork 0
Code Issues 7 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat/authentication #21

Merged
Hammond merged 12 commits from feat/authentication into master 2025-11-24 22:09:51 +00:00
Conversation 0 Commits 12 Files Changed 27 +21 -10
1 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 72860dc63d - Show all commits

19
components/Footer.tsx
View File

@ -3,6 +3,7 @@
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { Heart, Mail, Phone, MapPin } from "lucide-react"; import { Heart, Mail, Phone, MapPin } from "lucide-react";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import Link from "next/link";
export function Footer() { export function Footer() {
const [isDark, setIsDark] = useState(false); const [isDark, setIsDark] = useState(false);
@ -30,10 +31,11 @@ export function Footer() {
}; };
const quickLinks = [ const quickLinks = [
{ name: 'Home', href: '#home' }, { name: 'Home', href: '#home', isScroll: true },
{ name: 'About', href: '#about' }, { name: 'About', href: '#about', isScroll: true },
{ name: 'Services', href: '#services' }, { name: 'Services', href: '#services', isScroll: true },
{ name: 'Contact', href: '#contact' }, { name: 'Contact', href: '#contact', isScroll: true },
{ name: 'Admin Panel', href: '/login', isScroll: false },
]; ];
return ( return (
@ -88,12 +90,21 @@ export function Footer() {
<ul className="space-y-2"> <ul className="space-y-2">
{quickLinks.map((link) => ( {quickLinks.map((link) => (
<li key={link.name}> <li key={link.name}>
{link.isScroll ? (
<button <button
onClick={() => scrollToSection(link.href.replace('#', ''))} onClick={() => scrollToSection(link.href.replace('#', ''))}
className="text-sm text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer hover:translate-x-1 inline-block transition-transform" className="text-sm text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer hover:translate-x-1 inline-block transition-transform"
> >
{link.name} {link.name}
</button> </button>
) : (
<Link
href={link.href}
className="text-sm text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer hover:translate-x-1 inline-block transition-transform"
>
{link.name}
</Link>
)}
</li> </li>
))} ))}
</ul> </ul>