fix waitlist dark (#186)

2025-12-30 10:19:51 -06:00 · 2023-01-19 09:02:20 -06:00
parent 5bb3bd2031
commit 75d0f51df4
8 changed files with 180 additions and 9 deletions
--- a/apps/formbricks-com/components/engine/Textarea.tsx
+++ b/apps/formbricks-com/components/engine/Textarea.tsx
@@ -17,7 +17,7 @@ export default function Textarea({ element, register, onSubmit }: TextareaProps)
      </label>
      <textarea
        rows={element.frontend?.rows || 4}
-        className="focus:border-brand focus:ring-brand mx-auto mt-4 block w-full max-w-xl rounded-md border-gray-300 shadow-sm sm:text-sm"
+        className="focus:border-brand focus:ring-brand mx-auto mt-4 block w-full max-w-xl rounded-md border-gray-300 text-slate-700 shadow-sm dark:bg-slate-700 dark:text-slate-200 dark:placeholder:text-slate-400 sm:text-sm"
        placeholder={element.frontend?.placeholder || ""}
        required={!!element.frontend?.required}
        {...register(element.name!)}
--- a/apps/formbricks-com/components/home/Features.tsx
+++ b/apps/formbricks-com/components/home/Features.tsx
@@ -1,25 +1,24 @@
-import { PlusIcon, SquaresPlusIcon, ChartBarIcon } from "@heroicons/react/24/outline";
-import clsx from "clsx";
+import { TabletTouchIcon, UserDeveloperIcon, CodeFileIcon } from "@formbricks/ui";
 import HeadingCentered from "../shared/HeadingCentered";

 const features = [
  {
    id: "devAttention",
    name: "Minimal Dev Attention",
-    description: "All you want is building your product. Set it up once, keep insights flowing in..",
-    icon: PlusIcon,
+    description: "All you want is building your product. Set it up once, keep insights flowing in.",
+    icon: UserDeveloperIcon,
  },
  {
    id: "nativeLookFeel",
    name: "Native Look & Feel",
    description: "No more UX clutter. Use headless forms or highly customizabale UI components.",
-    icon: SquaresPlusIcon,
+    icon: TabletTouchIcon,
  },
  {
    id: "openSourcer",
    name: "Open Source",
    description: "Own your data. Run Formbricks on your servers and comply with all regulation.",
-    icon: ChartBarIcon,
+    icon: CodeFileIcon,
  },
 ];
 export default function Features() {
--- a/apps/formbricks-com/components/shared/Footer.tsx
+++ b/apps/formbricks-com/components/shared/Footer.tsx
@@ -59,7 +59,10 @@ export default function Footer() {
        Footer
      </h2>
      <div className="mx-auto flex max-w-7xl flex-col space-y-6 px-4 py-12 text-center sm:px-6 lg:py-16 lg:px-8">
-        <FooterLogo className="mx-auto h-8 w-auto sm:h-10" />
+        <Link href="/">
+          <span className="sr-only">Formbricks</span>
+          <FooterLogo className="mx-auto h-8 w-auto sm:h-10" />
+        </Link>
        <p className="text-base text-slate-500 dark:text-slate-400">Experience Management for B2B SaaS</p>
        <div className="border-gray-500">
          <p className="text-sm text-slate-400 dark:text-gray-500">
--- a/apps/formbricks-com/pages/waitlist.tsx
+++ b/apps/formbricks-com/pages/waitlist.tsx
@@ -47,7 +47,7 @@ const WaitlistPage = () => (
        </p>
      </div>

-      <div className="mx-auto my-6 w-full max-w-5xl rounded-xl bg-slate-100 px-8 py-10 md:my-12 md:px-16 md:py-20">
+      <div className="mx-auto my-6 w-full max-w-5xl rounded-xl bg-slate-100 px-8 py-10 dark:bg-slate-800 md:my-12 md:px-16 md:py-20">
        <Survey
          formbricksUrl="https://app.formbricks.com"
          formId="cld37mt2i0000ld08p9q572bc"
--- a/packages/ui/src/icons/CodeFileIcon.tsx
+++ b/packages/ui/src/icons/CodeFileIcon.tsx
@@ -0,0 +1,33 @@
+export function CodeFileIcon(props: any) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+      <defs />
+      <path
+        d="M21.207,4.5a1,1,0,0,1,.293.707V22.5a1,1,0,0,1-1,1H3.5a1,1,0,0,1-1-1V1.5a1,1,0,0,1,1-1H16.793A1,1,0,0,1,17.5.8Z"
+        fill="#c4f0eb"
+      />
+      <path d="M19.352,2.648,17.5.8A1,1,0,0,0,16.793.5H3.5a1,1,0,0,0-1,1v18Z" fill="#f8fafc" />
+      <polyline
+        points="10 9.004 6.5 12.504 10 16.004"
+        fill="none"
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <polyline
+        points="14 9.004 17.5 12.504 14 16.004"
+        fill="none"
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21.207,4.5a1,1,0,0,1,.293.707V22.5a1,1,0,0,1-1,1H3.5a1,1,0,0,1-1-1V1.5a1,1,0,0,1,1-1H16.793A1,1,0,0,1,17.5.8Z"
+        fill="none"
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
--- a/packages/ui/src/icons/TabletTouchIcon.tsx
+++ b/packages/ui/src/icons/TabletTouchIcon.tsx
@@ -0,0 +1,51 @@
+export function TabletTouchIcon(props: any) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+      <defs />
+      <path d="M21.5.5H4.5v17h17a2,2,0,0,0,2-2V2.5A2,2,0,0,0,21.5.5Z" fill="#00C4B8" />
+      <path d="M21.86.531A2.034,2.034,0,0,0,21.5.5H4.5v17h.393Z" fill="#c4f0eb" />
+      <path d="M4.5.5h-2a2,2,0,0,0-2,2v13a2,2,0,0,0,2,2h2Z" fill="#ffffff" />
+      <path
+        d="M6.5,17.5h-4a2,2,0,0,1-2-2V2.5a2,2,0,0,1,2-2h19a2,2,0,0,1,2,2V15"
+        stroke="#00303e"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <line
+        x1={4.5}
+        y1={17.499}
+        x2={4.5}
+        y2={0.499}
+        stroke="#00303e"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <path
+        d="M2.75,8.749h0A.249.249,0,0,1,3,9H3a.25.25,0,0,1-.25.25h0A.25.25,0,0,1,2.5,9h0a.249.249,0,0,1,.25-.25"
+        stroke="#00303e"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <path
+        d="M12.653,23.5,8.847,18.921A1.5,1.5,0,0,1,11.154,17L13.5,19.826V10a1.5,1.5,0,0,1,3,0v6.5h3a4,4,0,0,1,4,4v3"
+        fill="#c4f0eb"
+        stroke="#00303e"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1={21.5}
+        y1={7.499}
+        x2={21.5}
+        y2={10.499}
+        stroke="#00303e"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+    </svg>
+  );
+}
--- a/packages/ui/src/icons/UserDeveloperIcon.tsx
+++ b/packages/ui/src/icons/UserDeveloperIcon.tsx
@@ -0,0 +1,82 @@
+export function UserDeveloperIcon(props: any) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+      <defs />
+      <path
+        d="M18.39,11.606a6.826,6.826,0,0,0-5.1,2.37,4.969,4.969,0,0,0-2.15-4.069A4.888,4.888,0,0,1,14,9,4.994,4.994,0,0,1,18.39,11.606Z"
+        fill="#00e6ca"
+      />
+      <path d="M7.5,23.5l.5-6h2.5V14a5,5,0,0,0-10,0v3.5H3l.5,6Z" fill="#c4f0eb" />
+      <circle cx={5.5} cy={4} r={3.5} fill="#c4f0eb" />
+      <circle cx={14} cy={4.5} r={3} fill="#00e6ca" />
+      <path d="M10.5,14v1.83a5,5,0,1,0-10,0V14a5,5,0,0,1,10,0Z" fill="#f8fafc" />
+      <path
+        d="M12.361,11.11a4.913,4.913,0,0,1,4.561.671,6.825,6.825,0,0,1,1.468-.175A4.994,4.994,0,0,0,14,9a4.894,4.894,0,0,0-2.86.91A5.005,5.005,0,0,1,12.361,11.11Z"
+        fill="#c4f0eb"
+      />
+      <path
+        d="M5.5,2.329A3.49,3.49,0,0,1,8.864,4.915,3.466,3.466,0,0,0,9,4,3.5,3.5,0,0,0,2,4a3.466,3.466,0,0,0,.136.915A3.49,3.49,0,0,1,5.5,2.329Z"
+        fill="#f8fafc"
+      />
+      <path
+        d="M14,3.329a2.99,2.99,0,0,1,2.843,2.086,3,3,0,1,0-5.686,0A2.99,2.99,0,0,1,14,3.329Z"
+        fill="#c4f0eb"
+      />
+      <path
+        d="M7.5,23.5l.5-6h2.5V14a5,5,0,0,0-10,0v3.5H3l.5,6Z"
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <circle
+        cx={5.5}
+        cy={4}
+        r={3.5}
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <path
+        d="M17.439,10.37a5.006,5.006,0,0,0-5.561-.9"
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <circle
+        cx={14}
+        cy={4.5}
+        r={3}
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <circle
+        cx={18.5}
+        cy={18.5}
+        r={5}
+        fill="#00e6ca"
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <polyline
+        points="19.5 17 21 18.5 19.5 20"
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <polyline
+        points="17.5 17 16 18.5 17.5 20"
+        stroke="#0f172a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+    </svg>
+  );
+}
--- a/packages/ui/src/index.tsx
+++ b/packages/ui/src/index.tsx
@@ -7,6 +7,8 @@ export * from "./icons/BugBlueIcon";
 export * from "./icons/ComplimentIcon";
 export * from "./icons/CustomersIcon";
 export * from "./icons/FormIcon";
+export * from "./icons/CodeFileIcon";
+export * from "./icons/TabletTouchIcon";
 export * from "./icons/PMFIcon";
 export * from "./icons/IdeaIcon";
 export * from "./icons/AngryBirdRageIcon";
@@ -29,3 +31,4 @@ export * from "./icons/CrossMarkIcon";
 export * from "./icons/CheckMarkIcon";
 export * from "./icons/BellIcon";
 export * from "./icons/SkyscraperIcon";
+export * from "./icons/UserDeveloperIcon";