1"use client";
2
3import { Button } from "@/components/ui/button";
4import { Separator } from "@/components/ui/separator";
5import { Github, Twitter, Linkedin, Mail } from "lucide-react";
6
7export function FooterBlock1() {
8  return (
9    <footer className="w-full border-t bg-background">
10      <div className="container mx-auto px-4 md:px-6 py-12">
11        <div className="flex flex-col items-center space-y-8 text-center">
12          <div className="space-y-4">
13            <h3 className="text-2xl font-bold">Stay Connected</h3>
14            <p className="text-muted-foreground max-w-md">
15              Follow us on social media for the latest updates, tips, and
16              community highlights.
17            </p>
18          </div>
19
20          <div className="flex items-center gap-4">
21            <Button variant="ghost" size="icon" asChild>
22              <a href="#" aria-label="GitHub">
23                <Github className="h-5 w-5" />
24              </a>
25            </Button>
26            <Button variant="ghost" size="icon" asChild>
27              <a href="#" aria-label="Twitter">
28                <Twitter className="h-5 w-5" />
29              </a>
30            </Button>
31            <Button variant="ghost" size="icon" asChild>
32              <a href="#" aria-label="LinkedIn">
33                <Linkedin className="h-5 w-5" />
34              </a>
35            </Button>
36            <Button variant="ghost" size="icon" asChild>
37              <a href="#" aria-label="Email">
38                <Mail className="h-5 w-5" />
39              </a>
40            </Button>
41          </div>
42
43          <Separator className="w-full max-w-md" />
44
45          <div className="space-y-2">
46            <p className="text-sm text-muted-foreground">
47              © 2024 Your Company. All rights reserved.
48            </p>
49            <div className="flex items-center gap-4 text-sm">
50              <a
51                href="#"
52                className="text-muted-foreground hover:text-foreground transition-colors"
53              >
54                Privacy Policy
55              </a>
56              <a
57                href="#"
58                className="text-muted-foreground hover:text-foreground transition-colors"
59              >
60                Terms of Service
61              </a>
62              <a
63                href="#"
64                className="text-muted-foreground hover:text-foreground transition-colors"
65              >
66                Contact
67              </a>
68            </div>
69          </div>
70        </div>
71      </div>
72    </footer>
73  );
74}