From d8d6480876a948cceae5356580c6cd8f1fcc0c0e Mon Sep 17 00:00:00 2001 From: knugget Date: Fri, 27 Jan 2023 11:31:43 +0100 Subject: [PATCH] update PMF Widget, delete old LP subpages --- apps/demo/components/PmfButton.tsx | 18 +- apps/formbricks-com/pages/core-api.tsx | 71 -------- apps/formbricks-com/pages/email.tsx | 67 -------- apps/formbricks-com/pages/formbricks-hq.tsx | 115 ------------- apps/formbricks-com/pages/get-started.tsx | 124 -------------- .../pages/react-form-library.tsx | 147 ----------------- apps/formbricks-com/pages/visual-builder.tsx | 156 ------------------ apps/formbricks-com/pages/webhooks.tsx | 26 --- packages/pmfWidget/src/form.css | 6 + 9 files changed, 20 insertions(+), 710 deletions(-) delete mode 100644 apps/formbricks-com/pages/core-api.tsx delete mode 100644 apps/formbricks-com/pages/email.tsx delete mode 100644 apps/formbricks-com/pages/formbricks-hq.tsx delete mode 100644 apps/formbricks-com/pages/get-started.tsx delete mode 100644 apps/formbricks-com/pages/react-form-library.tsx delete mode 100644 apps/formbricks-com/pages/visual-builder.tsx delete mode 100644 apps/formbricks-com/pages/webhooks.tsx diff --git a/apps/demo/components/PmfButton.tsx b/apps/demo/components/PmfButton.tsx index d5695971bf..6168740777 100644 --- a/apps/demo/components/PmfButton.tsx +++ b/apps/demo/components/PmfButton.tsx @@ -18,12 +18,22 @@ export default function PmfButton() { formbricksUrl: "http://localhost:3000", formId: "cldbru2nu000s19t6mtc4bhk4", containerId: "formbricks", - style: { - brandColor: "#0891b2", + contact: { + name: "Jonathan", + position: "Co-Founder", + imgUrl: "https://avatars.githubusercontent.com/u/41432658?v=4", }, customer: { - name: "John Doe", - email: "john@doe.com", + id: "test@crowd.dev", + name: "Test Customer", + email: "test@crowd.dev", + }, + style: { + brandColor: "#e94f2e", + headerBGColor: "#F9FAFB", + boxBGColor: "#ffffff", + textColor: "#140505", + buttonHoverColor: "#F9FAFB", }, }, }; diff --git a/apps/formbricks-com/pages/core-api.tsx b/apps/formbricks-com/pages/core-api.tsx deleted file mode 100644 index a06ded5576..0000000000 --- a/apps/formbricks-com/pages/core-api.tsx +++ /dev/null @@ -1,71 +0,0 @@ -import HeroTitle from "@/components/shared/HeroTitle"; -import Layout from "@/components/shared/Layout"; -import ImageCoreApi from "@/images/core-api.svg"; -import Image from "next/image"; -import CTA from "../components/shared/CTA"; -import WhyFormbricks from "../components/shared/WhyFormbricks"; -import FeatureHighlight from "@/components/shared/FeatureHighlight"; -import { CodeBracketSquareIcon, TableCellsIcon, ServerStackIcon } from "@heroicons/react/24/outline"; - -const features = [ - { - id: "allForms", - name: "Works with Every Form", - description: "Javascript forms, HTML forms, form widgets - all works. Send it over, take it from here.", - icon: CodeBracketSquareIcon, - }, - { - id: "schemaSupport", - name: "Schema Support", - description: "Add as many email addresses as you like. Send responses and notifications.", - icon: TableCellsIcon, - }, - { - id: "selfHost", - name: "Self-host or Cloud", - description: "Manage submissions in our FormHQ or host the entire solution yourself.", - icon: ServerStackIcon, - }, -]; - -const CoreAPIPage = () => ( - - - } - isImgLeft - /> -
    - {features.map((feature) => ( -
  • -
    -
    - -
    -
    -
    -

    {feature.name}

    -
    -
    Description
    -
    {feature.description}
    -
    -
    -
    • - ))} -
- -
- - -); - -export default CoreAPIPage; diff --git a/apps/formbricks-com/pages/email.tsx b/apps/formbricks-com/pages/email.tsx deleted file mode 100644 index 3ca407d070..0000000000 --- a/apps/formbricks-com/pages/email.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import HeroTitle from "@/components/shared/HeroTitle"; -import Layout from "@/components/shared/Layout"; -import ImageEmail from "@/images/email.svg"; -import Image from "next/image"; -import TryItCTA from "../components/shared/TryItCTA"; -import FeatureHighlight from "@/components/shared/FeatureHighlight"; -import { CodeBracketSquareIcon, EnvelopeOpenIcon, ServerStackIcon } from "@heroicons/react/24/outline"; - -const features = [ - { - id: "allForms", - name: "Works with Every Form", - description: "Javascript forms, HTML forms, form widgets - all works. Send it over, take it from here.", - icon: CodeBracketSquareIcon, - }, - { - id: "dataInsights", - name: "Multiple Email Addresses", - description: "Add as many email addresses as you like. Send responses and notifications.", - icon: EnvelopeOpenIcon, - }, - { - id: "selfHost", - name: "Self-host or Cloud", - description: "Set your emails up in our Formbricks HQ or self-host the entire solution yourself.", - icon: ServerStackIcon, - }, -]; - -const EmailPage = () => ( - - - } - isImgLeft - cta="Get started" - href="/waitlist" - /> -
    - {features.map((feature) => ( -
  • -
    -
    - -
    -
    -
    -

    {feature.name}

    -
    -
    Description
    -
    {feature.description}
    -
    -
    -
    • - ))} -
- - -); - -export default EmailPage; diff --git a/apps/formbricks-com/pages/formbricks-hq.tsx b/apps/formbricks-com/pages/formbricks-hq.tsx deleted file mode 100644 index d4d3a8b309..0000000000 --- a/apps/formbricks-com/pages/formbricks-hq.tsx +++ /dev/null @@ -1,115 +0,0 @@ -import HeroTitle from "@/components/shared/HeroTitle"; -import Layout from "@/components/shared/Layout"; -import CTA from "../components/shared/CTA"; -import ImageFormHQ from "../images/form-hq.png"; -import Image from "next/image"; -import HeadingCentered from "@/components/shared/HeadingCentered"; -import { - CodeBracketIcon, - SquaresPlusIcon, - ChartBarIcon, - ArrowTrendingUpIcon, - DocumentPlusIcon, - RectangleGroupIcon, -} from "@heroicons/react/24/outline"; -import clsx from "clsx"; - -const features = [ - { - id: "dataPipelines", - name: "Data Pipelines", - description: "Save your data where you need it. Use webhooks or pre-built integrations.", - icon: SquaresPlusIcon, - }, - { - id: "dataInsights", - name: "Powerful Data Insights", - description: "View and manage your results quicker. Handle submissions in our dahsboard.", - icon: ChartBarIcon, - }, - { - id: "fullOwnership", - name: "Full Data Ownership", - description: "We run open source. Self-host your instance and your data never leaves your servers.", - icon: CodeBracketIcon, - }, - { - id: "nocodeBuilder", - name: "No-Code Builder", - description: "Let your operators create and change forms. Stick with React to style and embed forms.", - icon: RectangleGroupIcon, - comingSoon: true, - }, - { - id: "analytics", - name: "Built-in Analytics", - description: "Opening rate, drop-offs, conversions. Use privacy-first analytics out of the box.", - icon: ArrowTrendingUpIcon, - comingSoon: true, - }, - { - id: "templates", - name: "Survey Templates", - description: "NPS, CSAT, Employee Surveys. Name your business objective, we have the questions.", - icon: DocumentPlusIcon, - comingSoon: true, - }, -]; - -const FormHQPage = () => ( - - - Formbricks HQ user interface to create forms, manage submissions open source. - -
    - {features.map((feature) => ( -
  • -
    -
    - -
    -
    -
    -

    {feature.name}

    -
    -
    Description
    -
    {feature.description}
    - {feature.comingSoon && ( -
    - - coming soon - -
    - )} -
    -
    -
    • - ))} -
- - -); - -export default FormHQPage; diff --git a/apps/formbricks-com/pages/get-started.tsx b/apps/formbricks-com/pages/get-started.tsx deleted file mode 100644 index 82ad41b426..0000000000 --- a/apps/formbricks-com/pages/get-started.tsx +++ /dev/null @@ -1,124 +0,0 @@ -import Layout from "@/components/shared/Layout"; -import HeroTitle from "@/components/shared/HeroTitle"; -import Button from "../components/shared/Button"; -import { useRouter } from "next/router"; -import { - CloudIcon, - ArrowPathIcon, - InboxArrowDownIcon, - PuzzlePieceIcon, - ServerStackIcon, - ShieldCheckIcon, - CommandLineIcon, - BuildingLibraryIcon, -} from "@heroicons/react/24/outline"; - -export default function GetStartedPage() { - const router = useRouter(); - return ( - - - -
-
- -

Cloud

-

Managed hosting by Formbricks core team

-

- Free for 200 submissions/mo -

-

then $0.01/submission

-
-
- -

Start receiving submissions right away

-
-
- -

Automatic upgrades

-
-
- -

All enterprise features included

-
-
- {/* */} - -
- - {/*
- -

Self-host

-

Submission data never leaves your infrastructure

-

- Free for 500 submissions/mo -

-

then $0.01/submission

-
-
- -

Easy deploy for most private cloud platforms

-
-
- -

Full access to production instance

-
-
- -

Full compliance with all data privacy regulation

-
-
- -
*/} -
- -

Self-host

-

Submission data never leaves your infrastructure

-

- Open-Source, free forever -
-
-

-
-
- -

Easy deploy for most private cloud platforms

-
-
- -

Infinite Customization Capabilities

-
-
- -

Open Source under MIT License

-
-
- -
-
- - ); -} diff --git a/apps/formbricks-com/pages/react-form-library.tsx b/apps/formbricks-com/pages/react-form-library.tsx deleted file mode 100644 index fdde620c69..0000000000 --- a/apps/formbricks-com/pages/react-form-library.tsx +++ /dev/null @@ -1,147 +0,0 @@ -import Layout from "@/components/shared/Layout"; -import HeroTitle from "@/components/shared/HeroTitle"; -import Image from "next/image"; -import ImageReactLib from "@/images/react-lib.png"; -import ImageSchemaGeneration from "@/images/schema-generation-svg.svg"; -import HeadingCentered from "@/components/shared/HeadingCentered"; -import { CheckIcon, PlusIcon } from "@heroicons/react/24/outline"; -import TryItCTA from "../components/shared/TryItCTA"; -import FeatureHighlight from "@/components/shared/FeatureHighlight"; - -const hereFeatures = [ - { - name: "Unlimited forms", - }, - { - name: "Unlimited submissions", - }, - { - name: "Multiple choice questions", - }, - { - name: "Free text questions", - }, - { - name: "Custom “ThankYou” Page", - }, - { - name: "Webhooks", - }, - { - name: "Email Notifications", - }, -]; - -const nextFeatures = [ - { - name: "20+ question types", - }, - { - name: "Integrations", - }, - { - name: "Granular data piping", - }, - { - name: "In-depth analytics", - }, -]; - -const soonFeatures = [ - { - name: "AI supported analysis", - }, - { - name: "Form logic", - }, - { - name: "Hidden fields ", - }, - { - name: "A/B Test of wording", - }, - { - name: "Vue.js Library", - }, -]; - -const ReactFormBuilderPage = () => ( - - - } - isImgLeft - /> - } - /> - -
-
- {hereFeatures.map((feature) => ( -
-
-
-
- ))} -
-
- {nextFeatures.map((feature) => ( -
-
-
-

next

-
-

{feature.name}

-
-
- ))} -
-
- {soonFeatures.map((feature) => ( -
-
-
-

soon

-
-

{feature.name}

-
-
- ))} - -
-
- -
-
- - -); - -export default ReactFormBuilderPage; diff --git a/apps/formbricks-com/pages/visual-builder.tsx b/apps/formbricks-com/pages/visual-builder.tsx deleted file mode 100644 index 506f5fd74d..0000000000 --- a/apps/formbricks-com/pages/visual-builder.tsx +++ /dev/null @@ -1,156 +0,0 @@ -import HeroTitle from "@/components/shared/HeroTitle"; -import Layout from "@/components/shared/Layout"; -import CTA from "../components/shared/CTA"; -import Image from "next/image"; -import ImageEmail from "../images/email.svg"; -import HeadingCentered from "@/components/shared/HeadingCentered"; -import FeatureHighlight from "@/components/shared/FeatureHighlight"; -import { CheckIcon, PlusIcon } from "@heroicons/react/24/outline"; - -const hereFeatures = [ - { - name: "Unlimited forms", - }, - { - name: "Unlimited submissions", - }, - { - name: "Multiple choice questions", - }, - { - name: "Free text questions", - }, - { - name: "Custom “ThankYou” Page", - }, - { - name: "Webhooks", - }, - { - name: "Email Notifications", - }, -]; - -const nextFeatures = [ - { - name: "20+ question types", - }, - { - name: "Integrations", - }, - { - name: "Granular data piping", - }, - { - name: "In-depth analytics", - }, -]; - -const soonFeatures = [ - { - name: "Survey Templates", - }, - { - name: "Form logic", - }, - { - name: "Hidden fields ", - }, - { - name: "A/B Test of wording", - }, -]; - -const FormHQPage = () => ( - - - - - Your browser does not support the video tag. - - } - isImgLeft - cta="coming soon" - href="#" - disabled - /> - } - /> - - -
-
- {hereFeatures.map((feature) => ( -
-
-
-
- ))} -
-
- {nextFeatures.map((feature) => ( -
-
-
-

next

-
-

{feature.name}

-
-
- ))} -
-
- {soonFeatures.map((feature) => ( -
-
-
-

soon

-
-

{feature.name}

-
-
- ))} - -
-
- -
-
- - -); - -export default FormHQPage; diff --git a/apps/formbricks-com/pages/webhooks.tsx b/apps/formbricks-com/pages/webhooks.tsx deleted file mode 100644 index 097693e5f6..0000000000 --- a/apps/formbricks-com/pages/webhooks.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import HeroTitle from "@/components/shared/HeroTitle"; -import Layout from "@/components/shared/Layout"; -import ImageWebhooks from "@/images/webhook-png.png"; -import Image from "next/image"; -import CTA from "../components/shared/CTA"; -import FeatureHighlight from "@/components/shared/FeatureHighlight"; - -const WebhooksPage = () => ( - - - } - isImgLeft - cta="Read docs" - href="/docs" - /> - - -); - -export default WebhooksPage; diff --git a/packages/pmfWidget/src/form.css b/packages/pmfWidget/src/form.css index 875c4218af..b19a0c37d6 100644 --- a/packages/pmfWidget/src/form.css +++ b/packages/pmfWidget/src/form.css @@ -105,10 +105,16 @@ border-radius: var(--formbricks-border-radius); resize: none; transition: all 0.3s ease-out; + overflow: auto; + outline: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .formbricks-textarea:focus { border-color: var(--formbricks-brand-color); + box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); } /* Radio */