Skip to content

Commit

Permalink
feat(landing): add new road map
Browse files Browse the repository at this point in the history
  • Loading branch information
@anteqkois
anteqkois committed May 18, 2024
1 parent 72ba1b1 commit 1aed4d6
Show file tree
Hide file tree
Showing 6 changed files with 218 additions and 26 deletions.
3 changes: 2 additions & 1 deletion apps/web/app/(landing)/components/Connectors.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,8 @@ export const Connectors = () => {
<ConnectorsList listClassName="bg-background h-100 overflow-y-scroll md:h-120 overflow-scroll" />
</Card>
<Heading className="text-center text-1xl lg:text-2xl font-semibold transition-colorstext-center text-muted-foreground">
More soon, focused on Web3 and AI apps
{/* More soon, focused on Web3 and AI apps */}
More connectors soon
</Heading>
<div
className="w-4/5 h-2/6 inline-block rotate-1 bg-primary absolute bottom-[15%] left-[40%] -translate-x-1/2 blur-[120px] -z-10 shadow"
Expand Down
2 changes: 1 addition & 1 deletion apps/web/app/(landing)/components/Footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ export const Footer = () => {
</div>

<div>
<a rel="noreferrer noopener" href="/roadmap" className="opacity-60 hover:opacity-100">
<a rel="noreferrer noopener" href="/road-map" className="opacity-60 hover:opacity-100">
Road Map
</a>
</div>
Expand Down
25 changes: 22 additions & 3 deletions apps/web/app/(landing)/components/Hero.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,15 @@
import { Button } from '@linkerry/ui-components/server'
import { HeroImage } from './HeroImage'

// No-Code Automations
// Powered by AI and Web3

// No-Code Automations
// based on AI and Web3

// No-Code Automations
// focused on AI and Web3

export const Hero = () => {
return (
<section className="p-2 md:px-10 2xl:pl-52 2xl:pr-10 mx-auto grid grid-cols-12 place-items-center py-20 md:pt-40 gap-y-10">
Expand All @@ -13,7 +22,7 @@ export const Hero = () => {
</span>
<br />
</h1>
<h2 className="inline">
{/* <h2 className="inline">
for{' '}
<span className="inline bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
Business
Expand All @@ -22,12 +31,22 @@ export const Hero = () => {
<span className="inline bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
Personal Use
</span>{' '}
</h2> */}
<h2 className="inline">
focused on{' '}
<span className="inline bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
AI
</span>{' '}
and{' '}
<span className="inline bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
Web3
</span>{' '}
</h2>
</main>

<p className=" text-xl text-muted-foreground md:w-10/12 mx-auto lg:mx-0">
Save time and money with AI-driven automation. We&apos;re focused on simplify all your daily tasks, allowing you to focus on what matters
most.
Save time and money with Web3 and AI-driven automation. We&apos;re focused on simplifying all your daily tasks, allowing you to focus on
what matters most. Our future Agents will do it for you.
</p>

<div className="space-y-4 md:space-y-0 md:space-x-4">
Expand Down
206 changes: 187 additions & 19 deletions apps/web/app/(landing)/components/RoadMap.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,54 +12,57 @@ export const RoadMap = () => {

<Card className="w-full xl:max-w-2xl relative">
<CardHeader>
<CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
AI Flow Generator
<CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(292,83%,70%)] via-[hsl(292,93%,55%)] to-[hsl(292,93%,40%)] text-transparent bg-clip-text">
Linkerry AGI: End-to-End Flow Management
</CardTitle>
</CardHeader>
<CardContent>
AI Flow Generator simplifies the automation of tasks across multiple apps, it builds flows for you. This feature will use advanced AI to
intuitively generate workflows that connect various applications depending on your order, saving you time and effort. Automate repetitive
tasks and enhance your productivity with seamless integration and intelligent suggestions.
Introducing Linkerry AGI, a comprehensive AI solution designed to handle every aspect of your automation workflows from start to finish.
This feature allows the AI to generate entire workflows based on user inputs, including collecting necessary authentication details and
configuring the process. Linkerry AGI monitors the flow execution, automatically troubleshooting and resolving errors as they arise if
they can. Additionally, it intelligently selects and utilizes dynamic connectors from the available options, ensuring optimal performance
and integration.
</CardContent>
<div
className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -left-[10%] blur-[75px] -z-10 shadow"
className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -right-[10%] blur-[75px] -z-10 shadow"
style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
/>
</Card>

<Card className="w-full xl:max-w-2xl relative">
<CardHeader>
<CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(292,83%,70%)] via-[hsl(292,93%,55%)] to-[hsl(292,93%,40%)] text-transparent bg-clip-text">
Linkerry DAO
<CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
AGI Connectors Marketplace ($LRY)
</CardTitle>
</CardHeader>
<CardContent>
DAO for Linkerry. Users will have the ability to vote on which app should be added first and which new features should be developed next.
This ensures that our platform evolves according to the needs and desires of its user base, fostering a collaborative and democratic
approach to development.
Empower innovation with our AGI Connectors Marketplace. This platform allows users to create and publish their own custom connectors for
various applications. These connectors can be used by Linkerry AGI and other users, generating a passive income stream for the creators
through transaction fees paid in our native token, $LRY. By developing unique plugins, users contribute to a growing ecosystem while
benefiting financially from their contributions.
</CardContent>
<div
className="w-3/5 h-2/6 inline-block rotate-1 bg-primary absolute top-[0%] -right-[10%] blur-[75px] -z-10 shadow"
className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -left-[10%] blur-[75px] -z-10 shadow"
style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
/>
</Card>

<Card className="w-full xl:max-w-2xl relative">
{/* <Card className="w-full xl:max-w-2xl relative">
<CardHeader>
<CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
Focused on Web3 and AI Apps
AI Flow Generator
</CardTitle>
</CardHeader>
<CardContent>
Integrate effortlessly with the future of decentralized technology through our Web3 Decentralized Apps feature. This includes
compatibility with decentralized exchanges (DEX) and other blockchain-based applications. Enhance your workflows with the security,
transparency, and efficiency of decentralized applications, positioning your operations at the cutting edge of technology.
AI Flow Generator simplifies the automation of tasks across multiple apps, it builds flows for you. This feature will use advanced AI to
intuitively generate workflows that connect various applications depending on your order, saving you time and effort. Automate repetitive
tasks and enhance your productivity with seamless integration and intelligent suggestions.
</CardContent>
<div
className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -left-[10%] blur-[75px] -z-10 shadow"
style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
/>
</Card>
</Card> */}

<Card className="w-full xl:max-w-2xl relative">
<CardHeader>
Expand All @@ -69,7 +72,7 @@ export const RoadMap = () => {
</CardHeader>
<CardContent>
Increase the flexibility and efficiency of your workflows with the Many Triggers, One Flow feature. This allows a single automated flow to
be initiated by multiple triggers, providing a more dynamic and responsive automation experience. Whether it;&apos;s an email, a calendar
be initiated by multiple triggers, providing a more dynamic and responsive automation experience. Whether it&apos;s an email, a calendar
event, or a new database entry, multiple conditions can now seamlessly kickstart the same process.
</CardContent>
<div
Expand All @@ -94,7 +97,172 @@ export const RoadMap = () => {
style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
/>
</Card>

<Card className="w-full xl:max-w-2xl relative">
<CardHeader>
<CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(292,83%,70%)] via-[hsl(292,93%,55%)] to-[hsl(292,93%,40%)] text-transparent bg-clip-text">
Linkerry DAO
</CardTitle>
</CardHeader>
<CardContent>
DAO for Linkerry. Users will have the ability to vote on which app should be added first and which new features should be developed next.
This ensures that our platform evolves according to the needs and desires of its user base, fostering a collaborative and democratic
approach to development.
</CardContent>
<div
className="w-3/5 h-2/6 inline-block rotate-1 bg-primary absolute top-[0%] -right-[10%] blur-[75px] -z-10 shadow"
style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
/>
</Card>

<Card className="w-full xl:max-w-2xl relative">
<CardHeader>
<CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
Focused on Web3 and AI Apps
</CardTitle>
</CardHeader>
<CardContent>
Integrate effortlessly with the future of decentralized technology through our Web3 Decentralized Apps feature. This includes
compatibility with decentralized exchanges (DEX) and other blockchain-based applications. Enhance your workflows with the security,
transparency, and efficiency of decentralized applications, positioning your operations at the cutting edge of technology.
</CardContent>
<div
className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -left-[10%] blur-[75px] -z-10 shadow"
style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
/>
</Card>
</div>
</section>
)
}
// export const RoadMap = () => {
// return (
// <section className="w-full flex-center pb-10 xl:pb-32 md:pt-20 2xl:pt-56" id="RoadMap">
// <div className="flex flex-col gap-10 xl:gap-14 relative">
// <Heading>Concept and Road Map</Heading>

// <Card className="w-full xl:max-w-2xl relative">
// <CardHeader>
// <CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
// AI Flow Generator
// </CardTitle>
// </CardHeader>
// <CardContent>
// AI Flow Generator simplifies the automation of tasks across multiple apps, it builds flows for you. This feature will use advanced AI to
// intuitively generate workflows that connect various applications depending on your order, saving you time and effort. Automate repetitive
// tasks and enhance your productivity with seamless integration and intelligent suggestions.
// </CardContent>
// <div
// className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -left-[10%] blur-[75px] -z-10 shadow"
// style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
// />
// </Card>

// <Card className="w-full xl:max-w-2xl relative">
// <CardHeader>
// <CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(292,83%,70%)] via-[hsl(292,93%,55%)] to-[hsl(292,93%,40%)] text-transparent bg-clip-text">
// Linkerry DAO
// </CardTitle>
// </CardHeader>
// <CardContent>
// DAO for Linkerry. Users will have the ability to vote on which app should be added first and which new features should be developed next.
// This ensures that our platform evolves according to the needs and desires of its user base, fostering a collaborative and democratic
// approach to development.
// </CardContent>
// <div
// className="w-3/5 h-2/6 inline-block rotate-1 bg-primary absolute top-[0%] -right-[10%] blur-[75px] -z-10 shadow"
// style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
// />
// </Card>

// <Card className="w-full xl:max-w-2xl relative">
// <CardHeader>
// <CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
// Focused on Web3 and AI Apps
// </CardTitle>
// </CardHeader>
// <CardContent>
// Integrate effortlessly with the future of decentralized technology through our Web3 Decentralized Apps feature. This includes
// compatibility with decentralized exchanges (DEX) and other blockchain-based applications. Enhance your workflows with the security,
// transparency, and efficiency of decentralized applications, positioning your operations at the cutting edge of technology.
// </CardContent>
// <div
// className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -left-[10%] blur-[75px] -z-10 shadow"
// style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
// />
// </Card>

// <Card className="w-full xl:max-w-2xl relative">
// <CardHeader>
// <CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(292,83%,70%)] via-[hsl(292,93%,55%)] to-[hsl(292,93%,40%)] text-transparent bg-clip-text">
// Many Triggers, One Flow
// </CardTitle>
// </CardHeader>
// <CardContent>
// Increase the flexibility and efficiency of your workflows with the Many Triggers, One Flow feature. This allows a single automated flow to
// be initiated by multiple triggers, providing a more dynamic and responsive automation experience. Whether it;&apos;s an email, a calendar
// event, or a new database entry, multiple conditions can now seamlessly kickstart the same process.
// </CardContent>
// <div
// className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -right-[10%] blur-[75px] -z-10 shadow"
// style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
// />
// </Card>

// <Card className="w-full xl:max-w-2xl relative">
// <CardHeader>
// <CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
// Start Flow From Everywhere
// </CardTitle>
// </CardHeader>
// <CardContent>
// Convenience is key with our Run From Everyday feature. Users can now initiate flows directly from their mobile devices using dynamic
// inputs. Simply provide a string or other input on the go, and watch your automation flow activate instantly. This feature ensures that
// your workflows are always at your fingertips, ready to respond to your daily needs.
// </CardContent>
// <div
// className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -left-[10%] blur-[75px] -z-10 shadow"
// style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
// />
// </Card>

// <Card className="w-full xl:max-w-2xl relative">
// <CardHeader>
// <CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(292,83%,70%)] via-[hsl(292,93%,55%)] to-[hsl(292,93%,40%)] text-transparent bg-clip-text">
// Linkerry AGI: End-to-End Flow Management
// </CardTitle>
// </CardHeader>
// <CardContent>
// Introducing Linkerry AGI, a comprehensive AI solution designed to handle every aspect of your automation workflows from start to finish.
// This feature allows the AI to generate entire workflows based on user inputs, including collecting necessary authentication details and
// configuring the process. Linkerry AGI monitors the flow execution, automatically troubleshooting and resolving errors as they arise if
// they can. Additionally, it intelligently selects and utilizes dynamic connectors from the available options, ensuring optimal performance
// and integration.
// </CardContent>
// <div
// className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -right-[10%] blur-[75px] -z-10 shadow"
// style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
// />
// </Card>

// <Card className="w-full xl:max-w-2xl relative">
// <CardHeader>
// <CardTitle className="text-3xl xl:text-4xl bg-gradient-to-r from-[hsl(262,83%,65%)] via-[hsl(262,93%,55%)] to-[hsl(262,93%,50%)] text-transparent bg-clip-text">
// AGI Connectors Marketplace ($LRY)
// </CardTitle>
// </CardHeader>
// <CardContent>
// Empower innovation with our AGI Connectors Marketplace. This platform allows users to create and publish their own custom connectors for
// various applications. These connectors can be used by Linkerry AGI and other users, generating a passive income stream for the creators
// through transaction fees paid in our native token, $LRY. By developing unique plugins, users contribute to a growing ecosystem while
// benefiting financially from their contributions.
// </CardContent>
// <div
// className="w-3/5 h-1/6 inline-block rotate-1 bg-primary absolute top-[0%] -left-[10%] blur-[75px] -z-10 shadow"
// style={{ animation: 'shadow-slide infinite 4s linear alternate' }}
// />
// </Card>
// </div>
// </section>
// )
// }
Loading

0 comments on commit 1aed4d6

Please sign in to comment.