feat: certificates, landing pages, ai tutor, website update, compliance

2026-05-18 03:47:22 +01:00
parent c31ad63955
commit ac3a2c14a7
644 changed files with 56050 additions and 5439 deletions
@@ -0,0 +1,69 @@
+<script lang="ts">
+  import type { OrgLandingPageProps } from '../types';
+  import type { Snippet } from 'svelte';
+  import SecondaryActionButton from '../secondary-action-button.svelte';
+  import { Button } from '../../../base/button';
+  import { BlurFade } from '../../animation/blurfade';
+  import EditableLandingSection from '../editable-section.svelte';
+
+  interface Props {
+    hero: OrgLandingPageProps['hero'];
+    navigation: Snippet;
+  }
+
+  let { hero, navigation }: Props = $props();
+</script>
+
+<EditableLandingSection sectionKey="hero">
+  <section class="ui:relative ui:px-6 ui:pt-4 ui:pb-20 ui:md:pb-24">
+    <div class="ui:relative ui:max-w-[1180px] ui:mx-auto ui:sticky ui:top-4 ui:z-50">
+      {@render navigation()}
+    </div>
+
+    <div class="ui:relative ui:max-w-[1180px] ui:mx-auto ui:pt-16 ui:md:pt-20 ui:text-center">
+      <BlurFade delay={0} once={true}>
+        <h1
+          class="ui:text-4xl ui:md:text-5xl ui:lg:text-[56px] ui:font-bold ui:tracking-tight ui:leading-[1.05] ui:max-w-3xl ui:mx-auto ui:mb-5"
+        >
+          {hero.heading}
+        </h1>
+      </BlurFade>
+
+      <BlurFade delay={0.15} once={true}>
+        <p
+          class="ui:text-base ui:md:text-lg ui:text-muted-foreground ui:max-w-xl ui:mx-auto ui:mb-8 ui:leading-relaxed"
+        >
+          {hero.subheading}
+        </p>
+      </BlurFade>
+
+      <BlurFade delay={0.3} once={true}>
+        <div class="ui:flex ui:items-center ui:justify-center ui:gap-2.5">
+          <Button
+            href={hero.primaryAction.href}
+            disabled={hero.primaryAction.disabled ?? false}
+            size="lg"
+            class="ui:rounded-full ui:px-6"
+          >
+            {hero.primaryAction.label}
+          </Button>
+          {#if hero.secondaryAction}
+            <SecondaryActionButton href={hero.secondaryAction.href} label={hero.secondaryAction.label} variant="saas" />
+          {/if}
+        </div>
+      </BlurFade>
+
+      {#if hero.image}
+        <BlurFade delay={0.45} once={true}>
+          <div class="ui:mt-16 ui:max-w-4xl ui:mx-auto">
+            <img
+              src={hero.image}
+              alt=""
+              class="ui:w-full ui:h-auto ui:rounded-2xl ui:border ui:border-border ui:shadow-[0_20px_60px_-30px_rgba(14,14,16,0.25)]"
+            />
+          </div>
+        </BlurFade>
+      {/if}
+    </div>
+  </section>
+</EditableLandingSection>
@@ -0,0 +1,54 @@
+<script lang="ts">
+  import type { NavItem } from '../types';
+  import { Button } from '../../../base/button';
+  import EditableLandingSection from '../editable-section.svelte';
+
+  interface Props {
+    orgName: string;
+    logoUrl?: string;
+    navItems: NavItem[];
+    authAction?: {
+      label: string;
+      href: string;
+    };
+  }
+
+  let { orgName, logoUrl, navItems, authAction }: Props = $props();
+</script>
+
+<EditableLandingSection sectionKey="navigation">
+  <header
+    class="ui:flex ui:items-center ui:justify-between ui:gap-4 ui:py-2 ui:pl-5 ui:pr-2 ui:rounded-full ui:border ui:border-border ui:bg-background/85 ui:backdrop-blur-md ui:shadow-[0_4px_24px_-8px_rgba(14,14,16,0.08)]"
+  >
+    <a
+      href="/"
+      class="ui:flex ui:items-center ui:gap-2 ui:font-semibold ui:text-[15px] ui:tracking-tight ui:text-foreground ui:no-underline"
+    >
+      {#if logoUrl}
+        <img src={logoUrl} alt={orgName} class="ui:h-6 ui:w-auto" />
+      {/if}
+      {orgName}
+    </a>
+
+    {#if navItems.length > 0}
+      <nav class="ui:hidden ui:md:flex ui:gap-1">
+        {#each navItems as item (item.href + item.label)}
+          <a
+            href={item.href}
+            class="ui:px-3.5 ui:py-1.5 ui:text-sm ui:font-medium ui:text-foreground/80 ui:hover:text-foreground ui:hover:bg-muted/60 ui:rounded-full ui:transition-colors ui:no-underline"
+          >
+            {item.label}
+          </a>
+        {/each}
+      </nav>
+    {/if}
+
+    <div class="ui:flex ui:items-center ui:gap-1.5">
+      {#if authAction}
+        <Button href={authAction.href} variant="default" size="sm" class="ui:rounded-full ui:px-4">
+          {authAction.label}
+        </Button>
+      {/if}
+    </div>
+  </header>
+</EditableLandingSection>