footer-4

1"use client";
2 
3import {
4  FacebookIcon,
5  InstagramIcon,
6  LinkedinIcon,
7  TwitterIcon,
8} from "lucide-react";
9import { Button } from "@/components/ui/button";
10 
11const footerLinks = [
12  {
13    title: "Company",
14    links: [
15      { href: "#", label: "The Linomore Blog" },
16      { href: "#", label: "Engineering Blog" },
17      { href: "#", label: "Marketplace" },
18      { href: "#", label: "What’s New" },
19      { href: "#", label: "About" },
20      { href: "#", label: "Press" },
21      { href: "#", label: "Careers" },
22      { href: "#", label: "Link in Bio" },
23      { href: "#", label: "Social Good" },
24    ],
25  },
26  {
27    title: "Community",
28    links: [
29      { href: "#", label: "Linktree for Enterprise" },
30      { href: "#", label: "2023 Creator Report" },
31      { href: "#", label: "2022 Creator Report" },
32      { href: "#", label: "Charities" },
33      { href: "#", label: "What’s Trending" },
34      { href: "#", label: "Creator Profile Directory" },
35      { href: "#", label: "Explore Templates" },
36    ],
37  },
38  {
39    title: "Support",
40    links: [
41      { href: "#", label: "Help Topics" },
42      { href: "#", label: "Getting Started" },
43      { href: "#", label: "Linoree Pro" },
44      { href: "#", label: "Features & How-tos" },
45      { href: "#", label: "FAQs" },
46      { href: "#", label: "Report a Violation" },
47    ],
48  },
49  {
50    title: "Legal",
51    links: [
52      { href: "#", label: "Terms & Conditions" },
53      { href: "#", label: "Privacy Notice" },
54      { href: "#", label: "Cookie Notice" },
55      { href: "#", label: "Trust Center" },
56      { href: "#", label: "Cookie Preferences" },
57      { href: "#", label: "Transparency Report" },
58      { href: "#", label: "Law Enforcement Access Policy" },
59    ],
60  },
61];
62 
63const socialLinks = [
64  { icon: FacebookIcon, href: "#" },
65  { icon: InstagramIcon, href: "#" },
66  { icon: LinkedinIcon, href: "#" },
67  { icon: TwitterIcon, href: "#" },
68];
69 
70export function Footer() {
71  return (
72    <footer className="border-t">
73      <div className="mx-auto max-w-6xl px-4 lg:px-6">
74        {/* Grid container with headings and links */}
75        <div className="grid grid-cols-2 gap-8 py-8 md:grid-cols-4">
76          {footerLinks.map((item) => (
77            <div key={item.title}>
78              <h3 className="mb-4 text-xs">{item.title}</h3>
79              <ul className="space-y-2 text-muted-foreground text-sm">
80                {item.links.map((link) => (
81                  <li key={link.label}>
82// … truncated