From 5e7ff78f2366d629cad248325dfec6638a648ce7 Mon Sep 17 00:00:00 2001 From: James Ritchie Date: Thu, 9 Feb 2023 15:21:10 +0000 Subject: [PATCH 001/126] Setting up basic structure and components for the new Templates --- .../app/components/layout/MarketingHeader.tsx | 7 +++++++ .../components/templates/TemplatesGrid.tsx | 20 +++++++++++++++++++ apps/webapp/app/routes/__public.tsx | 18 +++++++++++++++++ apps/webapp/app/routes/__public/templates.tsx | 16 +++++++++++++++ .../app/routes/__public/templates/index.tsx | 4 ++++ 5 files changed, 65 insertions(+) create mode 100644 apps/webapp/app/components/layout/MarketingHeader.tsx create mode 100644 apps/webapp/app/components/templates/TemplatesGrid.tsx create mode 100644 apps/webapp/app/routes/__public.tsx create mode 100644 apps/webapp/app/routes/__public/templates.tsx create mode 100644 apps/webapp/app/routes/__public/templates/index.tsx diff --git a/apps/webapp/app/components/layout/MarketingHeader.tsx b/apps/webapp/app/components/layout/MarketingHeader.tsx new file mode 100644 index 00000000000..99fcc4901ae --- /dev/null +++ b/apps/webapp/app/components/layout/MarketingHeader.tsx @@ -0,0 +1,7 @@ +export function MarketingHeader() { + return ( +
+
Header items
+
+ ); +} diff --git a/apps/webapp/app/components/templates/TemplatesGrid.tsx b/apps/webapp/app/components/templates/TemplatesGrid.tsx new file mode 100644 index 00000000000..b2b73e32b04 --- /dev/null +++ b/apps/webapp/app/components/templates/TemplatesGrid.tsx @@ -0,0 +1,20 @@ +export function TemplatesGrid() { + return ( +
+ + + + + + +
+ ); +} + +function TemplateCard() { + return ( +
+

build your card in here.

+
+ ); +} diff --git a/apps/webapp/app/routes/__public.tsx b/apps/webapp/app/routes/__public.tsx new file mode 100644 index 00000000000..057908b8480 --- /dev/null +++ b/apps/webapp/app/routes/__public.tsx @@ -0,0 +1,18 @@ +import { Outlet } from "@remix-run/react"; +import { AppBody, AppLayout } from "~/components/layout/AppLayout"; +import { Footer } from "~/components/layout/Footer"; +import { NoMobileOverlay } from "~/components/NoMobileOverlay"; +import { MarketingHeader } from "~/components/layout/MarketingHeader"; + +export default function Public() { + return ( + + + + + + +