Website update for FireCMS Cloud

website/.firebaserc

@@ -1,5 +1,5 @@
 {
   "projects": {
-    "default": "firecms-demo-27150"
+    "default": "firecms-backend"
   }
 }

website/docusaurus.config.js

@@ -74,11 +74,6 @@ module.exports = {
                     ],
                     position: "left"
                 },
-                {
-                    to: "enterprise",
-                    label: "Enterprise",
-                    position: "left"
-                },
                 {
                     to: "pricing",
                     label: "Pricing",
@@ -110,18 +105,18 @@ module.exports = {
                 {
                     to: "https://demo.firecms.co",
                     label: "Demo",
-                    // className: "btn shadow-none mr-2 px-6 py-2  uppercase",
-                    className: "btn mr-3 px-6 py-2 text-white  uppercase bg-primary hover:text-white hover:bg-blue-700",
+                    className: "btn shadow-none mr-2 px-6 py-2  uppercase",
+                    // className: "btn mr-3 px-6 py-2 text-white  uppercase bg-primary hover:text-white hover:bg-blue-700",
                     "aria-label": "Open the demo project",
                     position: "right"
                 },
-                // {
-                //     to: "https://app.firecms.co",
-                //     label: "Sign in",
-                //     className: "btn mr-3 px-6 py-2 text-white  uppercase bg-primary hover:text-white hover:bg-blue-700",
-                //     "aria-label": "Go to FireCMS Cloud",
-                //     position: "right"
-                // },
+                {
+                    to: "https://app.firecms.co",
+                    label: "Sign in",
+                    className: "btn mr-3 px-6 py-2 text-white  uppercase bg-primary hover:text-white hover:bg-blue-700",
+                    "aria-label": "Go to FireCMS Cloud",
+                    position: "right"
+                },
             ]
         },
         footer: {
@@ -140,6 +135,11 @@ module.exports = {
                     // Label of the section of these links
                     title: "Links",
                     items: [
+                        {
+                            to: "enterprise",
+                            label: "Enterprise",
+                            position: "left"
+                        },
                         {
                             label: "Demo",
                             to: "https://demo.firecms.co"

website/firebase.json

@@ -1,7 +1,7 @@
 {
     "hosting": {
         "public": "build",
-        "site": "firecms-landing",
+        "site": "firecms-landing-2",
         "trailingSlash": false,
         "ignore": [
             "firebase.json",

website/src/pages/enterprise.tsx

@@ -6,6 +6,8 @@ import { EnterpriseFeatures } from "../partials/enterprise/EnterpriseFeatures";
 import {
     EnterpriseArchitectures
 } from "../partials/enterprise/EnterpriseArchitectures";
+import { CTAButtonMixin, CTAOutlinedButtonWhiteMixin } from "../partials/utils";
+import { Panel } from "../partials/general/Panel";
 
 function Enterprise() {
     return (
@@ -17,8 +19,17 @@ function Enterprise() {
                     <EnterpriseHero/>
                     <EnterpriseFeatures/>
                     <EnterpriseArchitectures/>
-                    {/*<EnterpriseContact />*/}
-
+                    <Panel color={"primary"} centered={true}>
+                        <h2 className="h3 text-center mb-4">
+                            Happy to help you build your next product
+                        </h2>
+                        <a href="mailto:[email protected]?subject=FireCMS%20consulting"
+                           rel="noopener noreferrer"
+                           target="_blank"
+                           className={CTAOutlinedButtonWhiteMixin + " mb-8"}>
+                            Get in touch
+                        </a>
+                    </Panel>
                 </main>
 
             </div>

website/src/pages/index.tsx

@@ -12,6 +12,7 @@ import FirebaseIntro from "../partials/home/FirebaseIntro";
 import { Companies } from "../partials/home/Companies";
 import FeaturesTeaser from "../partials/home/FeaturesTeaser";
 import EnterpriseTeaser from "../partials/home/EnterpriseTeaser";
+import { FireCMSCloudIntro } from "../partials/home/FireCMSCloudIntro";
 
 function Home() {
     const context = useDocusaurusContext();
@@ -35,7 +36,7 @@ function Home() {
                     {/*<Separator/>*/}
                     <FirebaseIntro/>
 
-                    {/*<FireCMSCloudIntro/>*/}
+                    <FireCMSCloudIntro/>
 
                     <FeaturesPanels/>
 

website/src/pages/pricing.tsx

@@ -1,12 +1,9 @@
 import React from "react";
 
 import Layout from "@theme/Layout";
-
-import Features from "../partials/features/Features";
 import { Hero } from "../partials/general/Hero";
-import { DeveloperFeatures } from "../partials/features/DeveloperFeatures";
 import { VersionsComparison } from "../partials/pricing/VersionsComparison";
-import { PricingIntro } from "../partials/pricing/PricingIntro";
+import { SelfHosted } from "../partials/pricing/SelfHosted";
 import { FireCMSCloudVersions } from "../partials/pricing/FireCMSCloudVersions";
 
 function FeaturesPage() {
@@ -23,7 +20,10 @@ function FeaturesPage() {
                     </>}
                 subtitle={
                     <>
-                        <p>Experience the power of our CMS platform with a free, <b>self-hosted</b> option or upgrade to <b>FireCMS Cloud</b> for a premium, full-service solution.</p>
+                        <p>Experience the power of our CMS platform with a
+                            free, <b>self-hosted</b> option or upgrade to <b>FireCMS
+                                Cloud</b> for a premium, full-service solution.
+                        </p>
                     </>}
                 // cta={<a
                 //     href="mailto:[email protected]?subject=FireCMS%20consulting"
@@ -35,7 +35,7 @@ function FeaturesPage() {
             />
 
             <FireCMSCloudVersions/>
-            <PricingIntro/>
+            <SelfHosted/>
             <VersionsComparison/>
 
 

website/src/partials/features/DeveloperFeatures.tsx

@@ -36,7 +36,7 @@ export function DeveloperFeatures() {
     const isDarkTheme = colorMode === "dark";
 
     return (
-        <Panel color={"gray"} includeMargin={true}>
+        <Panel color={"gray"} includeMargin={false}>
 
             <p className="text-center text-secondary uppercase font-bold ">
                 For developers

website/src/partials/general/EnterpriseTeaser.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+
+import useBaseUrl from "@docusaurus/useBaseUrl";
+
+export function EnterpriseTeaser() {
+    return (
+        <section
+            className="relative ">
+            <div
+                className={"mx-auto px-4 sm:px-6 bg-primary text-white "}>
+                <div
+                    className="relative flex flex-col items-center px-6 py-12">
+                    <h4 className="h2 mb-4 text-white uppercase">
+                        Enterprise?
+                    </h4>
+
+                    <div
+                        className="flex flex-col space-y-2 items-center text-lg">
+                        <div className={"text-center mb-4"}>
+                            Learn how to get the most out of your
+                            project with the help of our consulting team.
+                        </div>
+                        <a href={useBaseUrl("enterprise")}
+                           className={"btn mx-auto sm:mb-0  py-4 bg-black text-white  hover:text-white uppercase border border-solid w-full sm:w-auto rounded"}>
+                            Get in touch
+                        </a>
+                    </div>
+
+                    <div className="flex flex-wrap">
+                        <div
+                            className="w-full py-2 border-b-2 border-gray-400 flex justify-between gap-2">
+                        </div>
+
+                    </div>
+
+                </div>
+            </div>
+        </section>
+    )
+}

website/src/partials/general/Panel.tsx

@@ -4,12 +4,12 @@ import { ContainerMixin } from "../utils";
 export function Panel({
                           children,
                           color = "gray",
-                          centered = true,
+                          centered = false,
                           includeMargin = false,
                           contained = false
                       }: {
     children: React.ReactNode,
-    color: "gray" | "primary" | "secondary",
+    color?: "gray" | "primary" | "secondary",
     centered?: boolean,
     includeMargin?: boolean,
     contained?: boolean
@@ -22,9 +22,10 @@ export function Panel({
     return (
         <section
             className={"max-w-full relative flex flex-col items " + colorClass
-                + (includeMargin ? " mt-16" : "")}>
+                + (includeMargin ? " my-16" : "")}>
             <div className={ContainerMixin
-                + (contained ? " my-16 max-w-3xl" : " my-12")}>
+                + (contained ? " my-16 max-w-3xl" : " my-12")
+                + (centered ? " mx-auto flex flex-col items-center" : "")}>
                 {children}
             </div>
         </section>

website/src/partials/home/FeaturesPanels.tsx

@@ -99,7 +99,7 @@ function FeaturesPanels() {
                             Advanced editing
                         </h4>
                         <p className="text-gray-600 dark:text-gray-200 text-center">
-                            Spreadsheet-like inline editing, powerful
+                            Spreadsheet-like editing, powerful
                             forms, files storage, entity references...
                         </p>
                     </div>

website/src/partials/home/FireCMSCloudIntro.tsx

@@ -3,7 +3,13 @@ import React from "react"
 import collectionEditorVideo
 // @ts-ignore
     from "@site/static/img/collection_editor_preview.mp4";
-import { ContainerMixin } from "../utils";
+import {
+    ContainerMixin,
+    CTAButtonMixin,
+    CTACaret,
+    CTAOutlinedButtonMixin, CTAOutlinedButtonWhiteMixin
+} from "../utils";
+import useBaseUrl from "@docusaurus/useBaseUrl";
 
 export const FireCMSCloudIntro = () => {
 
@@ -14,18 +20,19 @@ export const FireCMSCloudIntro = () => {
                 className={"px-4 sm:px-6 mb-16 bg-pink-400 text-white pb-16"}>
                 <div
                     className={ContainerMixin + " flex flex-col py-20"}>
+
                     <h2 className="h1 mb-4 text-gray-900 uppercase">
-                        New content-schema editor
+                        New No-code FireCMS
                     </h2>
 
                     <div className={"mt-4 mx-auto text-xl"}>
-                        <div>
-                            FireCMS Cloud is a hosted version of FireCMS that
-                            allows you to create your own headless CMS in
-                            minutes. It includes a new content schema editor
-                            that allows you to create your own content models
-                            and collections.
-                        </div>
+                        <p>
+                            <b>FireCMS Cloud</b> is a hosted version of FireCMS
+                            that allows you to create your own headless CMS
+                            in minutes. It includes a new content schema
+                            editor that allows you to create your own
+                            content models and collections.
+                        </p>
                         <p>If you have an <strong>existing Firebase
                             project</strong>, let FireCMS Cloud
                             set-up the collections for you based on your
@@ -36,8 +43,27 @@ export const FireCMSCloudIntro = () => {
                             new ones,
                             since it sets up a complete Google Cloud Project for
                             you.</p>
+
+                        <div >
+                            Note that you can always use the <a
+                            href={useBaseUrl("docs")}>self-hosted version</a> of
+                            FireCMS
+                        </div>
+
                     </div>
 
+
+                    <div className={"my-8"}>
+                        <a
+                            className={CTAOutlinedButtonWhiteMixin}
+                            href="http://app.firecms.co"
+                            rel="noopener noreferrer"
+                            target="_blank"
+                        >
+                            Go to FireCMS Cloud
+                            <CTACaret/>
+                        </a>
+                    </div>
                 </div>
             </div>
             <div
@@ -54,8 +80,3 @@ export const FireCMSCloudIntro = () => {
         </section>
     )
 }
-
-function validateEmail(email: string) {
-    const regex = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/;
-    return regex.test(email);
-}

website/src/partials/pricing/FireCMSCloudVersions.tsx

@@ -1,6 +1,11 @@
 import React from "react";
 import { ThreeColumns } from "../general/ThreeColumns";
-import { CTAButtonMixin, CTACaret, CTAOutlinedButtonMixin } from "../utils";
+import {
+    ContainerMixin,
+    CTAButtonMixin,
+    CTACaret,
+    CTAOutlinedButtonMixin
+} from "../utils";
 
 export function FireCMSCloudVersions() {
 
@@ -80,7 +85,7 @@ export function FireCMSCloudVersions() {
             </div>
             <div className={"text-center mt-4 text-primary w-full"}>
                 <a
-                    className={ CTAOutlinedButtonMixin}
+                    className={CTAOutlinedButtonMixin}
                     href="mailto:[email protected]?subject=FireCMS%20Cloud%20Pro"
                     rel="noopener noreferrer"
                     target="_blank"
@@ -92,19 +97,29 @@ export function FireCMSCloudVersions() {
         </div>
     );
 
-    return <section className={"flex flex-col items-center"}>
+    return <section
+        className={ContainerMixin + " flex flex-col items-center my-16 text-lg"}>
 
-        <h2 className={"text-3xl md:text-4xl font-bold mb-2 text-center"}>
-            FireCMS Cloud Versions
+        <h2 className={"text-3xl md:text-4xl font-bold mb-4 text-center"}>
+            Full no-code solution
         </h2>
+
+        <p>
+            <strong>FireCMS Cloud</strong> offers a complete, end-to-end
+            solution for businesses that require the highest level of
+            support and security. With dedicated hosting, advanced features, and
+            expert support, you'll have everything you need to take your project
+            to the next level.
+        </p>
+
         <ThreeColumns
             left={freeTier}
             center={plusTier}
             right={proTier}
         />
 
         <a
-            className={ CTAButtonMixin}
+            className={CTAButtonMixin}
             href="http://app.firecms.co"
             rel="noopener noreferrer"
             target="_blank"