Footer 2

1"use client";
2 
3import SmoothButton from "@/components/smoothui/smooth-button";
4import { motion, useReducedMotion } from "motion/react";
5 
6const ANIMATION_DURATION = 0.6;
7const DELAY_INCREMENT = 0.1;
8const HOVER_SCALE = 1.1;
9const TAP_SCALE = 0.9;
10const DELAY_PRODUCT = DELAY_INCREMENT * 2;
11const DELAY_COMPANY = DELAY_INCREMENT * 3;
12const DELAY_SUPPORT = DELAY_INCREMENT * 4;
13const DELAY_LEGAL = DELAY_INCREMENT * 5;
14const DELAY_COPYRIGHT = DELAY_INCREMENT * 6;
15 
16interface FooterComplexProps {
17  companyName?: string;
18  copyright?: string;
19  description?: string;
20  links?: {
21    product?: Array<{ name: string; url: string }>;
22    company?: Array<{ name: string; url: string }>;
23    support?: Array<{ name: string; url: string }>;
24    legal?: Array<{ name: string; url: string }>;
25  };
26  newsletter?: {
27    title: string;
28    description: string;
29    placeholder: string;
30    buttonText: string;
31  };
32  social?: {
33    twitter?: string;
34    linkedin?: string;
35    github?: string;
36    discord?: string;
37    youtube?: string;
38  };
39}
40 
41export function FooterComplex({
42  companyName = "Smoothui",
43  description = "Build beautiful UIs, effortlessly. The modern way to create stunning interfaces with smooth animations.",
44  newsletter = {
45    buttonText: "Subscribe",
46    description: "Get the latest news and updates delivered to your inbox.",
47    placeholder: "Enter your email",
48    title: "Stay updated",
49  },
50  links = {
51    company: [
52      { name: "About Us", url: "#about" },
53      { name: "Blog", url: "#blog" },
54      { name: "Careers", url: "#careers" },
55      { name: "Press Kit", url: "#press" },
56      { name: "Contact", url: "#contact" },
57    ],
58    legal: [
59      { name: "Privacy Policy", url: "#privacy" },
60      { name: "Terms of Service", url: "#terms" },
61      { name: "Cookie Policy", url: "#cookies" },
62      { name: "GDPR", url: "#gdpr" },
63    ],
64    product: [
65      { name: "Features", url: "#features" },
66      { name: "Pricing", url: "#pricing" },
67      { name: "Documentation", url: "#docs" },
68      { name: "API Reference", url: "#api" },
69      { name: "Changelog", url: "#changelog" },
70    ],
71    support: [
72      { name: "Help Center", url: "#help" },
73      { name: "Community", url: "#community" },
74      { name: "Status Page", url: "#status" },
75      { name: "Security", url: "#security" },
76      { name: "Bug Reports", url: "#bugs" },
77    ],
78  },
79  social = {
80    discord: "https://discord.com",
81    github: "https://github.com",
82    linkedin: "https://linkedin.com",
83// … truncated