pynboweb/src/components/footer.tsx at bcb5be08e3d7b048683b07b48ff6d49e420a7717 · Python-Nairobi/pynboweb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
const sections = [
  {
    title: "About",
    links: [
      { name: "Overview", href: "/overview" },
      { name: "Schedule", href: "/schedule" },
      { name: "Speakers", href: "/speakers" },
      { name: "Proposal Guidelines", href: "/proposal" },
    ],
  },
  {
    title: "Program",
    links: [
      { name: "What is PyNBO", href: "/what-is-pynbo" },
      { name: "Code of Conduct", href: "/code-of-conduct" },
      { name: "Python Software Foundation", href: "/psf" },
      { name: "Support", href: "/support" },
    ],
  },
  {
    title: "Social",
    links: [
      { name: "Twitter", href: "https://x.com/pythonairobi" },
      { name: "Instagram", href: "https://www.instagram.com/pynbo/?hl=en" },
      { name: "Meetup", href: "https://www.meetup.com/python-nairobi/" },
      { name: "LinkedIn", href: "https://www.linkedin.com/groups/13625530/" },
    ],
  },
];

export default function Footer() {
  return (
    <section className="border-t relative overflow-hidden py-10">
      <div className="container mx-auto max-w-7xl px-8">
        <footer>
          <div className="grid grid-cols-2 gap-8 lg:grid-cols-6">
            <div className="col-span-2 mb-8 lg:mb-0">
              <img
                src="https://upload.wikimedia.org/wikipedia/commons/c/c3/Python-logo-notext.svg"
                alt="logo"
                className="mb-4 h-10"
              />
              <p className="font-bold">PyConKE 2026</p>
            </div>
            {sections.map((section) => (
              <div key={section.title}>
                <h3 className="mb-4 font-bold">{section.title}</h3>
                <ul className="space-y-4 text-muted-foreground">
                  {section.links.map((link) => (
                    <li
                      key={link.name}
                      className="font-medium hover:text-primary"
                    >
                      <a href={link.href}>{link.name}</a>
                    </li>
                  ))}
                </ul>
              </div>
            ))}
          </div>
          <div className="mt-24 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground md:flex-row md:items-center">
            <p>© 2025 PyConKE. All rights reserved.</p>
            <ul className="flex gap-4">
              <li className="underline hover:text-primary">
                <a href="/terms-and-conditions"> Terms and Conditions</a>
              </li>
              <li className="underline hover:text-primary">
                <a href="/privacy-policy"> Privacy Policy</a>
              </li>
            </ul>
          </div>
        </footer>
      </div>
    </section>
  );
}