From 67411ecaffbe5a4d7224831ba51e050dd9abebbf Mon Sep 17 00:00:00 2001 From: Matthias Meister Date: Wed, 6 May 2026 08:29:44 +0200 Subject: [PATCH] Rename landing component --- docs/superpowers/plans/2026-05-05-canva-redesign.md | 4 ++-- src/components/{canva-landing.tsx => landing.tsx} | 4 ++-- src/pages/index.astro | 4 ++-- tests/landing-content.test.mjs | 6 +++--- 4 files changed, 9 insertions(+), 9 deletions(-) rename src/components/{canva-landing.tsx => landing.tsx} (99%) diff --git a/docs/superpowers/plans/2026-05-05-canva-redesign.md b/docs/superpowers/plans/2026-05-05-canva-redesign.md index 05da11d..87f1d24 100644 --- a/docs/superpowers/plans/2026-05-05-canva-redesign.md +++ b/docs/superpowers/plans/2026-05-05-canva-redesign.md @@ -22,12 +22,12 @@ ### Task 2: Canva-Inspired Landing Page **Files:** -- Create: `src/components/canva-landing.tsx` +- Create: `src/components/landing.tsx` - Modify: `src/pages/index.astro` - Modify: `src/styles/global.css` - [ ] Build a single-page layout with a dark editorial shell, red accent panels, large German headline, numbered sections, pricing/service strips, and a contact brief section. -- [ ] Replace the existing homepage component stack with the new `CanvaLanding` component. +- [ ] Replace the existing homepage component stack with the new `Landing` component. - [ ] Update global tokens for the dark, high-contrast Canva reference style. ### Task 3: Verification diff --git a/src/components/canva-landing.tsx b/src/components/landing.tsx similarity index 99% rename from src/components/canva-landing.tsx rename to src/components/landing.tsx index 068e843..0646759 100644 --- a/src/components/canva-landing.tsx +++ b/src/components/landing.tsx @@ -51,7 +51,7 @@ const packages = [ }, ]; -const CanvaLanding = () => { +const Landing = () => { return (
@@ -246,4 +246,4 @@ const CanvaLanding = () => { ); }; -export { CanvaLanding }; +export { Landing }; diff --git a/src/pages/index.astro b/src/pages/index.astro index b8dd312..20633c9 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,5 @@ --- -import { CanvaLanding } from "@/components/canva-landing"; +import { Landing } from "@/components/landing"; import "@/styles/global.css"; --- @@ -17,6 +17,6 @@ import "@/styles/global.css"; defer> - + diff --git a/tests/landing-content.test.mjs b/tests/landing-content.test.mjs index 7067d91..42d7e5f 100644 --- a/tests/landing-content.test.mjs +++ b/tests/landing-content.test.mjs @@ -2,9 +2,9 @@ import { readFile } from "node:fs/promises"; import test from "node:test"; import assert from "node:assert/strict"; -const componentPath = new URL("../src/components/canva-landing.tsx", import.meta.url); +const componentPath = new URL("../src/components/landing.tsx", import.meta.url); -test("Canva landing component contains the core brief anchors", async () => { +test("Landing component contains the core brief anchors", async () => { const source = await readFile(componentPath, "utf8"); for (const phrase of ["Projektbrief", "01", "Website", "Kontakt", "für", "müssen", "Änderungen"]) { @@ -12,7 +12,7 @@ test("Canva landing component contains the core brief anchors", async () => { } }); -test("Canva landing component uses real German umlauts in visible copy", async () => { +test("Landing component uses real German umlauts in visible copy", async () => { const source = await readFile(componentPath, "utf8"); for (const asciiFallback of [