"use client"; import React, { useRef, useState } from "react"; import { motion } from "framer-motion"; import { ArrowUpRight } from "lucide-react"; interface Sticker { id: string; text?: string; type: "pill" | "seal"; x: number; y: number; rotate: number; emoji?: string; } export default function Footer({ className }: { className?: string }) { const constraintsRef = useRef(null); const [_copied, setCopied] = useState(false); const initialStickers: Sticker[] = [ { id: "linkedin", text: "LINKEDIN", type: "pill", x: -140, y: 30, rotate: -8 }, { id: "instagram", text: "INSTAGRAM", type: "pill", x: -40, y: -40, rotate: 12 }, { id: "behance", text: "BEHANCE", type: "pill", x: 40, y: -10, rotate: -4 }, { id: "facebook", text: "FACEBOOK", type: "pill", x: 100, y: 40, rotate: 15 }, { id: "dribbble", text: "DRIBBBLE", type: "pill", x: 130, y: -30, rotate: -12 }, { id: "seal-rock", type: "seal", x: -180, y: -20, rotate: 5, emoji: "\uD83E\uDD18" }, { id: "seal-kiss", type: "seal", x: -80, y: 25, rotate: -15, emoji: "\uD83D\uDC45" }, { id: "seal-heart", type: "seal", x: 210, y: 20, rotate: 18, emoji: "\u26A1" } ]; const handleCopyEmail = () => { navigator.clipboard.writeText("atelier@loungecoffe.com"); setCopied(true); setTimeout(() => setCopied(false), 2500); }; void handleCopyEmail; return ( <>

{/* 1. Giant Editorial Heading: Marquee Ticker */}

{/* Loop Segment 1 */} CONTACTS Lounge Coffe Cup