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

AI Flows videos on Youtube and pricing discount #323

Merged
merged 1 commit into from
Oct 4, 2023
Merged

AI Flows videos on Youtube and pricing discount #323

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
28 changes: 18 additions & 10 deletions docs/core_concepts/22_ai_generation/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,21 +66,29 @@ Generate flows from prompts.

Describe the sequence of actions you wish to execute, and the AI Flow builder will write all the steps, link them together, and allow you to trigger the flow manually.

<video
className="border-2 rounded-xl object-cover w-full h-full dark:border-gray-800"
controls
src="/videos/flow_ai.mp4"
/>
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/y-pV6CShdZA?vq=hd1080"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen="true"
></iframe>

### Trigger Flows

Build a flow with two scripts, one that regularly checks for changes in an external system and a second that is executed for each change using a [for-loop](../../flows/12_flow_loops.md).

<video
className="border-2 rounded-xl object-cover w-full h-full dark:border-gray-800"
controls
src="/videos/flow_ai_trigger.mp4"
/>
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/4HTIKOAyVIg?vq=hd1080"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen="true"
></iframe>

<br/>

Expand Down
14 changes: 9 additions & 5 deletions docs/flows/17_ai_flows.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,15 @@ import DocCard from '@site/src/components/DocCard';

Generate flows from prompts.

<video
className="border-2 rounded-xl object-cover w-full h-full dark:border-gray-800"
controls
src="/videos/flow_ai_trigger.mp4"
/>
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/4HTIKOAyVIg?vq=hd1080"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen="true"
></iframe>

<br/>

Expand Down
31 changes: 21 additions & 10 deletions src/components/pricing/PriceCalculator.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,16 +43,17 @@ export default function PriceCalculator({ period, tier }) {
return (
<div className="mt-16 grow flex flex-col justify-start">
<div className="flex justify-between items-center">
<h4>Price</h4>

<div>
<span className="text-2xl text-gray-900 font-semibold dark:text-white">
{priceFormatter.format(computeTotalPrice())}
</span>
<span className="text-md text-gray-500">
{period.value === 'annually' ? '/yr' : '/mo'}
</span>
</div>
<h4>Price</h4>

<div>
<span className="text-2xl text-gray-900 font-semibold dark:text-white">
{priceFormatter.format(computeTotalPrice())}
</span>
<span className="text-md text-gray-500">
{period.value === 'annually' ? '/yr' : '/mo'}
{(tier.id === 'tier-enterprise' || tier.id === 'tier-enterprise-selfhost') && <span>*</span>}
</span>
</div>
</div>

<p className="mt-4 flex items-baseline gap-x-1">
Expand Down Expand Up @@ -198,6 +199,11 @@ export default function PriceCalculator({ period, tier }) {
<b className="text-sm">OR</b>
<span className="whitespace-nowrap text-sm">{seats * 2} operators</span>
</div>
{tier.id === 'tier-enterprise' && (
<div className="mt-4 text-sm text-gray-600">
*We give special discounts to SMBs and small start-ups. Talk to us for custom pricing.
</div>
)}
</div>
) : null}

Expand All @@ -219,6 +225,11 @@ export default function PriceCalculator({ period, tier }) {
<b className="text-sm">OR</b>
<span className="whitespace-nowrap text-sm">{seats * 2} operators</span>
</div>
{tier.id === 'tier-enterprise-selfhost' && (
<div className="mt-4 text-sm text-gray-600">
*We give special discounts to SMBs and small start-ups. Talk to us for custom pricing.
</div>
)}
</div>
) : null}
</div>
Expand Down