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,87 @@
+<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:bg-primary ui:text-primary-foreground ui:overflow-hidden ui:px-6 ui:pt-2 ui:pb-20">
+    <!-- subtle grid overlay -->
+    <div
+      class="ui:pointer-events-none ui:absolute ui:inset-0 ui:opacity-[0.08]"
+      style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(90deg, currentColor 1px, transparent 1px); background-size: 56px 56px;"
+      aria-hidden="true"
+    ></div>
+
+    <div class="ui:relative ui:max-w-[1280px] ui:mx-auto">
+      {@render navigation()}
+    </div>
+
+    <div
+      class="ui:relative ui:max-w-[1280px] ui:mx-auto ui:py-16 ui:lg:py-24 ui:grid ui:lg:grid-cols-2 ui:gap-12 ui:items-center"
+    >
+      <div>
+        <BlurFade delay={0} once={true}>
+          <p
+            class="ui:inline-block ui:font-mono ui:text-xs ui:tracking-widest ui:uppercase ui:text-primary-foreground/80 ui:bg-primary-foreground/10 ui:px-3 ui:py-1.5 ui:mb-6"
+          >
+            // engineering academy
+          </p>
+        </BlurFade>
+        <BlurFade delay={0.12} once={true}>
+          <h1 class="ui:text-5xl ui:lg:text-7xl ui:font-extrabold ui:tracking-tight ui:leading-[0.95] ui:mb-6">
+            {hero.heading}
+          </h1>
+        </BlurFade>
+        <BlurFade delay={0.24} once={true}>
+          <p class="ui:text-lg ui:lg:text-xl ui:text-primary-foreground/80 ui:max-w-xl ui:mb-8 ui:leading-relaxed">
+            {hero.subheading}
+          </p>
+        </BlurFade>
+        <BlurFade delay={0.36} once={true}>
+          <div class="ui:flex ui:flex-wrap ui:items-center ui:gap-3">
+            <Button
+              href={hero.primaryAction.href}
+              disabled={hero.primaryAction.disabled ?? false}
+              size="lg"
+              variant="secondary"
+              class="ui:rounded-none ui:px-7 ui:font-semibold ui:bg-primary-foreground ui:text-primary ui:hover:bg-primary-foreground/90"
+            >
+              {hero.primaryAction.label}
+            </Button>
+            {#if hero.secondaryAction}
+              <SecondaryActionButton
+                href={hero.secondaryAction.href}
+                label={hero.secondaryAction.label}
+                variant="tech"
+              />
+            {/if}
+          </div>
+        </BlurFade>
+      </div>
+
+      {#if hero.image}
+        <BlurFade delay={0.3} once={true} class="ui:hidden ui:lg:block">
+          <div class="ui:relative">
+            <div class="ui:absolute ui:inset-0 ui:bg-primary-foreground/10 ui:translate-x-3 ui:translate-y-3"></div>
+            <img
+              src={hero.image}
+              alt=""
+              class="ui:relative ui:w-full ui:h-[460px] ui:object-cover ui:border ui:border-primary-foreground/20"
+            />
+          </div>
+        </BlurFade>
+      {/if}
+    </div>
+  </section>
+</EditableLandingSection>
@@ -0,0 +1,55 @@
+<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-6 ui:py-4 ui:text-primary-foreground">
+    <a
+      href="/"
+      class="ui:flex ui:items-center ui:gap-2 ui:font-bold ui:text-base ui:tracking-tight ui:text-primary-foreground ui:no-underline"
+    >
+      {#if logoUrl}
+        <img src={logoUrl} alt={orgName} class="ui:h-7 ui:w-auto" />
+      {/if}
+      {orgName}
+    </a>
+
+    {#if navItems.length > 0}
+      <nav class="ui:hidden ui:md:flex ui:gap-1.5 ui:font-mono ui:text-[13px]">
+        {#each navItems as item (item.href + item.label)}
+          <a
+            href={item.href}
+            class="ui:px-3 ui:py-1.5 ui:rounded-full ui:border ui:border-transparent ui:text-primary-foreground/85 ui:hover:text-primary-foreground ui:hover:border-primary-foreground/30 ui:hover:bg-primary-foreground/10 ui:transition-colors ui:no-underline"
+          >
+            ( {item.label.toLowerCase()} )
+          </a>
+        {/each}
+      </nav>
+    {/if}
+
+    {#if authAction}
+      <Button
+        href={authAction.href}
+        size="sm"
+        variant="outline"
+        class="ui:rounded-none ui:font-semibold ui:border-primary-foreground ui:text-primary-foreground ui:bg-transparent ui:hover:bg-primary-foreground/10 ui:hover:text-primary-foreground"
+      >
+        {authAction.label} →
+      </Button>
+    {/if}
+  </header>
+</EditableLandingSection>