@@ -49,12 +49,6 @@ <h1 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold mb-6 leading-t
4949 </ svg >
5050 < span > Since 2004</ span >
5151 </ div >
52- < div class ="flex items-center gap-2 ">
53- < svg class ="w-5 h-5 text-orange-500 " xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor ">
54- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M12 6v6m0 0v6m0-6h6m-6 0H6 " />
55- </ svg >
56- < span > Since 2004</ span >
57- </ div >
5852 < div class ="flex items-center gap-2 ">
5953 < svg class ="w-5 h-5 text-orange-500 " xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor ">
6054 < path stroke-linecap ="round " stroke-linejoin ="round " d ="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418 " />
@@ -75,78 +69,109 @@ <h1 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold mb-6 leading-t
7569 </ div >
7670</ section >
7771
78- <!-- Services Section -->
72+ <!-- Three Segments Section -->
7973< section class ="bg-white py-16 sm:py-20 lg:py-24 ">
8074 < div class ="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 ">
8175 < div class ="text-center mb-12 ">
8276 < h2 class ="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-4 ">
83- Our < span class ="text-orange-500 "> Services </ span >
77+ Our < span class ="text-orange-500 "> Ecosystem </ span >
8478 </ h2 >
85- < p class ="text-lg text-gray-600 max-w-2xl mx-auto ">
86- Explore our comprehensive ecosystem of services designed to support developers, entrepreneurs, and businesses across Latin America .
79+ < p class ="text-lg text-gray-600 max-w-3xl mx-auto ">
80+ Coderic Organization is structured into three main segments, each consisting of two complementary areas that work together to support developers and entrepreneurs in bringing their projects to life .
8781 </ p >
8882 </ div >
8983
90- < div class ="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 ">
91- < a href ="/development " class ="service-card group " aria-label ="Development services ">
92- < div class ="service-card-icon ">
93- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
94- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5 " />
95- </ svg >
96- </ div >
97- < h3 class ="service-card-title "> Development</ h3 >
98- < p class ="service-card-description "> Collaborative software development, version control, and DevOps tools for modern teams.</ p >
99- </ a >
100-
101- < a href ="/crowdfunding " class ="service-card group " aria-label ="Crowdfunding services ">
102- < div class ="service-card-icon ">
103- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
104- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z " />
105- </ svg >
106- </ div >
107- < h3 class ="service-card-title "> Crowdfunding</ h3 >
108- < p class ="service-card-description "> Collective funding for innovative technology projects and startup initiatives.</ p >
109- </ a >
110-
111- < a href ="/coworking " class ="service-card group " aria-label ="Coworking spaces ">
112- < div class ="service-card-icon ">
113- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
114- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z " />
115- </ svg >
116- </ div >
117- < h3 class ="service-card-title "> Co-Working</ h3 >
118- < p class ="service-card-description "> Physical and virtual collaborative spaces for innovation and teamwork.</ p >
119- </ a >
120-
121- < a href ="/freelancers " class ="service-card group " aria-label ="Freelancer network ">
122- < div class ="service-card-icon ">
123- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
124- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z " />
125- </ svg >
126- </ div >
127- < h3 class ="service-card-title "> Freelancers</ h3 >
128- < p class ="service-card-description "> Connect with skilled developers and technical professionals for your projects.</ p >
129- </ a >
130-
131- < a href ="/learning " class ="service-card group " aria-label ="Learning academy ">
132- < div class ="service-card-icon ">
133- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
134- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5 " />
135- </ svg >
136- </ div >
137- < h3 class ="service-card-title "> Learning</ h3 >
138- < p class ="service-card-description "> Educational resources, tutorials, courses, and technical certifications.</ p >
139- </ a >
140-
141- < a href ="/community " class ="service-card group " aria-label ="Community ">
142- < div class ="service-card-icon ">
143- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
144- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z " />
145- </ svg >
146- </ div >
147- < h3 class ="service-card-title "> Community</ h3 >
148- < p class ="service-card-description "> Forums, support, technical assistance, and mentorship programs.</ p >
149- </ a >
84+ <!-- Launchpad Segment -->
85+ < div class ="mb-16 ">
86+ < div class ="text-center mb-8 ">
87+ < h3 class ="text-2xl sm:text-3xl font-bold text-stone-800 mb-3 "> 🔹 Launchpad</ h3 >
88+ < p class ="text-lg text-gray-600 max-w-2xl mx-auto ">
89+ Development and financing tools to start and advance your project
90+ </ p >
91+ </ div >
92+ < div class ="grid md:grid-cols-2 gap-6 ">
93+ < a href ="/development " class ="service-card group " aria-label ="Development services ">
94+ < div class ="service-card-icon ">
95+ < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
96+ < path stroke-linecap ="round " stroke-linejoin ="round " d ="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5 " />
97+ </ svg >
98+ </ div >
99+ < h3 class ="service-card-title "> Development</ h3 >
100+ < p class ="service-card-description "> Planning, engineering design, coding, and technology selection. Connect with investors, funds, and organizations publishing funded software needs.</ p >
101+ </ a >
102+
103+ < a href ="/crowdfunding " class ="service-card group " aria-label ="Crowdfunding services ">
104+ < div class ="service-card-icon ">
105+ < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
106+ < path stroke-linecap ="round " stroke-linejoin ="round " d ="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z " />
107+ </ svg >
108+ </ div >
109+ < h3 class ="service-card-title "> Crowdfunding</ h3 >
110+ < p class ="service-card-description "> Multiple funding options: share profits with organization members, or access external funding including investment funds, collective funds, government funds, and direct investors.</ p >
111+ </ a >
112+ </ div >
113+ </ div >
114+
115+ <!-- Resources Segment -->
116+ < div class ="mb-16 ">
117+ < div class ="text-center mb-8 ">
118+ < h3 class ="text-2xl sm:text-3xl font-bold text-stone-800 mb-3 "> 🔹 Resources</ h3 >
119+ < p class ="text-lg text-gray-600 max-w-2xl mx-auto ">
120+ Workspaces and professionals to support your project development
121+ </ p >
122+ </ div >
123+ < div class ="grid md:grid-cols-2 gap-6 ">
124+ < a href ="/coworking " class ="service-card group " aria-label ="Coworking spaces ">
125+ < div class ="service-card-icon ">
126+ < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
127+ < path stroke-linecap ="round " stroke-linejoin ="round " d ="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z " />
128+ </ svg >
129+ </ div >
130+ < h3 class ="service-card-title "> Co-Working</ h3 >
131+ < p class ="service-card-description "> Where to work: affordable, fair-priced physical spaces aligned with our collective, collaborative, and participative vision.</ p >
132+ </ a >
133+
134+ < a href ="/freelancers " class ="service-card group " aria-label ="Freelancer network ">
135+ < div class ="service-card-icon ">
136+ < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
137+ < path stroke-linecap ="round " stroke-linejoin ="round " d ="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z " />
138+ </ svg >
139+ </ div >
140+ < h3 class ="service-card-title "> Freelancers</ h3 >
141+ < p class ="service-card-description "> Who to work with: comprehensive directory of professionals including designers, beta testers, project managers, developers, promoters, and digital marketing experts.</ p >
142+ </ a >
143+ </ div >
144+ </ div >
145+
146+ <!-- Knowledge Segment -->
147+ < div class ="mb-16 ">
148+ < div class ="text-center mb-8 ">
149+ < h3 class ="text-2xl sm:text-3xl font-bold text-stone-800 mb-3 "> 🔹 Knowledge</ h3 >
150+ < p class ="text-lg text-gray-600 max-w-2xl mx-auto ">
151+ Learning resources and community support to help you succeed
152+ </ p >
153+ </ div >
154+ < div class ="grid md:grid-cols-2 gap-6 ">
155+ < a href ="/learning " class ="service-card group " aria-label ="Learning academy ">
156+ < div class ="service-card-icon ">
157+ < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
158+ < path stroke-linecap ="round " stroke-linejoin ="round " d ="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5 " />
159+ </ svg >
160+ </ div >
161+ < h3 class ="service-card-title "> Learning</ h3 >
162+ < p class ="service-card-description "> Extensive library of curated YouTube playlists, knowledge base, tutorials, and guides—all organized and updated to help you learn how to start and advance your project.</ p >
163+ </ a >
164+
165+ < a href ="/community " class ="service-card group " aria-label ="Community ">
166+ < div class ="service-card-icon ">
167+ < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor ">
168+ < path stroke-linecap ="round " stroke-linejoin ="round " d ="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z " />
169+ </ svg >
170+ </ div >
171+ < h3 class ="service-card-title "> Community</ h3 >
172+ < p class ="service-card-description "> Discussion forums, guides, and artificial intelligence to answer your questions. We know that maybe you won't succeed so easily without help, and that's why we're here.</ p >
173+ </ a >
174+ </ div >
150175 </ div >
151176 </ div >
152177</ section >
0 commit comments