Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "footer"
title: "Footer 1"
description: "Beautiful Astro components built with Tailwind CSS. Open source and ready to copy into your projects."
---

```astro live props={{ name: 'footer-1' }}
---
import Footer1Block from "@/components/blocks/footer-1.astro"
---

<Footer1Block
  brandName="Fulldev UI"
  brandHref="/"
  description="Beautiful Astro components built with Tailwind CSS. Open source and ready to copy into your projects."
  socials={[
    {
      label: "GitHub",
      href: "https://github.com/fulldotdev/ui",
      icon: "github",
    },
    { label: "Discord", href: "https://discord.gg/", icon: "discord" },
    { label: "X", href: "https://x.com/", icon: "x" },
  ]}
  columns={[
    {
      title: "Product",
      links: [
        { label: "Components", href: "/components/" },
        { label: "Blocks", href: "/blocks/" },
        { label: "Pricing", href: "/blocks/pricing/" },
      ],
    },
    {
      title: "Resources",
      links: [
        { label: "Documentation", href: "/docs/" },
        { label: "Guides", href: "/docs/" },
        { label: "Examples", href: "/blocks/" },
      ],
    },
    {
      title: "Company",
      links: [
        { label: "About", href: "/" },
        { label: "Contact", href: "/blocks/contact/" },
        { label: "GitHub", href: "https://github.com/fulldotdev/ui" },
      ],
    },
  ]}
  copyright="© 2026 fulldev/ui"
/>
```