@@ -213,22 +213,6 @@ <h2 class="text-4xl sm:text-5xl font-bold text-white mb-6">
213213 editing to mixing and final export.
214214 </ p >
215215 </ div >
216- < div class ="mb-12 ">
217- < img
218- data-ai ="generate "
219- data-slot ="workflow-diagram "
220- data-prompt ="Horizontal workflow diagram showing 5 connected stages of music production: Recording, Editing, Automation, Mixing, Export with modern dark design and cyan accents "
221- data-ar ="16:9 "
222- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/workflow/workflow-diagram-c69473d6133c44678b5efe37ebe95e36.png "
223- alt ="Music Production Workflow "
224- width ="1200 "
225- height ="675 "
226- class ="w-full max-w-6xl mx-auto rounded-xl shadow-lg "
227- loading ="lazy "
228- decoding ="async "
229- fetchpriority ="auto "
230- />
231- </ div >
232216 < div class ="grid grid-cols-1 md:grid-cols-5 gap-8 ">
233217 < div class ="text-center ">
234218 < div
@@ -357,7 +341,7 @@ <h3 class="text-xl font-semibold text-white mb-2">Export</h3>
357341 data-slot ="core-workflow-screenshot "
358342 data-prompt ="DAW timeline interface screenshot showing multiple audio and MIDI tracks, timeline ruler, track controls, and session management with dark theme and cyan accents "
359343 data-ar ="4:3 "
360- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/core-workflow/core-workflow-screenshot-1da6a8f8d6b74b55aeba33362aed50ac .png "
344+ src ="img/workspace .png "
361345 alt ="Core DAW Workflow Interface "
362346 width ="800 "
363347 height ="600 "
@@ -599,7 +583,7 @@ <h3 class="text-xl font-semibold text-white mb-2">
599583 data-slot ="midi-editing-screenshot "
600584 data-prompt ="Modern dark-themed piano roll MIDI editor interface showing musical notes on a grid with velocity bars below, featuring cyan accent colors and professional DAW aesthetics "
601585 data-ar ="16:9 "
602- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/ midi-editing/midi-editing-screenshot-1ffa9209d71f48d0ad9acdb6c8533c40 .png "
586+ src ="img/ midi.png "
603587 alt ="Maolan MIDI Piano Roll Editor "
604588 width ="1200 "
605589 height ="675 "
@@ -887,20 +871,6 @@ <h3 class="text-xl font-semibold text-white mb-2">
887871 </ p >
888872 </ div >
889873 </ div >
890- < img
891- data-ai ="generate "
892- data-slot ="automation-visual "
893- data-prompt ="Dark-themed DAW automation lane interface showing curved automation lines with control points, featuring cyan accent colors and professional audio software aesthetics "
894- data-ar ="16:9 "
895- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/automation/automation-visual-9bad34a61a334d72b1bf1a9e7c1a7024.png "
896- alt ="Maolan Automation System "
897- width ="1200 "
898- height ="675 "
899- class ="w-full rounded-xl object-cover shadow-lg border border-slate-700 "
900- loading ="lazy "
901- decoding ="async "
902- fetchpriority ="auto "
903- />
904874 </ div >
905875 </ div >
906876 </ div >
@@ -967,7 +937,7 @@ <h3 class="text-xl font-semibold text-white mb-4">
967937 data-slot ="mixing-visual "
968938 data-prompt ="Modern dark DAW mixer interface with channel strips, sends, plugin inserts, and routing lines with cyan accents "
969939 data-ar ="4:3 "
970- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/automation/automation-visual-9bad34a61a334d72b1bf1a9e7c1a7024 .png "
940+ src ="img/routing .png "
971941 alt ="Routing and mixing interface "
972942 width ="1200 "
973943 height ="900 "
@@ -1078,24 +1048,6 @@ <h3 class="text-xl font-semibold text-white mb-2">
10781048 </ div >
10791049 </ div >
10801050 </ div >
1081- < div
1082- class ="bg-slate-900/30 border border-slate-800/50 rounded-xl p-6 "
1083- >
1084- < img
1085- data-ai ="generate "
1086- data-slot ="freeze-visual "
1087- data-prompt ="Dark themed DAW interface showing track freeze controls and frozen waveform visualization with cyan accent colors "
1088- data-ar ="4:3 "
1089- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/freeze/freeze-visual-eb66b7401b9b4423a94e2e3a6cbc336d.png "
1090- alt ="Track freeze interface "
1091- width ="1200 "
1092- height ="900 "
1093- class ="w-full rounded-lg object-cover "
1094- loading ="lazy "
1095- decoding ="async "
1096- fetchpriority ="auto "
1097- />
1098- </ div >
10991051 </ div >
11001052 </ div >
11011053 </ section >
@@ -1202,22 +1154,6 @@ <h2 class="text-3xl font-bold text-white mb-4">
12021154 </ p >
12031155 </ div >
12041156 < div class ="grid md:grid-cols-2 gap-8 items-start ">
1205- < div >
1206- < img
1207- data-ai ="generate "
1208- data-slot ="safety-visual "
1209- data-prompt ="Abstract visualization of data protection and backup systems with interconnected nodes, shield icons, and recovery symbols in dark cyan theme representing session safety "
1210- data-ar ="1:1 "
1211- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/safety/safety-visual-149977527d6646fdb05843de406ca537.png "
1212- alt ="Session safety visualization "
1213- width ="400 "
1214- height ="400 "
1215- class ="w-full rounded-2xl object-cover shadow-lg border border-slate-800 mb-6 "
1216- loading ="lazy "
1217- decoding ="async "
1218- fetchpriority ="auto "
1219- />
1220- </ div >
12211157 < div class ="space-y-6 ">
12221158 < div class ="bg-slate-950 border border-slate-800 rounded-xl p-6 ">
12231159 < h3 class ="text-lg font-semibold text-white mb-2 ">
@@ -1308,44 +1244,12 @@ <h3 class="text-lg font-semibold text-white mb-3">
13081244 Jump back into recent work quickly.
13091245 </ p >
13101246 </ div >
1311- < div class ="md:col-span-2 lg:col-span-1 ">
1312- < img
1313- data-ai ="generate "
1314- data-slot ="diagnostics-visual "
1315- data-prompt ="Technical diagnostic interface showing system monitoring, configuration files, and developer tools in a dark modern UI with cyan accents "
1316- data-ar ="1:1 "
1317- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/diagnostics/diagnostics-visual-9f3f69fe40c44de7b79da6265310a211.png "
1318- alt ="Diagnostics tools interface "
1319- width ="400 "
1320- height ="400 "
1321- class ="w-full rounded-2xl object-cover shadow-lg border border-slate-800 "
1322- loading ="lazy "
1323- decoding ="async "
1324- fetchpriority ="auto "
1325- />
1326- </ div >
13271247 </ div >
13281248 </ div >
13291249 </ section >
13301250 < section class ="py-16 bg-slate-950 ">
13311251 < div class ="max-w-6xl mx-auto px-6 ">
13321252 < div class ="grid lg:grid-cols-2 gap-12 items-center ">
1333- < div >
1334- < img
1335- data-ai ="generate "
1336- data-slot ="platform-visual "
1337- data-prompt ="Modern computer setup showing multiple operating system logos (Linux, FreeBSD, Unix) with audio plugin format icons (CLAP, VST3, LV2) in a dark tech environment "
1338- data-ar ="4:3 "
1339- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/platform/platform-visual-5f59316f498e49958e096908381572e4.png "
1340- alt ="Platform compatibility visualization "
1341- width ="800 "
1342- height ="600 "
1343- class ="w-full rounded-2xl object-cover shadow-sm "
1344- loading ="lazy "
1345- decoding ="async "
1346- fetchpriority ="auto "
1347- />
1348- </ div >
13491253 < div class ="space-y-6 ">
13501254 < h2 class ="text-3xl font-bold text-white "> Platform Notes</ h2 >
13511255 < div class ="space-y-4 ">
@@ -1422,42 +1326,12 @@ <h3 class="text-lg font-semibold text-white mb-2">
14221326 </ p >
14231327 </ div >
14241328 </ div >
1425- < div >
1426- < img
1427- data-ai ="generate "
1428- data-slot ="boundaries-visual "
1429- data-prompt ="Abstract visualization of software development boundaries and limitations, showing code blocks, warning symbols, and progress indicators in a dark tech aesthetic "
1430- data-ar ="1:1 "
1431- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/boundaries/boundaries-visual-a51f29b7194549b0a2cca1773fdce815.png "
1432- alt ="Development boundaries visualization "
1433- width ="600 "
1434- height ="600 "
1435- class ="w-full rounded-2xl object-cover shadow-sm "
1436- loading ="lazy "
1437- decoding ="async "
1438- fetchpriority ="auto "
1439- />
1440- </ div >
14411329 </ div >
14421330 </ div >
14431331 </ section >
14441332 < section class ="py-20 bg-slate-950 ">
14451333 < div class ="max-w-4xl mx-auto px-6 text-center ">
14461334 < div class ="mb-12 ">
1447- < img
1448- data-ai ="generate "
1449- data-slot ="cta-visual "
1450- data-prompt ="Modern open-source software development scene with GitHub logo, code contributions, and community collaboration in a dark tech environment with cyan accents "
1451- data-ar ="16:9 "
1452- src ="https://cdn.ailandingpage.ai/landingpage_io/user-generate/f433db1c-cbc6-49bc-a059-bc2befee775e/f433db1c-cbc6-49bc-a059-bc2befee775e/cta/cta-visual-292fd14c3ee14e3aa3355c046e1b1bb1.png "
1453- alt ="Open source development community "
1454- width ="1200 "
1455- height ="675 "
1456- class ="w-full rounded-2xl object-cover shadow-sm mb-8 "
1457- loading ="lazy "
1458- decoding ="async "
1459- fetchpriority ="auto "
1460- />
14611335 < h2 class ="text-4xl font-bold text-white mb-6 "> Explore Maolan</ h2 >
14621336 < p class ="text-xl text-slate-400 max-w-2xl mx-auto mb-8 ">
14631337 Join the open-source audio production revolution. Contribute to
0 commit comments