Landing and deployment

introduction.mdx

@@ -1,6 +1,6 @@
 ---
 title: Introduction
-description: 'Welcome to the home of your new documentation'
+description: "Welcome to the home of your new documentation"
 ---
 
 <img

landing.mdx

@@ -0,0 +1,216 @@
+---
+title: Landing Page
+description: "Welcome to Landing Page"
+mode: "custom"
+---
+
+<section className="header-section section_container">
+  <section>
+    <div className="header-content">
+      <h1 className="section_title light">Welcome to</h1>
+      <h1 className="section_title bold">Dev Central</h1>
+      <p className="section-caption">
+        Dev Central is where we empower developers. Whether you're looking to use our automation capabilities, REST APIs, user guides, samples, or docs, we are here to help you quickly get started with the Venafi platform. Let's dive in!
+      </p>
+    </div>
+    <div className="header-image"></div>
+
+    <div className="card_row">
+      <div className="card" onClick={() => goToLink('https://developer.venafi.com/tlsprotectcloud/recipes', false)}>
+        <div className="image"></div>
+        <h2>Automate using recipes</h2>
+        <p>Unlock automation magic with Dev Central's sample recipes</p>
+        <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+      </div>
+
+      <div className="card" onClick={() => goToLink('https://developer.venafi.com/tlsprotectcloud/docs/control-plane-forwarding-logged-events', false)}>
+        <div className="image"></div>
+        <h2>Send events to SIEM</h2>
+        <p>Funnel critical machine identity events to SIEM for real-time insights</p>
+        <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+      </div>
+
+      <div className="card" onClick={() => goToLink('https://developer.venafi.com/tlsprotectcloud/docs/vcert-auto-cert-mgt-using-tlspc', false)}>
+        <div className="image"></div>
+        <h2>Automate using vCert</h2>
+        <p>Simplify certificate management operations with no-code CLI</p>
+         <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+      </div>
+
+    </div>
+
+  </section>
+</section>
+
+<section className="explore section_container">
+  <section className="landing explore">
+
+    <div className="section-image"></div>
+
+    <div className="section-hero">
+      <h1 className="section_title">Explore</h1>
+      <p className="section-caption">
+        Delve further into the World of Machine Identity! Discover and harness the power of our machine identity APIs and automation guides.
+      </p>
+    </div>
+
+    <div className="explore-container">
+
+      <div className="row">
+        <div className="card" onClick={() => goToLink('https://developer.venafi.com/tlsprotectcloud/reference/tls-protect-overview', false)}>
+          <div className="image"></div>
+          <h2>Explore APIs</h2>
+          <p>Browse through the catalogue of machine identity APIs</p>
+          <a className="landing-link">
+           <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+          </a>
+        </div>
+
+        <div className="card" onClick={() => goToLink('https://developer.venafi.com/tlsprotectcloud/docs', true)}>
+          <div className="image"></div>
+          <h2>Explore Guides</h2>
+          <p>Various guides for automating machine identity operations</p>
+          <a className="landing-link">
+           <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+          </a>
+        </div>
+
+        <div className="card" onClick={() => goToLink('https://developer.venafi.com/tlsprotectcloud/docs/firefly', false)}>
+          <div className="image"></div>
+          <h2>Test Drive Firefly</h2>
+          <p>Accelerate development at scale with trusted machine identities</p>
+          <a className="landing-link">
+           <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+          </a>
+        </div>
+
+      </div>
+
+    </div>
+
+  </section>
+</section>
+
+<section className="control-plane section_container">
+  <section className="landing">
+    <div className="section-image"></div>
+    <div className="section-hero">
+      <div className="image"></div>
+      <h1 className="section_title">Build</h1>
+      <p className="section-caption">
+        Welcome to our Ecosystem Hub! Collaborate with us to build innovative connectors and expand Venafi's ecosystem support.
+      </p>
+    </div>
+
+    <div className="control-plane-card-container">
+      <div className="card left_card" onClick={() => goToLink('https://developer.venafi.com/tlsprotectcloud/docs/libraries-and-sdks-connector-framework', false)}>
+        <div className="header_div">
+          <div className="image"></div>
+          <h2>Build connectors</h2>
+        </div>
+        <p>Build a connector to integrate Venafi with an application.</p>
+        <a className="landing-link">
+         <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+        </a>
+      </div>
+
+      <div className="card right_card" onClick={() => goToLink('https://developer.venafi.com/tlsprotectcloud/docs/ecosystem-design-patterns', false)}>
+        <div className="image"></div>
+        <div className="header_div">
+          <h2>Build with design patterns</h2>
+        </div>
+        <p>Master design patterns for efficient, reusable integrations. Elevate your solution-building game.</p>
+        <a className="landing-link">
+          <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+        </a>
+      </div>
+
+    </div>
+
+  </section>
+</section>
+
+<section className="connect-with-us section_container">
+  <section className="landing connect">
+    <div className="section-hero">
+      <h1 className="section_title">Community & Open Source</h1>
+      <p className="section-caption">
+        Join the Venafi community. Meet and network with fellow community members, exchange ideas and new technologies via Venafi GitHub and our open-source community. Build machine identity solutions for your organization.
+      </p>
+    </div>
+    <div className="section-image"></div>
+
+    <div className="connect-with-us-container">
+
+      <div className="row row1">
+
+        <div className="card" onClick={() => goToLink('https://community.venafi.com/private/login', true)}>
+          <div className="image"></div>
+          <h2>Venafi Community</h2>
+          <p>The community is available to all Venafi customers.</p>
+          <a className="landing-link">
+           <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+          </a>
+        </div>
+
+        <div className="card" onClick={() => goToLink('https://github.com/Venafi', true)}>
+          <div className="image"></div>
+          <h2>Venafi Github</h2>
+          <p>Check out and contribute to our open source repos.</p>
+          <a className="landing-link">
+            <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+          </a>
+        </div>
+
+        <div className="card" onClick={() => goToLink('https://cert-manager.io/', true)}>
+          <div className="image"></div>
+          <h2>Cert Manager</h2>
+          <p>Kubernetes Certificate Management Made Effortless.</p>
+          <a className="landing-link">
+            <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+          </a>
+        </div>
+
+      </div>
+
+      <div className="row row2">
+
+        <div className="card"></div>
+
+        <div className="card" onClick={() => goToLink('https://github.com/Jetstack', true)}>
+          <div className="image"></div>
+          <h2>Jetstack Github</h2>
+          <p>Unleash Kubernetes and Cloud-Native Power with Open Source Projects.</p>
+          <a className="landing-link">
+            <a className="landing-link">Learn More  <span className="material-symbols-outlined"> <Icon icon="arrow-right" iconType="thin" /></span> </a>
+          </a>
+        </div>
+
+      </div>
+
+    </div>
+
+  </section>
+</section>
+
+<section className="footer section_container">
+  <span className="footer-container">
+    <a href="https://www.venafi.com/terms-of-use" target="_blank">
+      Terms
+    </a>
+    <a href="https://www.venafi.com/privacy" target="_blank">
+      Privacy Policy
+    </a>
+    <a href="https://support.venafi.com/hc/en-us" target="_blank">
+      Support
+    </a>
+    <a
+      href="https://www.venafi.com/security"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      Disclosure
+    </a>
+    <span>Copyright © 2023 Venafi, Inc. All rights reserved.</span>
+  </span>
+</section>

mint.json

@@ -1,36 +1,54 @@
 {
   "$schema": "https://mintlify.com/schema.json",
   "name": "Starter Kit",
+  "modeToggle": {
+    "default": "light",
+    "isHidden": true
+  },
   "logo": {
-    "dark": "/logo/dark.svg",
-    "light": "/logo/light.svg"
+    "dark": "/logo/venafi_dev_central.png",
+    "light": "/logo/venafi_dev_central.png"
   },
+  "search": { "location": "side" },
   "favicon": "/favicon.svg",
   "colors": {
-    "primary": "#0D9373",
-    "light": "#07C983",
-    "dark": "#0D9373",
+    "primary": "#2979ff",
+    "light": "#2979ff",
+    "dark": "#2979ff",
     "anchors": {
       "from": "#0D9373",
       "to": "#07C983"
     }
   },
+  "redirects": [
+    {
+      "source": "/introduction",
+      "destination": "/landing"
+    }
+  ],
   "topbarLinks": [
     {
-      "name": "Support",
+      "name": "Product",
+      "url": "http://localhost:3000/introduction"
+    },
+    {
+      "name": "Resources",
+      "url": "mailto:hi@mintlify.com"
+    },
+    {
+      "name": "Ecosystem",
+      "url": "mailto:hi@mintlify.com"
+    },
+    {
+      "name": "Log In",
       "url": "mailto:hi@mintlify.com"
     }
   ],
   "topbarCtaButton": {
-    "name": "Dashboard",
+    "name": "Sign Up",
     "url": "https://dashboard.mintlify.com"
   },
-  "tabs": [
-    {
-      "name": "API Reference",
-      "url": "api-reference"
-    }
-  ],
+
   "anchors": [
     {
       "name": "Documentation",
@@ -51,11 +69,7 @@
   "navigation": [
     {
       "group": "Get Started",
-      "pages": [
-        "introduction",
-        "quickstart",
-        "development"
-      ]
+      "pages": ["introduction", "quickstart", "development"]
     },
     {
       "group": "Essentials",
@@ -70,9 +84,7 @@
     },
     {
       "group": "API Documentation",
-      "pages": [
-        "api-reference/introduction"
-      ]
+      "pages": ["api-reference/introduction"]
     },
     {
       "group": "Endpoint Examples",
@@ -88,4 +100,4 @@
     "github": "https://github.com/mintlify",
     "linkedin": "https://www.linkedin.com/company/mintsearch"
   }
-}
+}