Add comprehensive /features page + allow Unsplash imagery

components/marketing/site-footer.tsx

@@ -26,6 +26,7 @@ export function SiteFooter() {
               ["Features", "/#features"],
               ["Pricing", "/pricing"],
               ["FAQ", "/faq"],
+              ["About", "/about"],
             ]}
           />
           <FooterCol

components/marketing/site-header.tsx

@@ -15,9 +15,10 @@ export function SiteHeader() {
 
         <nav className="hidden items-center gap-8 text-sm font-medium text-muted-foreground md:flex">
           <Link href="/#how-it-works" className="transition-colors hover:text-foreground">How it works</Link>
-          <Link href="/#features" className="transition-colors hover:text-foreground">Features</Link>
+          <Link href="/features" className="transition-colors hover:text-foreground">Features</Link>
           <Link href="/pricing" className="transition-colors hover:text-foreground">Pricing</Link>
           <Link href="/faq" className="transition-colors hover:text-foreground">FAQ</Link>
+          <Link href="/about" className="transition-colors hover:text-foreground">About</Link>
         </nav>
 
         <div className="flex items-center gap-2">