Skip to content

Commit 122fe62

Browse files
faisal004faisal004
committed
changes
1 parent 7fcb451 commit 122fe62

File tree

6 files changed

+443
-92
lines changed

6 files changed

+443
-92
lines changed

‎newtheme/src/components/agentOverview/agentAboutFive.js‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
import React from "react";
2+
import { Link } from "react-router-dom";
3+
import feature4 from "../../assets/images/features5.png";
4+
5+
import { MdKeyboardArrowRight } from "../../assets/icons/vander";
6+
7+
export default function AgentAboutFive() {
8+
return (
9+
<>
10+
<div className="container relative md:mt-24 mt-16">
11+
<div className="grid md:grid-cols-2 grid-cols-1 items-center gap-6">
12+
<div className="relative overflow-hidden rounded-lg border border-amber-400/5 bg-gradient-to-tl to-amber-400/30 from-fuchsia-600/30 dark:to-amber-400/50 dark:from-fuchsia-600/50 ps-6 pt-6 lg:me-8">
13+
<img
14+
src={feature4}
15+
className="ltr:rounded-tl-lg rtl:rounded-tr-lg"
16+
alt=""
17+
/>
18+
</div>
19+
<div className="">
20+
<h3 className="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">
21+
Advantages of Creating Your Own AI Agent
22+
</h3>
23+
<p className="text-slate-300 max-w-xl">
24+
Creating your own AI agent offers several advantages, including
25+
precise customization to your specific operational requirements,
26+
the ability to innovate without constraints, and direct control
27+
over the integration and scalability of the solution. This
28+
approach ensures that the agent is perfectly aligned with your
29+
workflow, providing efficiency improvements and a competitive edge
30+
in your industry.
31+
</p>
32+
33+
{/* <ul className="list-none text-slate-400 mt-4">
34+
<li className="mb-2 flex items-center">
35+
<div className="h-5 w-5 me-2">
36+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
37+
</div>
38+
Seamless Integration: Seamlessly integrate AI agent creation
39+
into your workflow by following our clear and concise
40+
documentation.
41+
</li>
42+
<li className="mb-2 flex items-center">
43+
<div className="h-5 w-5 me-2">
44+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
45+
</div>
46+
Efficiency Boost: Save time and resources with a straightforward
47+
process that eliminates the need for complex coding or
48+
specialized training.
49+
</li>
50+
<li className="mb-2 flex items-center">
51+
<div className="h-5 w-5 me-2">
52+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
53+
</div>{" "}
54+
<>Customization: </> Tailor AI agents to your specific needs by
55+
following our step-by-step instructions, ensuring your agents
56+
are perfectly suited to your tasks.
57+
</li>
58+
</ul> */}
59+
60+
<div className="mt-4">
61+
<Link
62+
to="https://docs.codebolt.ai/"
63+
target="_blank"
64+
className="hover:text-amber-400 font-medium duration-500 inline-flex items-center"
65+
>
66+
Go to Docs <MdKeyboardArrowRight className="ms-1 text-[20px]" />
67+
</Link>
68+
</div>
69+
</div>
70+
</div>
71+
</div>
72+
</>
73+
);
74+
}

‎newtheme/src/components/agentOverview/agentAboutFour.js‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
import React from "react";
2+
import { Link } from "react-router-dom";
3+
import feature4 from "../../assets/images/agentsOverview.png";
4+
5+
import { MdKeyboardArrowRight } from "../../assets/icons/vander";
6+
7+
export default function AgentAboutFour() {
8+
return (
9+
<>
10+
<div className="container relative md:mt-24 mt-16">
11+
<div className="grid md:grid-cols-2 grid-cols-1 items-center gap-6">
12+
<div className="">
13+
<h3 className="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">
14+
Create and Upload Your Custom Agent
15+
</h3>
16+
<p className="text-slate-300 max-w-xl">
17+
Craft your own AI agent using the CodeBolt Documentation and directly
18+
upload it to our platform. This feature empowers you to design
19+
customized solutions that specifically address your unique
20+
requirements and challenges, enhancing your operational efficiency
21+
with tailor-made automation.
22+
</p>
23+
24+
{/* <ul className="list-none text-slate-400 mt-4">
25+
<li className="mb-2 flex items-center">
26+
<div className="h-5 w-5 me-2">
27+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
28+
</div>
29+
Seamless Integration: Seamlessly integrate AI agent creation
30+
into your workflow by following our clear and concise
31+
documentation.
32+
</li>
33+
<li className="mb-2 flex items-center">
34+
<div className="h-5 w-5 me-2">
35+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
36+
</div>
37+
Efficiency Boost: Save time and resources with a straightforward
38+
process that eliminates the need for complex coding or
39+
specialized training.
40+
</li>
41+
<li className="mb-2 flex items-center">
42+
<div className="h-5 w-5 me-2">
43+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
44+
</div>{" "}
45+
<>Customization: </> Tailor AI agents to your specific needs by
46+
following our step-by-step instructions, ensuring your agents
47+
are perfectly suited to your tasks.
48+
</li>
49+
</ul> */}
50+
51+
<div className="mt-4">
52+
<Link
53+
to="https://docs.codebolt.ai/"
54+
target="_blank"
55+
className="hover:text-amber-400 font-medium duration-500 inline-flex items-center"
56+
>
57+
Go to Docs{" "}
58+
<MdKeyboardArrowRight className="ms-1 text-[20px]" />
59+
</Link>
60+
</div>
61+
</div>
62+
<div className="relative overflow-hidden rounded-lg border border-amber-400/5 bg-gradient-to-tl to-amber-400/30 from-fuchsia-600/30 dark:to-amber-400/50 dark:from-fuchsia-600/50 ps-6 pt-6 lg:me-8">
63+
<img
64+
src={feature4}
65+
className="ltr:rounded-tl-lg rtl:rounded-tr-lg"
66+
alt=""
67+
/>
68+
</div>
69+
</div>
70+
</div>
71+
</>
72+
);
73+
}

‎newtheme/src/components/agentOverview/agentAboutOne.js‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
import React from "react";
2+
import { Link } from "react-router-dom";
3+
4+
import { MdKeyboardArrowRight } from "../../assets/icons/vander";
5+
6+
export default function AgentAboutOne() {
7+
return (
8+
<>
9+
<div className="container relative md:mt-24 mt-16">
10+
11+
12+
13+
<div style={{display: 'flex', flexDirection:"column", alignItems:"center"}}>
14+
<h3 className="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">
15+
What is an AI agent ?
16+
</h3>
17+
<p className="text-slate-300 max-w-xl">
18+
AI agents efficiently manage complex tasks by coordinating
19+
multiple specialized models, such as natural language processing,
20+
image recognition, and decision-making algorithms. Among these,
21+
Devin and Devika are examples of such agents, where Devin focuses
22+
on natural language interactions and Devika specializes in
23+
optimizing software engineering processes.
24+
</p>
25+
26+
{/* <ul className="list-none text-slate-400 mt-4">
27+
<li className="mb-2 flex items-center">
28+
<div className="h-5 w-5 me-2">
29+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
30+
</div>
31+
Seamless Integration: Seamlessly integrate AI agent creation
32+
into your workflow by following our clear and concise
33+
documentation.
34+
</li>
35+
<li className="mb-2 flex items-center">
36+
<div className="h-5 w-5 me-2">
37+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
38+
</div>
39+
Efficiency Boost: Save time and resources with a straightforward
40+
process that eliminates the need for complex coding or
41+
specialized training.
42+
</li>
43+
<li className="mb-2 flex items-center">
44+
<div className="h-5 w-5 me-2">
45+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
46+
</div>{" "}
47+
<>Customization: </> Tailor AI agents to your specific needs by
48+
following our step-by-step instructions, ensuring your agents
49+
are perfectly suited to your tasks.
50+
</li>
51+
</ul> */}
52+
53+
<div className="mt-4">
54+
<Link
55+
to="https://codeboltai.web.app/registry"
56+
target="_blank"
57+
className="hover:text-amber-400 font-medium duration-500 inline-flex items-center"
58+
>
59+
Find Out More{" "}
60+
<MdKeyboardArrowRight className="ms-1 text-[20px]" />
61+
</Link>
62+
</div>
63+
</div>
64+
65+
</div>
66+
</>
67+
);
68+
}

‎newtheme/src/components/agentOverview/agentAboutThree.js‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
import React from "react";
2+
import { Link } from "react-router-dom";
3+
import feature4 from "../../assets/images/agentsOverview.png";
4+
5+
import { MdKeyboardArrowRight } from "../../assets/icons/vander";
6+
7+
export default function AgentAboutThree() {
8+
return (
9+
<>
10+
<div className="container relative md:mt-24 mt-16">
11+
<div className="grid md:grid-cols-2 grid-cols-1 items-center gap-6">
12+
<div className="relative overflow-hidden rounded-lg border border-amber-400/5 bg-gradient-to-tl to-amber-400/30 from-fuchsia-600/30 dark:to-amber-400/50 dark:from-fuchsia-600/50 ps-6 pt-6 lg:me-8">
13+
<img
14+
src={feature4}
15+
className="ltr:rounded-tl-lg rtl:rounded-tr-lg"
16+
alt=""
17+
/>
18+
</div>
19+
<div className="">
20+
<h3 className="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">
21+
Discover Your Ideal AI Agent
22+
</h3>
23+
<p className="text-slate-300 max-w-xl">
24+
Browse our diverse marketplace to find the AI agent that best fits
25+
your needs. Whether you're looking for advanced natural language
26+
processing, efficient code optimization, or open-source
27+
flexibility, our platform offers a variety of specialized agents
28+
tailored to enhance and streamline your operations.
29+
</p>
30+
31+
{/* <ul className="list-none text-slate-400 mt-4">
32+
<li className="mb-2 flex items-center">
33+
<div className="h-5 w-5 me-2">
34+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
35+
</div>
36+
Seamless Integration: Seamlessly integrate AI agent creation
37+
into your workflow by following our clear and concise
38+
documentation.
39+
</li>
40+
<li className="mb-2 flex items-center">
41+
<div className="h-5 w-5 me-2">
42+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
43+
</div>
44+
Efficiency Boost: Save time and resources with a straightforward
45+
process that eliminates the need for complex coding or
46+
specialized training.
47+
</li>
48+
<li className="mb-2 flex items-center">
49+
<div className="h-5 w-5 me-2">
50+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
51+
</div>{" "}
52+
<>Customization: </> Tailor AI agents to your specific needs by
53+
following our step-by-step instructions, ensuring your agents
54+
are perfectly suited to your tasks.
55+
</li>
56+
</ul> */}
57+
58+
<div className="mt-4">
59+
<Link
60+
to="https://codeboltai.web.app/registry"
61+
target="_blank"
62+
className="hover:text-amber-400 font-medium duration-500 inline-flex items-center"
63+
>
64+
Find Out More{" "}
65+
<MdKeyboardArrowRight className="ms-1 text-[20px]" />
66+
</Link>
67+
</div>
68+
</div>
69+
</div>
70+
</div>
71+
</>
72+
);
73+
}

‎newtheme/src/components/agentOverview/agentAboutTwo.js‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
import React from "react";
2+
import { Link } from "react-router-dom";
3+
import feature4 from "../../assets/images/features4.jpg";
4+
5+
import { MdKeyboardArrowRight } from "../../assets/icons/vander";
6+
7+
export default function AgentAboutTwo() {
8+
return (
9+
<>
10+
<div className="container relative md:mt-24 mt-16">
11+
<div className="grid md:grid-cols-2 grid-cols-1 items-center gap-6">
12+
<div className="">
13+
<h3 className="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">
14+
CodeBolt Supports Multiple Agents
15+
</h3>
16+
<p className="text-slate-300 max-w-xl">
17+
CodeBolt supports diverse AI agents like Devin, Devika, and Open
18+
Devin, tailored for specific industry tasks. It facilitates
19+
complex dialogues, software development enhancements, and
20+
community-driven innovations. With its robust multi-agent support,
21+
CodeBolt effectively integrates and manages AI functionalities,
22+
making it essential for deploying advanced solutions across
23+
various settings.
24+
</p>
25+
26+
{/* <ul className="list-none text-slate-400 mt-4">
27+
<li className="mb-2 flex items-center">
28+
<div className="h-5 w-5 me-2">
29+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
30+
</div>
31+
Seamless Integration: Seamlessly integrate AI agent creation
32+
into your workflow by following our clear and concise
33+
documentation.
34+
</li>
35+
<li className="mb-2 flex items-center">
36+
<div className="h-5 w-5 me-2">
37+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
38+
</div>
39+
Efficiency Boost: Save time and resources with a straightforward
40+
process that eliminates the need for complex coding or
41+
specialized training.
42+
</li>
43+
<li className="mb-2 flex items-center">
44+
<div className="h-5 w-5 me-2">
45+
<FiCheckCircle className="text-amber-400 h-5 w-5 me-2" />{" "}
46+
</div>{" "}
47+
<>Customization: </> Tailor AI agents to your specific needs by
48+
following our step-by-step instructions, ensuring your agents
49+
are perfectly suited to your tasks.
50+
</li>
51+
</ul> */}
52+
53+
<div className="mt-4">
54+
<Link
55+
to="https://codeboltai.web.app/registry"
56+
target="_blank"
57+
className="hover:text-amber-400 font-medium duration-500 inline-flex items-center"
58+
>
59+
Find Out More{" "}
60+
<MdKeyboardArrowRight className="ms-1 text-[20px]" />
61+
</Link>
62+
</div>
63+
</div>
64+
<div className="relative overflow-hidden rounded-lg border border-amber-400/5 bg-gradient-to-tl to-amber-400/30 from-fuchsia-600/30 dark:to-amber-400/50 dark:from-fuchsia-600/50 ps-6 pt-6 lg:me-8">
65+
<img
66+
src={feature4}
67+
className="ltr:rounded-tl-lg rtl:rounded-tr-lg"
68+
alt=""
69+
/>
70+
</div>
71+
</div>
72+
</div>
73+
</>
74+
);
75+
}

0 commit comments

Comments
 (0)