# Footer Section v1 > Muted rounded footer with brand copy, four link columns, and a bottom row with Instagram and TikTok links. A shadcn/ui block from the [@uiception](https://uiception.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/uiception/footer-section-v1). - Page, with a live preview: https://shadcn.exchange/r/uiception/footer-section-v1 - Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/uiception/footer-section-v1-light-1895cbbc6871058b.png - Registry item: https://uiception.com/r/footer-section-v1.json - Listed: 2026-10-13, source last changed 2026-10-13 ## Install ```bash npx shadcn@latest add https://uiception.com/r/footer-section-v1.json ``` Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on. ## Dependencies - Registry items: `card` ## Files ### `registry/new-york/blocks/footer-section-v1/page.tsx` ```tsx import FooterSectionV1 from "./components/footer-section-v1" export default function Page() { return } ``` ### `registry/new-york/blocks/footer-section-v1/components/footer-section-v1.tsx` ```tsx import { ArrowRight } from "lucide-react" import Link from "next/link" import { Card, CardFooter, CardHeader } from "@/components/ui/card" import { InstagramIcon } from "@/components/ui/svgs/instagramIcon" import { TiktokIconDark } from "@/components/ui/svgs/tiktokIconDark" import { TiktokIconLight } from "@/components/ui/svgs/tiktokIconLight" const footerColumns = [ { title: "Product", links: ["Features", "Integrations", "Workflows", "Automation", "Analytics"], }, { title: "Solutions", links: ["Startups", "Agencies", "Enterprise", "Developers"], }, { title: "Resources", links: ["Docs", "Guides", "Blog", "Changelog"], }, { title: "Company", links: ["About", "Contact", "Privacy", "Terms"], }, ] export default function FooterSectionV1() { return (
uiception

Powerful automation software for modern teams.

{footerColumns.map((column) => (

{column.title}

    {column.links.map((link) => (
  • {link}
    • ))}
{column.title === "Product" ? ( View all ) : null}
))}
Instagram TikTok

© uiception 2026
) } ``` ### `components/ui/svgs/instagramIcon.tsx` ```tsx import type { SVGProps } from "react"; const InstagramIcon = (props: SVGProps) => ( ); export { InstagramIcon }; ``` ### `components/ui/svgs/tiktokIconLight.tsx` ```tsx import type { SVGProps } from "react"; const TiktokIconLight = (props: SVGProps) => ( ); export { TiktokIconLight }; ``` ### `components/ui/svgs/tiktokIconDark.tsx` ```tsx import type { SVGProps } from "react"; const TiktokIconDark = (props: SVGProps) => ( ); export { TiktokIconDark }; ```