"use client"; import { usePathname } from "next/navigation"; import { name, contact, location } from "~/lib/data"; import { ImageWithSkeleton } from "~/components/ui/image-with-skeleton"; export function Sidebar() { const pathname = usePathname(); const isHomePage = pathname === "/"; return ( <> {/* Mobile layout - horizontal intro bar only on home page */} {isHomePage && (

{name[0]?.first} {name[0]?.last}

{location.map((item) => ( {item.icon && } {item.label} ))}

Contact

{contact.map((item) => ( {item.label} ))}
)} {/* Desktop layout - pinned sidebar */}
{/* Profile Section */}

{name[0]?.first} {name[0]?.last}

{location.map((item) => ( {item.label} ))}
{/* Contact Links Section */}
{contact.map((item) => ( {item.label} ))}
{/* Footer */}

© {new Date().getFullYear()} {name[0]?.first} {name[0]?.last}

); }