-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (152 loc) · 9.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ChatGPT BoomiBot</title>
<link href="https://fonts.googleapis.com/css?family=Heebo:400,700|IBM+Plex+Sans:600" rel="stylesheet">
<link rel="stylesheet" href="dist/css/style.css">
<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
</head>
<body class="is-boxed has-animations">
<div class="body-wrap boxed-container">
<header class="site-header">
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<h1 class="m-0">
<a href="#">
<img class="header-logo-image asset-light" src="dist/images/logo-light.svg" alt="Logo">
<img class="header-logo-image asset-dark" src="dist/images/logo-dark.svg" alt="Logo">
</a>
</h1>
</div>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title mt-0">Boomi integration assistant</h1>
<p class="hero-paragraph">BoomiBot is a specialized integration assistant trained on Boomi materials, offering expert guidance on Boomi process design and delivering precise information based on the uploaded knowledge base</p>
<div class="hero-cta">
<a class="button button-primary" href="https://chatgpt.com/g/g-VBMXWmnQS-boomibot">Test it now</a>
<div class="lights-toggle">
<input id="lights-toggle" type="checkbox" name="lights-toggle" class="switch" checked="checked">
<label for="lights-toggle" class="text-xs"><span>Turn me <span class="label-text">dark</span></span></label>
</div>
</div>
</div>
<div class="hero-media">
<div class="header-illustration">
<img class="header-illustration-image asset-light" src="dist/images/header-illustration-light.svg" alt="Header illustration">
<img class="header-illustration-image asset-dark" src="dist/images/header-illustration-dark.svg" alt="Header illustration">
</div>
<div class="hero-media-illustration">
<img class="hero-media-illustration-image asset-light" src="dist/images/hero-media-illustration-light.svg" alt="Hero media illustration">
<img class="hero-media-illustration-image asset-dark" src="dist/images/hero-media-illustration-dark.svg" alt="Hero media illustration">
</div>
<div class="hero-media-container">
<img class="hero-media-image asset-light" src="dist/images/hero-media-light.jpg" alt="Hero media">
<img class="hero-media-image asset-dark" src="dist/images/hero-media-dark.jpg" alt="Hero media">
</div>
</div>
</div>
</div>
</section>
<section class="features section">
<div class="container">
<div class="features-inner section-inner has-bottom-divider">
<div class="features-header text-center">
<div class="container-sm">
<h2 class="section-title mt-0">Why Choose BoomiBot?</h2>
<p class="section-paragraph">BoomiBot is more than just an integration assistant, it's a game-changer for Boomi users looking to enhance their integration workflows and achieve better outcomes with less effort</p>
<div class="features-image">
<img class="features-illustration asset-dark" src="dist/images/features-illustration-dark.svg" alt="Feature illustration">
<img class="features-box asset-dark" src="dist/images/features-box-dark.jpg" alt="Feature box">
<img class="features-illustration asset-dark" src="dist/images/features-illustration-top-dark.svg" alt="Feature illustration top">
<img class="features-illustration asset-light" src="dist/images/features-illustration-light.svg" alt="Feature illustration">
<img class="features-box asset-light" src="dist/images/features-box-light.jpg" alt="Feature box">
<img class="features-illustration asset-light" src="dist/images/features-illustration-top-light.svg" alt="Feature illustration top">
</div>
</div>
</div>
<div class="features-wrap">
<div class="feature is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img class="asset-light" src="dist/images/feature-01-light.svg" alt="Feature 01">
<img class="asset-dark" src="dist/images/feature-01-dark.svg" alt="Feature 01">
</div>
<div class="feature-content">
<h3 class="feature-title mt-0">Enhanced Process Design</h3>
<p class="text-sm mb-0">Streamline and optimize your process design with BoomiBot’s expert guidance. Leverage best practices and tailored advice to create efficient, effective, and scalable integration processes that meet your unique business needs.</p>
</div>
</div>
</div>
<div class="feature is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img class="asset-light" src="dist/images/feature-02-light.svg" alt="Feature 02">
<img class="asset-dark" src="dist/images/feature-02-dark.svg" alt="Feature 02">
</div>
<div class="feature-content">
<h3 class="feature-title mt-0">Smart Code Generation</h3>
<p class="text-sm mb-0">Generate accurate Boomi-specific code blocks, especially in Groovy, with ease. BoomiBot helps you save time and avoid errors by providing the exact code snippets you need, enhancing productivity and ensuring integration reliability.</p>
</div>
</div>
</div>
<div class="feature is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img class="asset-light" src="dist/images/feature-03-light.svg" alt="Feature 03">
<img class="asset-dark" src="dist/images/feature-03-dark.svg" alt="Feature 03">
</div>
<div class="feature-content">
<h3 class="feature-title mt-0">In-Depth Knowledge Access</h3>
<p class="text-sm mb-0">Access precise, detailed information on complex Boomi-related topics. Whether you need insights into advanced integration scenarios or specific process configurations, BoomiBot’s comprehensive knowledge base is your go-to resource.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cta section">
<div class="container-sm">
<div class="cta-inner section-inner">
<div class="cta-header text-center">
<h2 class="section-title mt-0">Explore the Knowledge Base</h2>
<p class="section-paragraph">BoomiBot's extensive knowledge base is continuously updated to provide you with the most relevant and accurate information. Delve into our repository for detailed documentation, tutorials, and code examples that support and enhance your integration projects.</p>
<div class="cta-cta">
<a class="button button-primary" href="https://github.com/Glebuar/KnowledgeBaseBuilder">GitHub</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
<div class="footer-copyright">© 2024 BoomiBot</div>
<ul class="footer-social-links list-reset">
<li>
<a href="https://www.linkedin.com/in/glebuar">
<span class="screen-reader-text">LinkedIn</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</footer>
</div>
<script src="dist/js/main.min.js"></script>
</body>
</html>