Tina/enterprise landing page

components/blocks/HeroForm.tsx

@@ -0,0 +1,118 @@
+import { Container } from './Container'
+import HeroBg from '../../public/svg/hero-bg.svg'
+
+export function HeroBlock({ data, index }) {
+  return (
+    <section
+      key={index}
+      className={`relative overflow-visible z-10 text-center px-8 pb-10 md:pb-16 lg:pb-28 pt-32 lg:pt-40`}
+    >
+      <Container width="narrow" center>
+        <HeroFeature item={data} />
+
+        <form
+          action="https://formspree.io/f/mzbqndez"
+          method="POST"
+        >
+          <label>
+            Your email:
+            <input type="email" name="email" />
+          </label>
+          <label>
+            Your message:
+            <textarea name="message"></textarea>
+          </label>
+          <!-- your other form fields go here -->
+          <button type="submit">Send</button>
+        </form>
+
+      </Container>
+      <HeroBg className="absolute pointer-events-none -z-1 left-0 bottom-0 w-full h-auto" />
+    </section>
+  )
+}
+
+export const HeroFeature = ({ item }) => {
+  return (
+    <>
+      <div className="feature">
+        {item.headline && <h2 className="heading">{item.headline}</h2>}
+        {item.text && <p className="text-xl mt-6">{item.text}</p>}
+      </div>
+      <style jsx>{`
+        .heading {
+          font-family: var(--font-tuner);
+          font-weight: bold;
+          font-style: normal;
+          font-size: 2.5rem;
+          line-height: 1.3;
+          letter-spacing: 0.1px;
+          display: inline-block;
+          color: transparent;
+          background: linear-gradient(
+            to right,
+            var(--color-orange-light),
+            var(--color-orange),
+            var(--color-orange-dark)
+          );
+          -webkit-background-clip: text;
+          background-clip: text;
+          text-align: center;
+          margin: 0 auto;
+          max-width: 12em;
+
+          @media (min-width: 800px) {
+            font-size: 3rem;
+          }
+
+          @media (min-width: 1200px) {
+            font-size: 3.5rem;
+          }
+        }
+      `}</style>
+    </>
+  )
+}
+
+export const Video = ({ src }) => {
+  return (
+    <>
+      <video
+        className="video"
+        autoPlay={true}
+        loop
+        muted
+        playsInline
+        poster={`https://res.cloudinary.com/forestry-demo/video/upload/so_0/${src}.jpg`}
+      >
+        <source
+          src={`https://res.cloudinary.com/forestry-demo/video/upload/q_100,h_584/${src}.webm`}
+          type="video/webm"
+        />
+        <source
+          src={`https://res.cloudinary.com/forestry-demo/video/upload/q_80,h_584/${src}.mp4`}
+          type="video/mp4"
+        />
+      </video>
+      <style jsx>{`
+        .video {
+          width: 100%;
+          border-radius: 0.5rem;
+          box-shadow: inset 0 0 0 1px rgba(236, 72, 21, 0.03),
+            0 6px 24px rgba(0, 37, 91, 0.05), 0 2px 4px rgba(0, 37, 91, 0.03);
+          display: flex;
+          justify-content: center;
+
+          @media (min-width: 1100px) {
+            width: 90%;
+            margin: 0 auto;
+          }
+
+          @media (min-width: 1400px) {
+            width: 80%;
+          }
+        }
+      `}</style>
+    </>
+  )
+}

content/blocksPages/enterprise.json

@@ -0,0 +1,67 @@
+{
+  "blocks": [
+    {
+      "headline": "Reduce costs. Increase security & performance.",
+      "text": "Most customers see greater than 50% reduction in licensing and operating costs when switching from enterprise-level CMS platforms to TinaCMS",
+      "videoSrc": "",
+      "_template": "hero"
+    },
+    {
+      "items": [
+        {
+          "headline": "CI/CD ",
+          "text": "Integration with your CI/CD pipeline, pre-prod env VS prod environment. \n"
+        },
+        {
+          "headline": "No More Caching",
+          "text": "Reduce the need for caching layers. Isn’t of caching layers, your content is statically generated and distributed through CDN networks. \n"
+        },
+        {
+          "headline": "Version Control for your Content",
+          "text": "Developers know how much of a lifesaver Git is, but it's just as big a deal when it comes to website content as well. Screw-ups can be rolled back to earlier commits, meaning you can always go back to a previous version of your site with a few keystrokes."
+        },
+        {
+          "headline": "Reduced Hosting and Operating Costs",
+          "text": "Most customers see greater than 50% reduction in licensing and operating costs when switching from enterprise-level CMS platforms to TinaCMS"
+        },
+        {
+          "headline": "Simplified Development and Maintenance",
+          "text": "Developers become much more efficient when using modern static site frameworks and a headless CMS. Updates and deployments become simpler, reducing the risk of bugs and downtime."
+        },
+        {
+          "headline": "Enhanced Security",
+          "text": "Static sites reduce the attack surface by eliminating server-side processing. Static files and strict access controls minimize vulnerabilities, offering a more secure architecture for enterprise organizations. This means that DDOS attacks, scripting hacks, and database exploits are not an issue. "
+        },
+        {
+          "headline": "Better Performance and Scalability",
+          "text": "There's a reason that a normal static site hosted on a CDN is often 10 times faster time-to-first-byte than a site built with a legacy CMS.  Static architecture delivers fast load times and scalability by pre-rendering pages as static assets and serving them from a CDN, ensuring a seamless user experience even during high traffic periods."
+        }
+      ],
+      "_template": "featureGrid"
+    },
+    {
+      "title": "FAQ",
+      "intro": "",
+      "questions": [
+        {
+          "question": "How are Tina and Forestry different?",
+          "answer": "Forestry and Tina share a lot in common but there are some key differences.\n\n* Tina's UI is an open-source single page application that you host with your site (i.e. mysite.com/admin).\n* Tina does not have a preview button like Forestry. If previewing is needed, we recommend setting up visual editing for a live  preview.\n* Tina only supports GitHub repositories at this time.\n* Tina offers an API so you can query for your content much like you would with a traditional headless CMS. This supports complex queries (filter, sort, etc), server-side rendering, client-side rendering, and incremental static regeneration.\n\nYou can see a full list of missing features between Forestry.io and TinaCMS [here](https://tina.io/docs/forestry/missing-forestry-features/).\n"
+        },
+        {
+          "question": "How do I migrate my site from Forestry to Tina?",
+          "answer": "To migrate a Forestry site to Tina, see this [migration guide](https://gmail.us20.list-manage.com/track/click?u=1fea337bee20e7270d025ea8a\\&id=5196507034\\&e=963e000296) or [video walkthrough](https://gmail.us20.list-manage.com/track/click?u=1fea337bee20e7270d025ea8a\\&id=4589793572\\&e=963e000296)\n"
+        },
+        {
+          "question": "More questions? ",
+          "answer": "Contact us at [info@tina.io](mailto\\:info@tina.io)\n"
+        }
+      ],
+      "color": "white",
+      "_template": "faq"
+    }
+  ],
+  "seo": {
+    "title": "Enterprise",
+    "description": ""
+  }
+}