Footer

Structure

src/components/Footer.tsx is a server component with a fixed four-column layout:

• Brand — your logo, the config.appDescription text, a "Built with Yousship" badge, and the current copyright year (generated automatically with new Date().getFullYear()).
• Links — Login, Blog, Pricing, Support, Documentation. Edit these directly in the file.
• Legal — Terms of Service (/tos) and Privacy Policy (/privacy-policy). Both pages are already included in the boilerplate.
• Connect — social links read from config.social.links. Entries with an empty url are filtered out automatically.

Usage

import Footer from "@/components/Footer";

<Footer />

Social links

Add or remove social links in src/config.ts. Each entry has a label (the link text shown in the footer) and a url. Set url to an empty string to hide that link:

social: {
  links: [
    { label: "X",        url: "https://x.com/yourhandle" },
    { label: "GitHub",   url: "https://github.com/yourhandle" },
    { label: "LinkedIn", url: "" },
  ],
},

Customizing the Links and Legal columns

Those columns are hardcoded in src/components/Footer.tsx. Open the file and edit the <ul> items in each column directly — add, remove, or reorder links as your site grows.