Skip to content

Commit

Permalink
adding new ss, adding benefits section, updated pricing data, updated…
Browse files Browse the repository at this point in the history
… faq data
  • Loading branch information
antopiahk committed Feb 29, 2024
1 parent 59f4dc2 commit 88f5a52
Show file tree
Hide file tree
Showing 6 changed files with 167 additions and 42 deletions.
50 changes: 31 additions & 19 deletions apps/aitino/src/lib/faq-data.ts
Original file line number Diff line number Diff line change
@@ -1,35 +1,47 @@
export const faqList = [
{
question: "What is Aitino?",
answer: "Aitino is an open-source platform that allows users to create and manage teams of AI agents to automate complex tasks and solve problems efficiently."
question: `What distinguishes Aitino from other AI platforms?`,
answer: `So many things! By using teams of AI agents, rather than AI workflows, Aitino allows for versatile and complex task solving and many more features just as cool as that. These are then even further supported by a rich set of community-driven principles.`
},
{
question: "How does Aitino work?",
answer: "Users can set up teams of AI agents, customize them for specific tasks using our intuitive interface, and then execute tasks. The platform facilitates collaboration among agents for optimal results."
question: `How can I start using Aitino for my project?`,
answer: `Start for free by creating an account <a href="https://github.com/futino/aitino" class="text-accent underline">here!</a> then use auto-build to get started with your first team, that's already tailored to your task right off the bat!`
},
{
question: "Who can use Aitino?",
answer: "Aitino is designed for developers, project managers, and businesses looking to streamline their operations and leverage AI for task automation and problem-solving."
question: `Is Aitino suitable for non-coders?`,
answer: `Yes, Aitino's user-friendly design, extensive documentation, and speedy support crew make it accessible for non-coders to create and manage AI agent teams.`
},
{
question: "Is Aitino free to use?",
answer: "Aitino is open-source, allowing users to access and modify the code. However, for cloud-hosted versions, there may be a subscription model."
question: `Can Aitino's AI agents handle tasks beyond simple automation?`,
answer: `Absolutely, Aitino's agents are designed for complex problem-solving, including multi-modal tasks involving diverse data types like text, images, and other file types.`
},
{
question: "Can I contribute to the Aitino project?",
answer: "Yes, being open-source, Aitino welcomes contributions from developers. You can contribute through code, documentation, or community support."
question: `What support does Aitino offer for developing custom solutions?`,
answer: `Aitino provides comprehensive documentation, a collaborative community library, and a flexible platform for developing, testing, and deploying custom AI solutions. The creator of Aitino - Futino, provides web-services for custom solutions.`
},
{
question: "Does Aitino support multi-modal task solving?",
answer: "Yes, Aitino supports multi-modal task solving, enabling AI agents to process and generate diverse data types, including text, images, and more."
question: `Where can I find examples of tasks Aitino has been used for?`,
answer: `Our website features case studies and examples highlighting Aitino's application across various industries, from finance to marketing.`
},
{
question: "How secure is Aitino?",
answer: "Aitino prioritizes security in its development and operation, implementing industry-standard practices to protect user data and agent interactions."
},
{
question: "Where can I find documentation for Aitino?",
answer: "Comprehensive documentation is available on our website, providing users with guides, tutorials, and API references."
}
question: `How does Aitino integrate with existing systems?`,
answer: `Aitino will soon seamlessly integrate with a variety of platforms and services, offering APIs and plugins to connect with your current tools and workflows, to further enhance the power of Aitino.`
},
{
question: `Can Aitino be used for learning and education?`,
answer: `Yes, Aitino is an excellent tool for educational purposes, providing a practical platform for entrepreneurs trying to learn a new skill or knowledge set by providing 'expert agents' in each respective field and teams to follow along with.`
},
{
question: `How can I contribute to the Aitino project?`,
answer: `Contributions are welcome! You can contribute by developing new features, improving documentation, or publishing your custom teams or agents with the community.`
},
{
question: `Are there any limitations to the free version of Aitino?`,
answer: `The open-source nature of Aitino allows full access to its core features, but is restricted to a smaller rate limit compared to its paid counterparts.`
},
{
question: `How frequently is Aitino updated?`,
answer: `Aitino is being continuously improved by our development team of 5 talented developers and the amazing community. Check out our roadmap <a href="https://github.com/futino/aitino" class="text-accent underline">here!</a>`
}
];

27 changes: 21 additions & 6 deletions apps/aitino/src/lib/pricing-data.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,19 @@
// Probably better object oriented way to do this, but sometimes fast is better.
export const features = {
'Rate Limits': `The guaranteed number of sessions available to in each period.`,
'Max Agents In Teams': `The maximum number of agents that can be inside a Team at one time.`,
'Max Agents Per Crew': `The maximum number of agents that can be inside a Crew at one time.`,
'Access to Crew Editor': `The ability to create and edit Crews.`,
'Access to Agent Editor': `The ability to create and edit Agents`,

};

export type Features = {
'Rate Limits': string;
'Max Agents Per Crew': string;
'Access to Crew Editor': boolean;
'Access to Agent Editor': boolean;
};

export type Features = typeof features;

// norp = no risk pricing (model)
export type NorpTier = {
Expand Down Expand Up @@ -34,8 +43,10 @@ export const norpTiers: NorpTier[] = [
subtitle: 'Keep it going.',
cost: 0,
features: {
'Rate Limits': '6 sessions / 3 hours',
'Max Agents In Teams': '10'
'Rate Limits': '2 sessions / 3 hours',
'Max Agents Per Crew': '7',
'Access to Crew Editor': true,
'Access to Agent Editor': true,
},
thumbnail: '/artwork/sailboat.png'
},
Expand All @@ -50,7 +61,9 @@ export const norpTiers: NorpTier[] = [
cost: 21,
features: {
'Rate Limits': '25 sessions / day',
'Max Agents In Teams': '25'
'Max Agents Per Crew': '15',
'Access to Crew Editor': true,
'Access to Agent Editor': true,
},
thumbnail: '/artwork/plane.png'
},
Expand All @@ -65,7 +78,9 @@ export const norpTiers: NorpTier[] = [
cost: 69,
features: {
'Rate Limits': '50 sessions / day',
'Max Agents In Teams': '50'
'Max Agents Per Crew': '30',
'Access to Crew Editor': true,
'Access to Agent Editor': true,
},
thumbnail: '/artwork/rocket.png'
}
Expand Down
132 changes: 115 additions & 17 deletions apps/aitino/src/routes/(marketing)/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@
import { Label } from "$lib/components/ui/label";
import PricingTiers from "$lib/components/pricing/PricingTiers.svelte";
import { faqList as faqs } from "$lib/faq-data";
import { fade } from "svelte/transition";
import { Codesandbox, Gauge, HeartHandshake, Key, Settings2, Waves } from "lucide-svelte";
export let form: ActionData;
Expand All @@ -38,27 +40,67 @@
title: "Teams of AI Agents",
description:
"Harness the collective intelligence of AI teams designed to collaborate and amplify problem-solving capabilities. Experience the synergy of multiple AI agents working in concert to tackle complex tasks efficiently.",
image: "/screenshots/maeve_editor_1.png"
image: "/screenshots/maeve_1_no_user_prompt.png"
},
{
title: "Fully Custom Agents",
description:
"Tailor your AI agents to meet unique business needs with fully customizable solutions. Create bespoke agents that align perfectly with your workflow and industry-specific challenges. ",
image: "/screenshots/agent_node_horizontal.png"
image: "/screenshots/agent_node_horizontal_1.png"
},
{
title: "Community Libraries",
description:
"Tap into a wealth of knowledge with our community-driven libraries, where shared insights fuel innovation. Benefit from a repository of resources that grows smarter through collective contributions.",
image: "/screenshots/vat-returns.png"
image: ""
},
{
title: "Multi-modal Task Solving",
description:
"Address a diverse range of problems with AI agents capable of multi-modal task solving. Whether it's text, image, or data-centric challenges, our versatile agents adapt to deliver results.",
image: "/screenshots/reporting.png"
image: ""
}
];
const benefits = [
{
title: "Complex Problem Solving",
description:
"Navigate through intricate challenges with AI Crews, designed for high-level task solving through collaboration, broadening the horizon of what's achievable.",
icon: Key
},
{
title: "Rapid Prototyping",
description:
"Accelerate the development of innovative ideas with Aitino, enabling users to quickly prototype solutions through AI-driven analyses and agent collaboration.",
icon: Gauge
},
{
title: "Streamlined Operations",
description:
"Automate complex workflows with ease, reducing manual effort and increasing productivity.",
icon: Waves
},
{
title: "Enhanced Creativity",
description:
"Unlock new potentials in content creation, powered by AI's versatility in handling diverse tasks and data types.",
icon: Codesandbox
},
{
title: "Community Support",
description:
"Benefit from collective intelligence by leveraging the hours of work of other users through shared assets.",
icon: HeartHandshake
},
{
title: "Customization at Core",
description:
"Tailor every aspect of your AI agents to fit exact business needs, ensuring maximum effectiveness and integration.",
icon: Settings2
}
];
function selectFeature(index: number) {
selectedIndex = index;
}
Expand Down Expand Up @@ -142,17 +184,28 @@
<Card.Root class="p-8">
<Card.Header class="text-center">
<Card.Title class="text-3xl">{feature.title}</Card.Title>
<Card.Description class="text-md mx-auto max-w-sm">
{feature.description}
<Card.Description class="text-md mx-auto max-w-xl text-balance">
<p transition:fade>{feature.description}</p>
</Card.Description>
</Card.Header>
<Card.Content class="space-y-2">
<img
class="mx-auto max-h-96 w-full max-w-3xl rounded-xl border border-border object-contain"
src={feature.image}
alt="screenshot of the feature of {feature.title}"
sizes="(min-width: 1024px) 67.8125rem, (min-width: 640px) 100vw, 45rem"
/>
<div class="mx-auto w-full max-w-3xl rounded-xl border border-border">
{#if feature.image != ""}
<img
class="w-full rounded-xl object-cover"
src={feature.image}
alt="screenshot of the feature of {feature.title}"
/>
{:else}
<div class="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8">
<h2
class="text-center text-3xl font-semibold uppercase tracking-tight text-accent sm:text-4xl md:text-5xl"
>
Coming Soon
</h2>
</div>
{/if}
</div>
</Card.Content>
</Card.Root>
</Tabs.Content>
Expand All @@ -161,11 +214,56 @@
</div>
</section>

<section class=" py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl sm:text-center">
<h2 class="text-base font-semibold leading-7 text-primary">Everything you need</h2>
<p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">
Not VC backed? Not a problem.
</p>
<p class="mt-6 text-lg leading-8 text-gray-300">
Solve, Prototype, and Automate with Your Own Crews
</p>
</div>
</div>
<div class="relative overflow-hidden pt-16">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<img
src="/screenshots/maeve_editor_1.png"
alt="App screenshot"
class="mb-[-12%] rounded-xl shadow-2xl ring-1 ring-white/10"
width="2432"
height="1442"
/>
<div class="relative" aria-hidden="true">
<div class="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-gray-900 pt-[7%]"></div>
</div>
</div>
</div>
<div class="mx-auto mt-16 max-w-7xl px-6 sm:mt-20 md:mt-24 lg:px-8">
<dl
class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-foreground/75 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16"
>
{#each benefits as { title, description, icon }}
<div class="relative pl-9">
<dt class="inline font-semibold text-foreground">
<svelte:component this={icon} class="absolute left-1 top-1 h-5 w-5 text-primary" />
{title}.
</dt>
<dd class="inline">
{description}
</dd>
</div>
{/each}
</dl>
</div>
</section>

<section>
<div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 sm:py-24 md:px-8 md:py-32">
<div class="mb-8 max-w-3xl md:mx-auto md:text-center xl:max-w-none">
<h2
class="tracking-loose m-0 text-balance text-center text-3xl font-semibold sm:m-0 sm:text-5xl md:text-6xl lg:text-6xl xl:text-7xl"
class="tracking-loose m-0 text-balance text-center text-3xl font-semibold sm:m-0 sm:text-5xl md:text-6xl lg:text-6xl"
>
Flexible plans for versatile problems
</h2>
Expand All @@ -176,7 +274,7 @@

<section>
<div class="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8">
<h2 class="text-2xl font-bold leading-10 tracking-tight text-white">
<h2 class="text-3xl font-semibold tracking-tight text-foreground sm:text-4xl md:text-5xl">
Frequently asked questions
</h2>
<p class="mt-6 max-w-2xl text-base leading-7 text-foreground/75">
Expand All @@ -191,11 +289,11 @@
>
{#each faqs as { question, answer }}
<div>
<dt class="text-base font-semibold leading-7 text-foreground">
<dt class="text-balance text-lg font-semibold text-foreground">
{question}
</dt>
<dd class="mt-2 text-base leading-7 text-foreground/75">
{answer}
<dd class="leading- mt-2 text-pretty text-sm text-foreground/75">
{@html answer}
</dd>
</div>
{/each}
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 88f5a52

Please sign in to comment.