Footers

1import { Dumbbell, SendIcon } from "lucide-react";
2import Link from "next/link";
3import {
4  InputGroup,
5  InputGroupAddon,
6  InputGroupButton,
7  InputGroupInput
8} from "@/components/ui/input-group";
9import { Separator } from "@/components/ui/separator";
10 
11const Logo = () => {
12  return (
13    <Link href="#" className="flex items-center space-x-2">
14      <img src="/logo.svg" className="size-8 dark:invert" alt="bundui logo" />
15      <span className="text-2xl font-bold">Bundui</span>
16    </Link>
17  );
18};
19 
20export default function FooterSection() {
21  return (
22    <footer className="py-12">
23      <div className="container mx-auto space-y-6 px-4">
24        <div className="grid gap-8 md:grid-cols-4">
25          <div className="space-y-4">
26            <Logo />
27            <p className="text-muted-foreground text-sm">
28              Transform your body, transform your life. Join the FitCore family today.
29            </p>
30          </div>
31          <div className="space-y-4">
32            <h3 className="text-lg font-semibold">Programs</h3>
33            <ul className="[&_li_a]:text-muted-foreground [&_li_a]:hover:text-foreground space-y-2 [&_li_a]:block [&_li_a]:text-sm [&_li_a]:transition-colors [&_li_a]:hover:underline">
34              <li>
35                <Link href="/programs">Strength Training</Link>
36              </li>
37              <li>
38                <Link href="/programs">HIIT Classes</Link>
39              </li>
40              <li>
41                <Link href="/programs">Yoga & Wellness</Link>
42              </li>
43              <li>
44                <Link href="/programs">Personal Training</Link>
45              </li>
46            </ul>
47          </div>
48          <div className="space-y-4">
49            <h3 className="text-lg font-semibold">Company</h3>
50            <ul className="[&_li_a]:text-muted-foreground [&_li_a]:hover:text-foreground space-y-2 [&_li_a]:block [&_li_a]:text-sm [&_li_a]:transition-colors [&_li_a]:hover:underline">
51              <li>
52                <Link href="/about">About Us</Link>
53              </li>
54              <li>
55                <Link href="/trainers">Our Trainers</Link>
56              </li>
57              <li>
58                <Link href="/membership">Membership</Link>
59              </li>
60              <li>
61                <Link href="/contact">Contact</Link>
62              </li>
63            </ul>
64          </div>
65          <div className="space-y-4">
66            <h3 className="text-lg font-semibold">Newsletter</h3>
67// … truncated