Social work presentation

Social work presentation - v0 by VercelSocial work presentation - v0 by Vercel

Социалдык иштердин теориялык типтери жана моделдери .
План :Социалдык иштердин теориялык типтери
Окумуштуулардын социалдык иштер боюнча теориялары (марсистик жана гуманисттик).
Дизайнын кооз кылып суротторду кошуп тушунуктуу так кылып схемаларды кошуп HTML де призентация жасап бер

51d ago

Now let me generate images for the presentation and read the existing files before building.

Now let me build the presentation. First, I'll update the theme, then create the components.

Now let me update the layout metadata and create the presentation components:

Now let me create all the components:

Now let me create the main page:

The presentation is complete. Here's what I built:

A full-screen interactive HTML presentation in Kyrgyz with a dark navy/teal themed design containing 6 sections:

Hero - Full-screen cover slide with generated artwork, animated title, and navigation buttons to each section
Theoretical Types - 6 theory cards (Psychodynamic, Systems, Marxist, Humanist, Cognitive-Behavioral, Crisis Intervention) plus a 3-level flow diagram showing micro/meso/macro connections
Marxist Theory - Karl Marx portrait, quote, core principles (class struggle, inequality, exploitation, emancipation), and a 5-step process flow diagram of the Marxist social work model
Humanist Theory - Maslow and Rogers portraits with contributions, the Maslow's Needs Pyramid built in CSS, 5 core principles, and Rogers' client-centered therapy process flow
Comparison - Side-by-side comparison table, feature checklists with check/cross marks, and an integration summary
Conclusion - 5 key takeaways and academic references

51d ago

Социалдык иштердин теориялык типтери жана моделдери .
План :Социалдык иштердин теориялык типтери
Окумуштуулардын социалдык иштер боюнча теориялары (марсистик жана гуманисттик). АК тусто болсун!
Дизайнын кооз кылып суротторду кошуп тушунуктуу так кылып схемаларды кошуп HTML де призентация жасап б
ер Абдикарим кызы Айгул

51d ago

Let me first read all the current files to understand what needs to be updated for the light theme.

Now I have full context. I need to: 1) Switch to a light/white theme in globals.css, 2) Regenerate images with light-friendly styles, 3) Add "Абдикарим кызы Айгул" to the hero section and footer, 4) Adjust component backgrounds for light theme. Let me start with the theme and images.

Now let me update the CSS theme to a clean white/light palette:

Now let me update the hero section to add the student name and adapt for light theme:

Now update the theory types section for light theme cards with shadows:

Now update the Marxist section for the light theme:

Now update the humanist section:

Now update the comparison section:

Now update the conclusion section with the student's name:

The entire presentation has been switched to a clean white/light theme. All design tokens are now light - white backgrounds, soft gray cards, teal primary with warm coral accent colors. All images have been regenerated with light-friendly palettes. The student name "Абдикарим кызы Айгул" now appears prominently on both the hero section cover slide and the conclusion footer.

51d ago

You can send messages while the preview loads

Code editing is not availableDuplicate this chat to use a more powerful code editor.

Loading integrations...

51d ago

Now let me generate images for the presentation and read the existing files before building.

Now let me build the presentation. First, I'll update the theme, then create the components.

Now let me update the layout metadata and create the presentation components:

Now let me create all the components:

Now let me create the main page:

The presentation is complete. Here's what I built:

A full-screen interactive HTML presentation in Kyrgyz with a dark navy/teal themed design containing 6 sections:

Hero - Full-screen cover slide with generated artwork, animated title, and navigation buttons to each section
Theoretical Types - 6 theory cards (Psychodynamic, Systems, Marxist, Humanist, Cognitive-Behavioral, Crisis Intervention) plus a 3-level flow diagram showing micro/meso/macro connections
Marxist Theory - Karl Marx portrait, quote, core principles (class struggle, inequality, exploitation, emancipation), and a 5-step process flow diagram of the Marxist social work model
Humanist Theory - Maslow and Rogers portraits with contributions, the Maslow's Needs Pyramid built in CSS, 5 core principles, and Rogers' client-centered therapy process flow
Comparison - Side-by-side comparison table, feature checklists with check/cross marks, and an integration summary
Conclusion - 5 key takeaways and academic references

51d ago

Социалдык иштердин теориялык типтери жана моделдери .
План :Социалдык иштердин теориялык типтери
Окумуштуулардын социалдык иштер боюнча теориялары (марсистик жана гуманисттик). АК тусто болсун!
Дизайнын кооз кылып суротторду кошуп тушунуктуу так кылып схемаларды кошуп HTML де призентация жасап б
ер Абдикарим кызы Айгул

51d ago

Let me first read all the current files to understand what needs to be updated for the light theme.

Now let me update the CSS theme to a clean white/light palette:

Now let me update the hero section to add the student name and adapt for light theme:

Now update the theory types section for light theme cards with shadows:

Now update the Marxist section for the light theme:

Now update the humanist section:

Now update the comparison section:

Now update the conclusion section with the student's name:

51d ago