chore: deploy to Cloudflare Pages and update branding

- Add Cloudflare Pages deployment for landing page (snapotter.com) and
  docs (docs.snapotter.com)
- Create deploy-landing.yml and update deploy-docs.yml workflows
- Update CI to ignore apps/landing/** paths
- Fix logo transparency (remove white background) across all apps
- Recreate social-preview.png with SnapOtter branding
- Update all docs URLs from GitHub Pages to docs.snapotter.com
- Update VitePress config: light theme default, fix llms.txt paths
- Add .vitepress/cache/ and .env.* to gitignore

apps/web/src/components/tools/color-settings.tsx

@@ -105,9 +105,9 @@ export function ColorControls({
     if (exposure !== 0) parts.push(`brightness(${1 + exposure / 200})`);
     if (saturation !== 0) parts.push(`saturate(${1 + saturation / 100})`);
     if (hue !== 0) parts.push(`hue-rotate(${hue}deg)`);
-    if (hasTempTint) parts.push("url(#ashim-temp-tint-filter)");
-    if (hasChannelChanges) parts.push("url(#ashim-channel-filter)");
-    if (sharpness > 0) parts.push("url(#ashim-sharpen-filter)");
+    if (hasTempTint) parts.push("url(#snapotter-temp-tint-filter)");
+    if (hasChannelChanges) parts.push("url(#snapotter-channel-filter)");
+    if (sharpness > 0) parts.push("url(#snapotter-sharpen-filter)");
     if (effect === "grayscale") parts.push("grayscale(1)");
     if (effect === "sepia") parts.push("sepia(1)");
     if (effect === "invert") parts.push("invert(1)");
@@ -149,7 +149,7 @@ export function ColorControls({
       {hasTempTint && (
         <svg width="0" height="0" style={{ position: "absolute" }}>
           <title>Temperature and tint color filter</title>
-          <filter id="ashim-temp-tint-filter" colorInterpolationFilters="sRGB">
+          <filter id="snapotter-temp-tint-filter" colorInterpolationFilters="sRGB">
             <feColorMatrix
               type="matrix"
               values={`${1 + tempT * 0.15 + tintN * 0.1} 0 0 0 0  0 ${1 + tempT * 0.05 - tintN * 0.15} 0 0 0  0 0 ${1 - tempT * 0.15 + tintN * 0.1} 0 0  0 0 0 1 0`}
@@ -160,7 +160,7 @@ export function ColorControls({
       {hasChannelChanges && (
         <svg width="0" height="0" style={{ position: "absolute" }}>
           <title>Color channel filter</title>
-          <filter id="ashim-channel-filter" colorInterpolationFilters="sRGB">
+          <filter id="snapotter-channel-filter" colorInterpolationFilters="sRGB">
             <feColorMatrix
               type="matrix"
               values={`${red / 100} 0 0 0 0  0 ${green / 100} 0 0 0  0 0 ${blue / 100} 0 0  0 0 0 1 0`}
@@ -171,7 +171,7 @@ export function ColorControls({
       {sharpness > 0 && (
         <svg width="0" height="0" style={{ position: "absolute" }}>
           <title>Sharpen filter</title>
-          <filter id="ashim-sharpen-filter" colorInterpolationFilters="sRGB">
+          <filter id="snapotter-sharpen-filter" colorInterpolationFilters="sRGB">
             <feConvolveMatrix
               order="3"
               preserveAlpha="true"

apps/web/src/components/tools/image-enhancement-settings.tsx

@@ -216,10 +216,10 @@ export function ImageEnhancementControls({
       parts.push(`saturate(${1 + adj / 100})`);
     }
     if (toggles.whiteBalance && Math.abs(c.temperature) > 2) {
-      parts.push("url(#ashim-enhance-temp-filter)");
+      parts.push("url(#snapotter-enhance-temp-filter)");
     }
     if (toggles.sharpness && c.sharpness > 2) {
-      parts.push("url(#ashim-enhance-sharpen-filter)");
+      parts.push("url(#snapotter-enhance-sharpen-filter)");
     }
 
     onPreviewFilter(parts.join(" "));
@@ -246,7 +246,7 @@ export function ImageEnhancementControls({
       {toggles.whiteBalance && Math.abs(tempAdj) > 0.02 && (
         <svg width="0" height="0" style={{ position: "absolute" }}>
           <title>White balance temperature filter</title>
-          <filter id="ashim-enhance-temp-filter" colorInterpolationFilters="sRGB">
+          <filter id="snapotter-enhance-temp-filter" colorInterpolationFilters="sRGB">
             <feColorMatrix
               type="matrix"
               values={`${1 + tempAdj * 0.15} 0 0 0 0  0 ${1 + tempAdj * 0.05} 0 0 0  0 0 ${1 - tempAdj * 0.15} 0 0  0 0 0 1 0`}
@@ -257,7 +257,7 @@ export function ImageEnhancementControls({
       {toggles.sharpness && sharpAdj > 0.02 && (
         <svg width="0" height="0" style={{ position: "absolute" }}>
           <title>Sharpen filter</title>
-          <filter id="ashim-enhance-sharpen-filter" colorInterpolationFilters="sRGB">
+          <filter id="snapotter-enhance-sharpen-filter" colorInterpolationFilters="sRGB">
             <feConvolveMatrix
               order="3"
               preserveAlpha="true"

apps/web/src/components/tools/passport-photo-settings.tsx

@@ -3,7 +3,7 @@ import {
   type PassportDocumentSpec,
   type PassportRegion,
   type PassportSpec,
-} from "@ashim/shared";
+} from "@snapotter/shared";
 import {
   Check,
   ChevronDown,

apps/web/src/components/tools/pipeline-builder.tsx

@@ -1,4 +1,3 @@
-import { TOOLS } from "@ashim/shared";
 import {
   closestCenter,
   DndContext,
@@ -15,6 +14,7 @@ import {
   verticalListSortingStrategy,
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
+import { TOOLS } from "@snapotter/shared";
 import { FileImage, GripVertical, X } from "lucide-react";
 import { ICON_MAP } from "@/lib/icon-map";
 import { cn } from "@/lib/utils";

apps/web/src/components/tools/resize-settings.tsx

@@ -1,4 +1,4 @@
-import { SOCIAL_MEDIA_PRESETS } from "@ashim/shared";
+import { SOCIAL_MEDIA_PRESETS } from "@snapotter/shared";
 import { Download, Info, Link, Unlink } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { ProgressCard } from "@/components/common/progress-card";

apps/web/src/components/tools/smart-crop-settings.tsx

@@ -1,4 +1,4 @@
-import { SMART_CROP_FACE_PRESETS, SOCIAL_MEDIA_PRESETS } from "@ashim/shared";
+import { SMART_CROP_FACE_PRESETS, SOCIAL_MEDIA_PRESETS } from "@snapotter/shared";
 import { ArrowLeftRight, Info } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { ProgressCard } from "@/components/common/progress-card";

apps/web/src/components/tools/tool-palette.tsx

@@ -1,4 +1,4 @@
-import { CATEGORIES, TOOLS } from "@ashim/shared";
+import { CATEGORIES, TOOLS } from "@snapotter/shared";
 import { FileImage, Plus } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { SearchBar } from "@/components/common/search-bar";