fix landing styling

Author: bernoussama

apps/web/src/index.test.ts

@@ -3,6 +3,7 @@ import { readFileSync } from "node:fs";
 import { describe, expect, it } from "vitest";
 
 const css = readFileSync(new URL("./index.css", import.meta.url), "utf8");
+const landingCss = readFileSync(new URL("./landing.css", import.meta.url), "utf8");
 
 describe("design system (index.css)", () => {
   describe("landing tokens are defined for both light and dark", () => {
@@ -67,6 +68,12 @@ describe("design system (index.css)", () => {
     }
   });
 
+  it("scans the landing page sources for route-specific utilities", () => {
+    expect(landingCss).toContain('@source "./app/(site)/home.tsx";');
+    expect(landingCss).toContain('@source "./components/hero-install-preview.tsx";');
+    expect(landingCss).not.toContain('@source "./app/home.tsx";');
+  });
+
   it("uses Inter for landing page body text", () => {
     const landingPageBlock = css.match(/\.landing-page\s*\{([^}]+)\}/)?.[1] ?? "";
     expect(landingPageBlock).toContain('font-family: var(--font-sans), "Inter", sans-serif;');

apps/web/src/landing.css

@@ -2,4 +2,5 @@
 
 @import "tailwindcss/utilities.css" layer(utilities) source(none);
 
-@source "./app/home.tsx";
+@source "./app/(site)/home.tsx";
+@source "./components/hero-install-preview.tsx";