{custom.title}
-
- {custom.body &&
-
-
- );
-}
diff --git a/template/apps/client/src/components/footer.tsx b/template/apps/client/src/components/footer.tsx
deleted file mode 100644
index 7b859c3..0000000
--- a/template/apps/client/src/components/footer.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from "react";
-import { Settings } from "@/sanity/sanity.types";
-
-export default function Footer({ settings }: { settings: Settings }) {
- return (
- Color Test
- -
-
-
- Primitives (should work):
-bg-primary1-500
- bg-primary2-500
- bg-secondary1-100
-
-
-
- Variables (should work now):
-bg-olive-green
- bg-pine-green
- bg-light-sage
-
-
- Brand Colors (should work now):
-bg-bg-primary
- bg-bg-secondary
- text-text (blue text)
-
-
-
- );
-}
diff --git a/template/apps/client/src/components/link-button.tsx b/template/apps/client/src/components/link-button.tsx
deleted file mode 100644
index ca84315..0000000
--- a/template/apps/client/src/components/link-button.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import Link from "next/link";
-import { ArrowRight, ExternalLink, type LucideIcon } from "lucide-react";
-import React, { createElement } from "react";
-import { Button } from "./ui/button";
-import { cn } from "@/lib/utils";
-
-export default function LinkButton({
- text,
- linkData,
- variant = "default",
- radius = "sm",
- size = "default",
- extraIcon,
- showIcon = true,
- className,
- onPress,
- ...props
-}: {
- text: string;
- linkData: { href: string; target: string } | null;
- variant?:
- | "ghost"
- | "default"
- | "secondary"
- | "link"
- | "destructive"
- | "outline";
- size?: "default" | "sm" | "lg" | "icon";
- extraIcon?: LucideIcon;
- showIcon?: boolean;
- className?: string;
- onPress?: () => void;
- [key: string]: any;
-}) {
- const isExternal = linkData?.href?.startsWith("http");
-
- return (
-
- );
-}
diff --git a/template/apps/client/src/components/sanity-block.tsx b/template/apps/client/src/components/sanity-block.tsx
deleted file mode 100644
index aa1e8e6..0000000
--- a/template/apps/client/src/components/sanity-block.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-"use client";
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { PortableText, createDataAttribute, stegaClean } from "next-sanity";
-import {
- getFileAsset,
- getImageAsset,
- getImageDimensions,
- SanityFileAsset,
-} from "@sanity/asset-utils";
-import type {
- BlockContent,
- Button as SanityButton,
- SanityImageAsset,
-} from "@/sanity/sanity.types";
-import { client } from "@/sanity/client";
-import LinkButton from "./link-button";
-import Image from "next/image";
-import Link from "next/link";
-import { DownloadIcon } from "lucide-react";
-import { useDeconstructLink } from "@/lib/link-client";
-import { dynamicHeight, generateImageUrl } from "@/lib/image-url";
-import { Button } from "./ui/button";
-import { sanityConnection } from "@repo/sanity-connection";
-
-const { projectId, dataset } = client.config();
-
-export function Callout(props: any) {
- if (!props) {
- return null;
- }
- return (
-
-
- );
-}
-
-export function PortableButton(value: { value: SanityButton }) {
- const linkData = useDeconstructLink(value.value.link);
- return (
- {children}
, - h2: ({ children }: any) =>{children}
, - h3: ({ children }: any) =>{children}
, - h4: ({ children }: any) =>{children}
, - h5: ({ children }: any) =>{children}
, - h6: ({ children }: any) =>{children}
, - }, - }} - /> -
-
- );
-}
-
-export function PortableImage({
- value,
- isInline,
-}: {
- value: SanityImageAsset;
- isInline: boolean;
-}) {
- const { width, height } = getImageDimensions(value);
- const imageAsset = getImageAsset(value, {
- projectId: sanityConnection.projectId ?? "",
- dataset: sanityConnection.dataset ?? "",
- });
- const attr = createDataAttribute({
- id: imageAsset._id,
- type: imageAsset._type,
- workspace: "production",
- });
-
- return (
-
- 20
- ? `${filename.slice(0, 10)}...${filename.slice(-10)}`
- : filename
- }
- />
-
- );
-}
-
-function CustomLink(props: { children: React.ReactNode; value?: any }) {
- const { value, children } = props;
-
- let linkUrl = null;
- let target = "_self";
-
- if (value?.href) {
- const href = value.href;
-
- if (href.type === "external" && href.url) {
- linkUrl = href.url;
- target = href.blank ? "_blank" : "_self";
- } else if (href.type === "internal" || href._type === "reference") {
- const resolved = useDeconstructLink(href);
- if (resolved) {
- const ButtonComponent = Button as any;
- return (
- {children}
, - h2: ({ children }: any) =>{children}
, - h3: ({ children }: any) =>{children}
, - h4: ({ children }: any) =>{children}
, - h5: ({ children }: any) =>{children}
, - h6: ({ children }: any) =>{children}
, - }, - marks: { - left: ({ children }: { children: React.ReactNode }) => ( - - {children} - - ), - center: ({ children }: { children: React.ReactNode }) => ( - - {children} - - ), - right: ({ children }: { children: React.ReactNode }) => ( - - {children} - - ), - textColor: ({ - children, - value = { value: "" }, - }: { - children: React.ReactNode; - value?: { value: string }; - }) => {children}, - highlightColor: ({ - children, - value = { value: "" }, - }: { - children: React.ReactNode; - value?: { value: string }; - }) => ( - {children} - ), - link: CustomLink, - }, -}; - -export default function SanityBlock({ body }: { body: BlockContent }) { - if (!body) { - return null; - } - return
+
+{/if}
diff --git a/template/apps/client/src/lib/components/blocks/link-mark.svelte b/template/apps/client/src/lib/components/blocks/link-mark.svelte
new file mode 100644
index 0000000..f43fd47
--- /dev/null
+++ b/template/apps/client/src/lib/components/blocks/link-mark.svelte
@@ -0,0 +1,13 @@
+
+
+
+ {@render children()}
+
diff --git a/template/apps/client/src/lib/components/blocks/sanity-button.svelte b/template/apps/client/src/lib/components/blocks/sanity-button.svelte
new file mode 100644
index 0000000..e37d5a6
--- /dev/null
+++ b/template/apps/client/src/lib/components/blocks/sanity-button.svelte
@@ -0,0 +1,27 @@
+
+
+{#if mounted && linkData}
+
+
diff --git a/template/apps/client/src/lib/components/link-button.svelte b/template/apps/client/src/lib/components/link-button.svelte
new file mode 100644
index 0000000..c6c2ee4
--- /dev/null
+++ b/template/apps/client/src/lib/components/link-button.svelte
@@ -0,0 +1,106 @@
+
+
+{#if linkData}
+
+ {#if extraIcon}
+
+ {@render extraIcon({ size: size === 'lg' ? 24 : 20 })}
+
+ {/if}
+
+ {text}
+
+ {#if showIcon}
+
+ {#if isExternal}
+ + {settings?.footer?.replace('{YEAR}', new Date().getFullYear().toString())} +
+
+
diff --git a/template/apps/client/src/lib/components/section/cta.svelte b/template/apps/client/src/lib/components/section/cta.svelte
new file mode 100644
index 0000000..e5d665c
--- /dev/null
+++ b/template/apps/client/src/lib/components/section/cta.svelte
@@ -0,0 +1,84 @@
+
+
+
+
+
+ {#if sectionTitle}
+
+
+ + {sectionTitle} +
+ {/if} ++ {cta?.title} +
+
+ {#if cta?.description}
+
+
+
+ {/if}
+ {#if mounted && linkData}
+
+
+ {/if}
+
+ {@render children()}
+ {#if data.settings}
+
+ {/if}
+ {#if data.preview}
+
\ No newline at end of file
diff --git a/template/apps/client/src/routes/+page.server.ts b/template/apps/client/src/routes/+page.server.ts
new file mode 100644
index 0000000..a3b179b
--- /dev/null
+++ b/template/apps/client/src/routes/+page.server.ts
@@ -0,0 +1,11 @@
+import {homeQuery as query, type HomeResult} from '$lib/queries'
+import type {PageServerLoad} from './$types'
+
+export const load: PageServerLoad = async ({locals: {loadQuery}}) => {
+ const initial = await loadQuery