Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

edit Pulumi Insights page layout #13424

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
+94 −59
Open

edit Pulumi Insights page layout #13424

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f2cce28
edit Pulumi Insights page layout
shughes26 Nov 22, 2024
0afaf90
PR feedback
shughes26 Nov 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 37 additions & 15 deletions content/product/pulumi-insights.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,43 +8,65 @@ aliases:
- /insights

overview:
titleTop: Intelligent Cloud Management
titleBottom:
header: Intelligent Cloud Management
title: A central hub to securely manage all of your environments, secrets, and configurations
body: |
- **Stop secret sprawl.** Pull and sync secrets and configuration with any secrets store – HashiCorp Vault, AWS Secrets Manager, Azure Key Vault, GCP Secret Manager, 1Password, and more – and consume in any application, tool, or CI/CD platform.
- **Trust (and prove) your secrets are secure.** Adopt dynamic, short-lived secrets on demand as a best practice. Lock down every environment with RBAC, versioning, and a full audit log of all changes.
- **Ditch `.env` files.** No more copying-and-pasting secrets or storing them in plaintext on dev computers. Developers can easily access secrets via CLI, API, Kubernetes operator, the Pulumi Cloud UI, and SDKs.
- **Use with or without Pulumi IaC.** Use Pulumi ESC independently, or use with Pulumi IaC to support storing secrets in config in a more secure way than using plaintext.
description: |
Pulumi Insights is an asset and compliance management service that gives search, compliance remediation, resource visualizations, and AI insights over any infrastructure, including resources not provisioned by Pulumi IaC such as AWS CloudFormation, Microsoft ARM, HashiCorp Terraform, or even manually.
items:
- title: Gain Unique Insights
icon: eye
- title: Security
icon: shield
icon_color: purple
description: |
Analyze and dig into your organization’s cloud usage and trends.

- title: Increase Productivity
icon: nodes
- title: Compliance
icon: gavel
icon_color: yellow
description: |
Reduce lead time from ideation to delivery through Pulumi AI and Pulumi Copilot.

- title: Improve Operations
icon: shield
- title: Efficiency
icon: cycle
icon_color: blue
description: |
Analyze and update infrastructure to optimize costs, enhance security, and ensure compliance.

workflow:
- header: Discover
body: Lorem ipsum odor amet, consectetuer adipiscing elit. Malesuada quis pellentesque vehicula, fermentum nostra a.
- header: Understand
body: Lorem ipsum odor amet, consectetuer adipiscing elit. Mattis venenatis viverra orci sapien, fermentum massa.
- header: Manage
body: Lorem ipsum odor amet, consectetuer adipiscing elit. Per felis mollis vitae bibendum torquent fringilla urna.
- header: Import
body: Lorem ipsum odor amet, consectetuer adipiscing elit. Massa euismod fermentum aliquet primis auctor hendrerit velit.

features:
- header: Resource Search
subheader: Find anything in any cloud
body: Ask any questions about your infrastructure across more than 100 clouds, using either structured search queries or natural language prompts. Search helps you find that needle in the haystack – locating a single resource across many clouds and environments – as well as running sophisticated queries such as tracking down untagged or expensive resources across the whole organization.
graphic: https://www.pulumi.com/uploads/pulumi-insights-search.gif
- header: Policy Violations
subheader: Lorem ipsum odor amet
body: Lorem ipsum odor amet, consectetuer adipiscing elit. Fames scelerisque sagittis ipsum felis neque. Sociosqu nisl pulvinar eget enim vestibulum litora platea. In lobortis nisi phasellus purus primis laoreet mollis torquent sed.
graphic: https://www.pulumi.com/uploads/pulumi-insights-search.gif
- header: AI copilot
subheader: Automate infrastructure with the power of AI
body: Automate infrastructure management tasks through AI. You can tap into the Pulumi Copilot's deep understanding of your user and organization context to gain visibility into your team's activity, discover cost saving opportunities, get compliant, and debug cloud failures.
graphic: https://www.pulumi.com/uploads/pulumi-insights-copilot.gif

ai:
title: AI
subtitle: Automate infrastructure with the power of AI
image: https://www.pulumi.com/uploads/pulumi-insights-copilot.gif
description: |
Automate infrastructure management tasks through AI. You can tap into the Pulumi Copilot's deep understanding of your user and organization context to gain visibility into your team's activity, discover cost saving opportunities, get compliant, and debug cloud failures.

search:
title: Search
subtitle: Find anything in any cloud
image: https://www.pulumi.com/uploads/pulumi-insights-search.gif
description: |
Ask any questions about your infrastructure across more than 100 clouds, using either structured search queries or natural language prompts. Search helps you find that needle in the haystack – locating a single resource across many clouds and environments – as well as running sophisticated queries such as tracking down untagged or expensive resources across the whole organization.

customer_quotes:
alkira:
text: |
Expand Down
101 changes: 57 additions & 44 deletions layouts/product/pulumi-insights.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,33 @@
{{ define "hero" }}
{{ partial "hero" (dict "title" .Params.title) }}
{{ partial "hero" (dict "title" .Params.title "subtitle" .Params.overview.header) }}
{{ end }}

{{ define "main" }}
{{ $pageContext := . }}


<section id="overview" class="max-w-5xl mx-auto text-center mb-16 mt-2 px-6">
{{ with .Params.overview }}
<h2>{{ .titleTop }}<br />{{ .titleBottom }}</h2>
<p>{{ .description | markdownify }}</p>
{{ end }}
<div class="flex flex-wrap justify-content items-stretch text-left mt-8">
<section id="description" class="container mx-auto my-16 flex flex-col">
<h4 class="hidden lg:block xl:hidden text-center mb-8">{{ .Params.overview.title }}</h4>
<div class="flex flex-col lg:flex-row px-8">
<div class="w-full lg:w-1/2 lg:pr-8 order-last lg:order-first">
<h4 class="block lg:hidden xl:block">{{ .Params.overview.title }}</h4>
<p>{{ .Params.overview.body | markdownify }}</p>
<div class="mt-8 flex justify-center">
<a href="/docs/pulumi-cloud/insights/" class="btn-primary">Get Started with Pulumi Insights</a>
</div>
</div>
<div class="w-full lg:w-1/2 mb-8 lg:mb-0">
<div class="rounded-xl shadow-2xl relative h-0 overflow-hidden" style="padding-bottom: 50.25%;">
<iframe
src="https://www.youtube.com/embed/JY3Cm1UUIYE?rel=0"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;"
allowfullscreen=""
title="Pulumi ESC Introduction"
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}</style><a href=https://www.youtube.com/embed/JY3Cm1UUIYE?autoplay=1><img src='/images/video-cards/esc-thumbnail.png' alt='Pulumi ESC Overview - Revolutionizing Secrets Management'></a>"
></iframe>
</div>
</div>
</div>
<div class="flex flex-wrap justify-content items-stretch text-left mt-16">
{{ range $item := .Params.overview.items }}
<div class="w-full lg:w-1/3 p-3">
<div class="h-full card bg-white p-12">
Expand All @@ -30,24 +46,41 @@ <h5>{{ $item.title }}</h5>
</div>
</section>

<section id="announcement" class="max-w-full mx-auto text-center my-8 px-6">
<div class="flex justify-center rounded-md bg-violet-100">
<p class="text-center">
✨ <span class="font-bold">New - Pulumi Insights 2.0 - Import and Sync All Cloud Infrastructure:</span> <a href="/product/waitlist"> Sign up for the waitlist</a> ✨
</p>
<section id="workflow" class="my-20 px-4">
<div class="container mx-auto">
<h2 class="text-center mb-4">Workflow</h2>
<div class="p-0.5 rounded-lg" style="background: linear-gradient(90deg, #f7bf2a 0%, #f26e7e 18.23%, #be5188 38.02%, #8a3391 53.65%, #805ac3 74.48%, #7682f4 100%);">
<div class="rounded-lg bg-white flex flex-wrap mx-auto p-4">
{{ range $feature := .Params.workflow }}
<div class="w-1/2 md:w-1/3 lg:w-1/4 p-4">
<div class="text-center h-full">
<h5>{{ $feature.header }}</h5>
<p>{{ $feature.body }}</p>
</div>
</div>
{{ end }}
</div>
</div>
</div>
</section>

<section id="search " class="container my-20 mx-auto text-center px-6">
{{ with .Params.search }}
<div class="container mx-auto flex flex-col lg:flex-row">
<div class="w-full lg:w-1/2 lg:content-center lg:pl-16">
<h2 class="m-0 p-0">{{ .title }}</h2>
<h4 class="p-0 m-0 text-gray-800">{{ .subtitle }}</h4>
<div class="max-w-4xl mx-auto my-8">{{ .description | markdownify }}</div>
<h2 class="text-center">Key Features</h2>
{{ range $index, $feature := .Params.features }}
{{ $order := "lg:order-first lg:pr-4" }}
{{ $padding := "lg:pl-16" }}
{{ if eq (mod $index 2) 0 }}
{{ $order = "lg:order-last lg:pl-4"}}
{{ $padding = "lg:pr-16" }}
{{ end }}
<div class="container mx-auto flex flex-col text-center lg:flex-row my-16">
<div class="w-full lg:w-1/2 lg:content-center {{ $padding }}">
<h3 class="m-0 p-0">{{ $feature.header }}</h3>
<h4 class="p-0 m-0 text-gray-800">{{ $feature.subheader }}</h4>
<div class="max-w-4xl mx-auto my-8">{{ $feature.body | markdownify }}</div>
</div>
<div class="w-full lg:w-1/2 lg:order-first">
<img class="mx-auto lg:ml-0 rounded shadow-lg" src="{{ .image }}" alt="Pulumi Insights Search" />
<div class="w-full lg:w-1/2 {{ $order }}">
<img class="mx-auto rounded shadow-lg" src="{{ $feature.graphic }}" />
</div>
</div>
{{ end }}
Expand All @@ -64,7 +97,7 @@ <h4 class="p-0 m-0 text-gray-800">{{ .subtitle }}</h4>
</div>
</section>

<section id="analytics" class="container my-28 mx-auto text-center px-6">
<section id="analytics" class="container my-20 mx-auto text-center px-6">
{{ with .Params.analytics }}
<div class="card p-6 lg:p-28 bg-white">
<h2 class="m-0 p-0">{{ .title }}</h2>
Expand All @@ -75,27 +108,7 @@ <h4 class="p-0 m-0 text-gray-800">{{ .subtitle }}</h4>
{{ end }}
</section>

<div class="bg-gray-100">
<section id="ai" class="container mt-16 mb-20 mx-auto text-center px-6 py-8 flex flex-col lg:flex-row">
{{ with .Params.ai }}
<div class="w-full lg:w-1/2 lg:content-center lg:pr-16">
<h2 class="m-0 p-0">{{ .title }}</h2>
<h4 class="p-0 m-0 text-gray-800">{{ .subtitle }}</h4>
<div class="max-w-4xl mx-auto my-8">{{ .description | markdownify }}</div>
<div class="w-full flex justify-center items-center">
<div class="h-12">
<a class="btn-primary" href="https://app.pulumi.com">Try it Now</a>
</div>
</div>
</div>
<div class="w-full lg:w-1/2 content-center">
<img class="mx-auto lg:mr-0 rounded shadow-lg" src="{{ .image }}" alt="Pulumi Insights AI" />
</div>
{{ end }}
</section>
</div>

<section id="pricing" class="container mx-auto text-center mt-28 px-6">
<section id="pricing" class="container mx-auto text-center my-16 px-6">
{{ with .Params.pricing }}
<h2>{{ .title }}</h2>
<p class="max-w-2xl mx-auto">{{ .description | markdownify }}</p>
Expand All @@ -105,7 +118,7 @@ <h2>{{ .title }}</h2>
{{ end }}
</section>

<section id="get-started" class="container px-6 lg:px-0 mx-auto my-28 px-6">
<section id="get-started" class="container px-6 lg:px-0 mx-auto my-20 px-6">
<div class="w-full bg-violet-600 card p-6 lg:p-16 lg:pt-24 text-center">
<div class="max-w-xl mx-auto">
<h2 class="text-white hidden lg:block px-0 lg:px-16">{{ .Params.get_started.title }}</h2>
Expand Down
Loading