Skip to content

Commit 9f3ede7

Browse files
frankpaganfrankpagan
committed
fix: relocated main to home
1 parent b3ec960 commit 9f3ede7

File tree

3 files changed

+293
-319
lines changed

3 files changed

+293
-319
lines changed

‎src/components/sidenav.html‎

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -64,18 +64,22 @@
6464

6565
<!-- Navigation -->
6666
<section class="display:flex flex-direction:column gap:20px font-size:20px">
67-
<a href="{{path}}demos/" class="color:dodgerblue:hover">Demos</a>
68-
<a href="{{path}}#pricing" class="color:dodgerblue:hover">Pricing</a>
69-
<a href="{{path}}docs/" class="color:dodgerblue:hover">Docs</a>
70-
<a href="{{path}}blog/" class="color:dodgerblue:hover">Blog</a>
71-
<!-- <a href="{{path}}discuss/" class="color:dodgerblue:hover"
72-
>Discuss</a
73-
> -->
74-
<!-- <a
75-
href="{{path}}university/"
76-
class="color:dodgerblue:hover"
77-
>University</a
78-
> -->
67+
<!-- <h3 class="text-transform:capitalize margin:50px_10px_5px">Navigation</h3> -->
68+
<a href="{{path}}demos/">Demos</a>
69+
<a
70+
href="{{path}}#pricing"
71+
actions="state"
72+
state_to="mainView"
73+
state-src="{{path}}home/"
74+
click-closest="sidenav"
75+
click-attribute="style"
76+
click-value="width:0px"
77+
click-if="<=993px"
78+
click-if-value="$innerWidth"
79+
>Pricing</a
80+
>
81+
<a href="{{path}}docs/index.html">Docs</a>
82+
<a href="{{path}}blog/index.html">Blog</a>
7983
</section>
8084

8185
<div resize="right"></div>

‎src/home/index.html‎

Lines changed: 270 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,270 @@
1+
<!-- Hero Section -->
2+
<section
3+
id="hero"
4+
class="bg display:flex align-items:center height:100vh min-height:400px">
5+
<div class="text-align:center width:100%">
6+
<h1 class="font-size:3rem" data-aos="fade-down">
7+
Build Web Apps in 90% Less Time
8+
</h1>
9+
<p class="font-size:20px margin:25px">
10+
Full-Scale, Full-Featured Web Apps in a Fraction of the Time, With
11+
Zero Lock-In.
12+
</p>
13+
<button href="./account/signup.html" class="font-size:20px">
14+
Try Free
15+
</button>
16+
</div>
17+
</section>
18+
19+
<!-- Design to Web App Section -->
20+
<section id="design-to-web-app" class="alt-section">
21+
<div class="display:flex flex-wrap:wrap align-items:center">
22+
<!-- <div class="flex-grow:1 width:300px"></div> -->
23+
<div class="flex-grow:1 width:300px text-align:center">
24+
<h2 class="font-size:1.5rem">
25+
Effortlessly go From Design to Web App
26+
</h2>
27+
<p>
28+
Unleash full-scale, full-featured web applications directly from
29+
the design phase using only HTML and CSS. Our HTML5 API is as
30+
potent as any JavaScript API, enabling the rapid deployment of
31+
distributed, on the edge, offline-first, mobile installable web
32+
apps, eliminating the need for software engineers. With AI
33+
Integration, effortlessly generate design elements with
34+
<span class="color:#1f99ff">CoCreate</span>
35+
attributes. It offers both designers and non-designers an
36+
efficient way to generate dynamic web elements.
37+
</p>
38+
</div>
39+
</div>
40+
</section>
41+
42+
<!-- Pricing Section -->
43+
<section id="pricing" class="alt-section">
44+
<div
45+
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
46+
<div class="flex-grow:1 width:300px text-align:center">
47+
<h2 class="font-size:1.5rem">
48+
Flexible Pay-As-You-Go Tiered Pricing
49+
</h2>
50+
<p>
51+
Discover simplicity and efficiency with our single-plan, tiered
52+
bandwidth pricing model. As your usage increases, the cost per
53+
unit decreases, offering you better rates at higher volumes.
54+
</p>
55+
<div class="margin-top:50px"></div>
56+
<table class="pricing-table">
57+
<thead>
58+
<tr>
59+
<th>Bandwidth Range (GB)</th>
60+
<th>Rate ($)</th>
61+
</tr>
62+
</thead>
63+
<tbody>
64+
<tr>
65+
<td>0 - 1</td>
66+
<td>10</td>
67+
</tr>
68+
<tr>
69+
<td>2 - 10</td>
70+
<td>5</td>
71+
</tr>
72+
<tr>
73+
<td>11 - 100</td>
74+
<td>2.5</td>
75+
</tr>
76+
<tr>
77+
<td>101 - 1000</td>
78+
<td>1.125</td>
79+
</tr>
80+
<tr>
81+
<td>1001 - 10000</td>
82+
<td>0.562</td>
83+
</tr>
84+
<tr>
85+
<td>10001 - 100000</td>
86+
<td>0.281</td>
87+
</tr>
88+
<tr>
89+
<td>100001 - 1000000</td>
90+
<td>0.145</td>
91+
</tr>
92+
</tbody>
93+
</table>
94+
</div>
95+
</div>
96+
</section>
97+
98+
<!-- Zero Lock-In Section -->
99+
<section id="zero-lock-in" class="alt-section">
100+
<div
101+
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
102+
<div class="flex-grow:1 width:300px text-align:center">
103+
<h2 data-aos="fade-down" class="font-size:1.5rem">
104+
Own Your Data and Designs, Zero Lock-In
105+
</h2>
106+
<p>
107+
With CoCreate, you're in full control of your data and designs.
108+
Your data where you want it, and how you want it structured.
109+
Remove CoCreate attributes anytime to repurpose your design and
110+
database for custom software, utilizing your original CoCreate
111+
design as an interactive fully functional blueprint.
112+
Alternatively, you can continue to use CoCreate for production,
113+
maintaining the lowest possible overhead.
114+
</p>
115+
</div>
116+
</div>
117+
</section>
118+
119+
<!-- Flexibility Section -->
120+
<section id="flexibility" class="alt-section">
121+
<div class="display:flex flex-wrap:wrap align-items:center">
122+
<div class="flex-grow:1 width:300px text-align:center">
123+
<h2 class="font-size:1.5rem">
124+
Pivot, Add Features, without Costly Rewrites
125+
</h2>
126+
<p>
127+
In the ever-evolving world of software, CoCreate empowers you to
128+
adapt seamlessly. Say goodbye to expensive rewrites and
129+
time-consuming overhauls. When changes are needed, simply update
130+
your design, add a few attributes, and your pivot or new feature
131+
is complete. CoCreate enables you to keep your web app agile and
132+
responsive to evolving needs without the headache of major
133+
software overhauls. It's the smart choice for staying ahead in a
134+
fast-paced digital landscape.
135+
</p>
136+
</div>
137+
</div>
138+
</section>
139+
140+
<!-- Mobile Integration Section -->
141+
<section id="mobile-integration" class="alt-section">
142+
<div
143+
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
144+
<div class="flex-grow:1 width:300px text-align:center">
145+
<h2 class="font-size:1.5rem">
146+
Seamless Mobile API Integration and PWA Support
147+
</h2>
148+
<p>
149+
Easily configure and access mobile APIs directly through the
150+
power of HTML5 attributes. Our platform enables web apps to
151+
seamlessly utilize push notifications, contacts, and
152+
geolocation, all by applying the necessary attributes. Plus,
153+
with CoCreate, you can easily transform your web app into a
154+
Progressive Web App (PWA) for enhanced accessibility. Users can
155+
add it to their home screen for quick and convenient access,
156+
just like a native app. If you're unsure of the process, simply
157+
ask the AI for guidance on applying the necessary attributes.
158+
</p>
159+
</div>
160+
</div>
161+
</section>
162+
163+
<!-- Collaborative Editing Section -->
164+
<section id="collaborative-editing" class="alt-section">
165+
<div class="display:flex flex-wrap:wrap align-items:center">
166+
<div class="flex-grow:1 width:300px text-align:center">
167+
<h2 class="font-size:1.5rem">
168+
Make it Collaborative, Display Editing Users Cursors
169+
</h2>
170+
<p>
171+
Unlock the potential of collaborative web applications with
172+
real-time user cursors, apply a few attributes to transform your
173+
web application into a collaborative platform. Empower your end
174+
users to engage and co-edit content in real-time,
175+
revolutionizing their interactive experience.
176+
</p>
177+
</div>
178+
</div>
179+
</section>
180+
181+
<!-- AI Assistance Section -->
182+
<section id="ai-assistance" class="alt-section">
183+
<div
184+
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
185+
<div class="flex-grow:1 width:300px text-align:center">
186+
<h2 class="font-size:1.5rem">
187+
Empower Your Web App with AI Capabilities
188+
</h2>
189+
<p>
190+
AI is just a few HTML5 attributes away. Transform your
191+
applications and empower end users with smart AI enhancements.
192+
Whether it's predictive suggestions, automation, or
193+
personalization, it's all within reach. CoCreate makes AI
194+
accessible and user-friendly, no complex coding required.
195+
Elevate your end user's experience.
196+
</p>
197+
</div>
198+
</div>
199+
</section>
200+
201+
<!-- Ecosystem -->
202+
<section id="ecosystem" class="alt-section">
203+
<div class="display:flex flex-wrap:wrap align-items:center">
204+
<div class="flex-grow:1 width:300px text-align:center">
205+
<h2 class="font-size:1.5rem">Access a Vast HTML Ecosystem</h2>
206+
<p>
207+
CoCreateJS opens the door to a vast and diverse ecosystem of
208+
HTML templates, designs, and components. Explore a world of
209+
pre-existing resources that can seamlessly enhance your web
210+
projects. With CoCreateJS, you can effortlessly integrate these
211+
elements, streamlining your development process.
212+
</p>
213+
</div>
214+
</div>
215+
</section>
216+
217+
<!-- Any Framework -->
218+
<section id="any-framework" class="alt-section">
219+
<div
220+
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
221+
<div class="flex-grow:1 width:300px text-align:center">
222+
<h2 class="font-size:1.5rem">Works with Any Framework</h2>
223+
<p>
224+
CoCreateJS's unique approach of working with HTML using the
225+
HTML5 attribute API enables seamless integration with any
226+
frontend framework. Whether you're using popular frameworks like
227+
React, Angular, or Vue.js, or you have your own custom frontend
228+
solution, CoCreateJS can adapt and enhance your development
229+
experience. Explore the possibilities of combining the
230+
flexibility of CoCreateJS with your preferred frontend framework
231+
to create outstanding web applications in record time.
232+
</p>
233+
</div>
234+
</div>
235+
</section>
236+
237+
<!-- Dual API Section -->
238+
<section id="dual-api" class="alt-section">
239+
<div class="display:flex flex-wrap:wrap align-items:center">
240+
<div class="flex-grow:1 width:300px text-align:center">
241+
<h2 class="font-size:1.5rem">Dual API - HTML5 and JavaScript</h2>
242+
<p>
243+
CoCreate offers a Dual API, with HTML5 for designers and
244+
JavaScript for seasoned developers. Both APIs are equally
245+
powerful and can be used together or interchangeably based on
246+
your skills, experience, and preferences. If you're not a
247+
designer or a developer, the AI has you covered.
248+
</p>
249+
</div>
250+
</div>
251+
</section>
252+
253+
<!-- Call to Action Section -->
254+
<section id="call-to-action" class="alt-section">
255+
<div
256+
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
257+
<div class="flex-grow:1 width:300px text-align:center">
258+
<h2 class="font-size:1.5rem">Join the CoCreate Revolution</h2>
259+
<p>
260+
Be part of the CoCreate revolution in web development. From
261+
rapid design to powerful AI assistance, we offer the tools to
262+
redefine your web app creation process. Experience the freedom
263+
to pivot and adapt without costly rewrites. Seamlessly integrate
264+
mobile APIs and embrace Progressive Web Apps with ease.
265+
Collaborative editing and dual API options are at your
266+
fingertips. Unlock the future of web development with CoCreate.
267+
</p>
268+
</div>
269+
</div>
270+
</section>

0 commit comments

Comments
 (0)