footer-3

1"use client";
2import { ArrowRight } from "lucide-react";
3import { cn } from "@/lib/utils";
4 
5export function Footer() {
6  return (
7    <footer className="border-t bg-[radial-gradient(35%_128px_at_50%_0%,theme(backgroundColor.white/8%),transparent)]">
8      <div className="relative mx-auto max-w-5xl px-4">
9        <div className="relative grid grid-cols-1 border-x md:grid-cols-4 md:divide-x">
10          <div>
11            <SocialCard className="border-t-0" href="#" title="Facebook" />
12            <LinksGroup
13              links={[
14                { title: "Pricing", href: "#" },
15                { title: "Testimonials", href: "#" },
16                { title: "FAQs", href: "#" },
17                { title: "Contact Us", href: "#" },
18                { title: "Blog", href: "#" },
19              ]}
20              title="About Us"
21            />
22          </div>
23          <div>
24            <SocialCard href="#" title="Youtube" />
25            <LinksGroup
26              links={[
27                { title: "Help Center", href: "#" },
28                { title: "Terms", href: "#" },
29                { title: "Privacy", href: "#" },
30                { title: "Security", href: "#" },
31                { title: "Cookie Policy", href: "#" },
32              ]}
33              title="Support"
34            />
35          </div>
36 
37          <div>
38            <SocialCard href="#" title="Twitter" />
39            <LinksGroup
40              links={[
41                { title: "Forum", href: "#" },
42                { title: "Events", href: "#" },
43                { title: "Partners", href: "#" },
44                { title: "Affiliates", href: "#" },
45                { title: "Career", href: "#" },
46              ]}
47              title="Community"
48            />
49          </div>
50          <div>
51            <SocialCard href="#" title="Instagram" />
52            <LinksGroup
53              links={[
54                { title: "Investors", href: "#" },
55                { title: "Terms of Use", href: "#" },
56                { title: "Privacy Policy", href: "#" },
57                { title: "Cookie Policy", href: "#" },
58                { title: "Legal", href: "#" },
59              ]}
60              title="Press"
61            />
62          </div>
63        </div>
64      </div>
65      <div className="flex justify-center border-t p-3">
66        <p className="text-muted-foreground text-xs">
67          &copy; {new Date().getFullYear()} efferd, All rights reserved
68        </p>
69      </div>
70    </footer>
71  );
72}
73 
74type LinksGroupProps = {
75// … truncated