feat: Update client logos and testimonials, enhance feature descriptions, and improve layout

- Replaced client logos in _index.md with new entries.
- Updated testimonials section to improve clarity and relevance.
- Enhanced feature descriptions in generation-documents.md, rapports-rgpd.md, rapports-statistiques.md, rendez-vous.md, suivi-accompagnements.md, suivi-decisions.md, and suivi-usagers.md for better user understanding.
- Added new images to various feature sections to enrich visual content.
- Introduced new sector pages for "Grandes Collectivités" and "Services et associations" with tailored content.
- Updated CSS for better styling and responsiveness.
- Improved carousel and client logos shortcode for better performance and visual appeal.
- Removed outdated screenshots and replaced hero image with a new format.
This commit is contained in:
Boris Waaub
2026-03-09 18:39:04 +01:00
parent 61e1a4b29f
commit 65813b6520
47 changed files with 217 additions and 159 deletions

View File

@@ -1,29 +1,61 @@
---
title: Home
client_logos:
- name: "Customer 1"
logo: "/images/logos/customer-1.png"
- name: "Customer 2"
logo: "/images/logos/customer-2.png"
- name: "Customer 3"
logo: "/images/logos/customer-3.png"
- name: "Customer 4"
logo: "/images/logos/customer-4.png"
- name: "Customer 5"
logo: "/images/logos/customer-5.png"
testimonials:
- name: "John Smith"
title: "CTO at TechStartup"
avatar: "/images/testimonial-1.svg"
quote: "We built our SaaS website in record time. The performance is incredible, and our users love the modern, clean design."
- name: "Sarah Johnson"
title: "Founder at WebFlow"
avatar: "/images/testimonial-1.svg"
quote: "The combination of Hugo and TailwindCSS delivers lightning-fast performance. Our website loads instantly, which has significantly improved our conversion rates."
- name: "Michael Chen"
title: "Lead Developer at CloudTech"
avatar: "/images/testimonial-1.svg"
quote: "This theme made it easy to create a professional SaaS website. The build times are incredibly fast, and the code is clean and maintainable."
- name: "amli"
logo: "/images/logos/amli.png"
- name: "cigales"
logo: "/images/logos/cigales.jpg"
- name: "cire"
logo: "/images/logos/cire.png"
- name: "doucheflux"
logo: "/images/logos/doucheflux.jpg"
- name: "dune"
logo: "/images/logos/dune.png"
- name: "haute-vienne"
logo: "/images/logos/haute-vienne.png"
- name: "imio"
logo: "/images/logos/imio.png"
- name: "infirmiersrues"
logo: "/images/logos/infirmiersrues.png"
- name: "resad"
logo: "/images/logos/resad.png"
- name: "rixensart"
logo: "/images/logos/rixensart.webp"
- name: "samusocial"
logo: "/images/logos/samusocial.png"
- name: "SIDASOL"
logo: "/images/logos/SIDASOL.png"
- name: "SMES"
logo: "/images/logos/SMES.webp"
- name: "st-gilles"
logo: "/images/logos/st-gilles.jpg"
- name: "stemm"
logo: "/images/logos/stemm.png"
- name: "vendée"
logo: "/images/logos/vendée.png"
- name: "reseauhepatitec"
logo: "/images/logos/reseauhepatitec.webp"
- name: "agglo-grandgueret"
logo: "/images/logos/agglo-grandgueret.webp"
- name: "interstices-stpierre"
logo: "/images/logos/interstices-stpierre.png"
- name: "laplateformereunion"
logo: "/images/logos/laplateformereunion.png"
- name: "cabinetmb-solutionssociales"
logo: "/images/logos/cabinetmb-solutionssociales.webp"
# testimonials:
# - name: "John Smith"
# title: "CTO at TechStartup"
# avatar: "/images/testimonial-1.svg"
# quote: "We built our SaaS website in record time. The performance is incredible, and our users love the modern, clean design."
# - name: "Sarah Johnson"
# title: "Founder at WebFlow"
# avatar: "/images/testimonial-1.svg"
# quote: "The combination of Hugo and TailwindCSS delivers lightning-fast performance. Our website loads instantly, which has significantly improved our conversion rates."
# - name: "Michael Chen"
# title: "Lead Developer at CloudTech"
# avatar: "/images/testimonial-1.svg"
# quote: "This theme made it easy to create a professional SaaS website. The build times are incredibly fast, and the code is clean and maintainable."
---
{{< hero
@@ -34,7 +66,7 @@ testimonials:
secondary_button_text="Réserver une démo"
secondary_button_url="/contact"
custom_class="hero"
hero_image="/images/hero-dashboard.svg"
hero_image="/images/hero-dashboard.webp"
>}}
{{< features-carousel title="Découvrez les fonctionnalité qui font de CHILL <br> lallié incontournable des travailleurs sociaux" background-color="#f1f5f9" >}}
{
@@ -126,12 +158,12 @@ testimonials:
]
}
{{< /features-carousel >}}
{{< testimonials
{{< client-logos title="Ils font déjà confiance à CHILL" >}}
<!-- {{< testimonials
title="Ils nous font confiance"
descriptions="Flexible et évolutif, CHILL accompagne aussi bien les petites associations que les grandes structures. Son développement participatif, mené avec des travailleurs sociaux de secteurs variés, garantit un outil fidèle aux réalités du terrain.,,Découvrez leurs témoignages"
animate="true"
background-color="#f1f5f9"
>}}
>}} -->
{{< cta >}}

View File

@@ -1,6 +1,6 @@
---
title: "Génération de documents"
description: "Grâce à un système de modèles personnalisables, vous pouvez générer automatiquement des documents avec un large éventail dinformations déjà pré-remplies à partir des données présentes dans lapplication."
description: "Concevez rapidement vos documents à partir de modèles"
weight: 3
layout: "single"
badge: "Documents"
@@ -9,6 +9,8 @@ demo:
description: "Générez facilement des documents personnalisés à partir des données saisies."
images:
- "/images/features/HP-documents.png"
- "/images/features/documents1.png"
- "/images/features/fonc-doc3.png"
---

View File

@@ -1,14 +1,17 @@
---
title: "Droits daccès"
description: "Générez des rapports statistiques, organisez vos documents et assurez la conformité RGPD pour la sécurité et la confidentialité des données."
description: "Protégez vos accès et vos données."
weight: 7
layout: "single"
badge: "Droits daccès"
badgeColor: "rapport-rgpd"
demo:
description: "Assurez la conformité RGPD et organisez vos rapports et documents."
images:
images:
- "/images/features/HP-droitsdacces.png"
- "/images/features/permissions.png"
- "/images/features/permissions2.png"
- "/images/features/permissions3.png"
---

View File

@@ -1,6 +1,6 @@
---
title: "Rapports statistiques"
description: "CHILL vous permet dexporter des statistiques précises sur lensemble de vos entités."
description: "Exportez des statistiques sur vos activités."
weight: 6
layout: "single"
badge: "Statistiques"
@@ -9,6 +9,8 @@ demo:
description: "Générez et exportez des rapports statistiques détaillés."
images:
- "/images/features/HP-exports.png"
- "/images/features/stats.png"
- "/images/features/stats3.png"
---

View File

@@ -1,6 +1,6 @@
---
title: "Rendez-vous"
description: "Planifiez, organisez et suivez efficacement tous vos rendez-vous, que ce soit pour vous-même ou pour vos collègues, avec des outils de synchronisation et de rappel avancés."
description: "Fixez des rendez-vous à vos usagers et invitez vos collègues."
weight: 4
layout: "single"
badge: "Rendez-vous"
@@ -9,6 +9,7 @@ demo:
description: "Découvrez comment gérer et structurée vos rendez-vous."
images:
- "/images/features/HP-rendez-vous.png"
- "/images/features/rdv2.png"
---

View File

@@ -1,6 +1,6 @@
---
title: "Suivi des accompagnements"
description: "Créez et suivez un ou plusieurs parcours daccompagnement pour chaque usager, du diagnostic initial aux actions entreprises et aux progrès réalisés."
description: "Consignez les parcours daccompagnement de vos usagers."
weight: 2
layout: "single"
badge: "Accompagnements"
@@ -9,6 +9,8 @@ demo:
description: "Découvrez comment suivre et caractériser les parcours daccompagnement de chaque usager."
images:
- "/images/features/HP-accompagnement.png"
- "/images/features/fonc-accom-2.png"
- "/images/features/fonc-accom-3.png"
---
## Présentation

View File

@@ -1,6 +1,6 @@
---
title: "Suivi des décisions"
description: "CHILL facilite le suivi et la validation de décisions au sein dune équipe."
description: "Validez les décisions grâce à des worklows prédéfinis."
weight: 5
layout: "single"
badge: "Décisions"
@@ -8,7 +8,9 @@ badgeColor: "suivi-decisions"
demo:
description: "Découvrez comment gérer et valider les décisions collectives."
images:
- "/images/features/suividecisions2.png"
- "/images/features/HP-décisions.png"
- "/images/features/suividedecisions.png"
---
## Présentation

View File

@@ -1,6 +1,6 @@
---
title: "Suivi des usagers"
description: "CHILL vous offre une gestion complète et structurée des dossiers individuels, facilitant le suivi personnalisé de chaque usager."
description: "Centralisez les informations clés de vos usagers."
weight: 1
layout: "single"
badge: "Usagers"
@@ -8,8 +8,13 @@ badgeColor: "suivi-usagers"
demo:
description: "Découvrez comment gérer et structurée les dossiers de vos usagers."
images:
- "/images/features/HP-suiviusager.png"
- "/images/features/fonctionnalites-usager.png"
- "/images/features/fonctionnalites-usager2.png"
- "/images/features/fonctionnalites-usager3.png"
- "/images/features/fonctionnalités-usager4.png"
- "/images/features/fonctionnalités-usager5.png"
- "/images/features/fonctionnalites-usager6.png"
- "/images/features/fonctionnalites-usager7.png"
---

View File

@@ -4,57 +4,8 @@ description: "Une solution pensée pour le secteur social, dans toute sa diversi
card: "CHILL est une solution complète conçue pour s'adapter aux réalités nombreuses du secteur social. Grâce à sa grande flexibilité, elle répond aux besoins de structures très différentes, quels que soient leur taille ou le public accompagné."
layout: "gradient-card"
bgColor: "activity-sector"
client_logos:
- name: "amli"
logo: "/images/logos/amli.png"
- name: "cigales"
logo: "/images/logos/cigales.jpg"
- name: "cire"
logo: "/images/logos/cire.png"
- name: "département_Landes"
logo: "/images/logos/département_Landes.png"
- name: "doucheflux"
logo: "/images/logos/doucheflux.jpg"
- name: "dune"
logo: "/images/logos/dune.png"
- name: "han"
logo: "/images/logos/han.png"
- name: "haute-soane"
logo: "/images/logos/haute-soane.jpg"
- name: "haute-vienne"
logo: "/images/logos/haute-vienne.png"
- name: "imio"
logo: "/images/logos/imio.png"
- name: "infirmiersrues"
logo: "/images/logos/infirmiersrues.png"
- name: "ligue-sante-mentale"
logo: "/images/logos/ligue-sante-mentale.jpg"
- name: "nantes"
logo: "/images/logos/nantes.png"
- name: "resad"
logo: "/images/logos/resad.png"
- name: "resinam"
logo: "/images/logos/resinam.png"
- name: "rixensart"
logo: "/images/logos/rixensart.webp"
- name: "samusocial"
logo: "/images/logos/samusocial.png"
- name: "scic"
logo: "/images/logos/scic.png"
- name: "SIDASOL"
logo: "/images/logos/SIDASOL.png"
- name: "SMES"
logo: "/images/logos/SMES.webp"
- name: "st-gilles"
logo: "/images/logos/st-gilles.jpg"
- name: "stemm"
logo: "/images/logos/stemm.png"
- name: "vendée"
logo: "/images/logos/vendée.png"
---
{{< gradient-card-section title="CHILL, un logiciel ancré dans les valeurs du social" gradient-card="CHILL est édité par **Champs Libres**, une **coopérative belge à finalité sociale** active depuis plusieurs années dans le développement de solutions numériques orientées vers lutilité sociale et collective. Champs Libres promeut le **logiciel libre** et travaille régulièrement avec des organisations du secteur non marchand, des pouvoirs publics et des associations, en développant des outils qui répondent aux besoins réels des utilisateurs et favorisent le partage et la réutilisation du code pour le bien commun.">}}
Cette approche pragmatique et éthique signifie que CHILL nest pas seulement un outil : cest un projet qui sest construit <b>avec et pour les travailleurs sociaux</b>, en sappuyant sur une compréhension profonde des pratiques professionnelles et des défis du terrain.

View File

@@ -0,0 +1,43 @@
---
title: "Services et associations"
description: "Une solution simple et flexible pour les associations"
card: "CHILL est également conçu pour accompagner les associations et structures sociales locales dans la gestion de leurs activités quotidiennes. Grâce à sa flexibilité, la solution sadapte facilement aux besoins déquipes de petite ou moyenne taille."
layout: "gradient-card"
bgColor: "activity-sector"
---
{{< gradient-card-section title="Des domaines d'action variés" description="CHILL est aujourd'hui utilisé dans de nombreux secteurs de l'action sociale">}}
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
{{< value-card
title="Aide aux personnes en situation de précarité"
icon="/images/sectors/help-people.svg"
>}}
{{< value-card
title="Aide à la jeunesse"
icon="/images/sectors/youth-help.svg"
>}}
{{< value-card
title="Accompagnement de familles ou de mineurs en difficulté"
icon="/images/sectors/help-family.svg"
>}}
{{< value-card
title="Services de médiation ou d'insertion"
icon="/images/sectors/mediation-service.svg"
>}}
{{< value-card
title="Centres d'accueil, d'écoute ou d'orientation"
icon="/images/sectors/home-heart.svg"
>}}
</div>
{{< /gradient-card-section >}}
{{< gradient-card-section title="Un outil adapté au terrain" description="CHILL permet aux équipes de :">}}
<ul class="text-lg">
<li>Suivre les <strong>bénéficiaires</strong></li>
<li>Structurer les <strong>accompagnements</strong></li>
<li>Centraliser les <strong>informations importantes</strong></li>
<li>Faciliter la <strong>collaboration entre professionnels</strong></li>
</ul>
<p class="text-lg mt-8 italic">Lobjectif est simple : permettre aux équipes de se concentrer sur leur mission sociale plutôt que sur la gestion administrative.</p>
{{< /gradient-card-section >}}

View File

@@ -0,0 +1,38 @@
---
title: "Grandes Collectivités"
description: "Une solution robuste pour les grandes collectivités"
card: "CHILL accompagne les grandes collectivités dans la gestion et le pilotage de leurs politiques sociales. Conçu pour gérer des organisations complexes et multi-services, le logiciel sadapte aux réalités des départements et des grandes administrations."
layout: "gradient-card"
bgColor: "activity-sector"
client_logos:
- name: "haute-vienne"
logo: "/images/logos/haute-vienne.png"
- name: "vendée"
logo: "/images/logos/vendée.png"
---
{{< gradient-card-section title="Une expertise reconnue auprès des départements français" description="CHILL est déjà utilisé par de grandes collectivités françaises, notamment les départements de la **Haute-Vienne** et de la **Vendée**. Ces collaborations nous ont permis de développer une expertise solide dans :">}}
<ul class="text-lg">
<li>La gestion de structures comptant <strong>des centaines de travailleurs sociaux</strong></li>
<li>Le <strong>suivi de dispositifs sociaux complexes</strong></li>
<li>La <strong>coordination entre plusieurs services et territoires</strong></li>
<li>La <strong>gestion de volumes importants de dossiers</strong></li>
</ul>
{{< /gradient-card-section >}}
{{< gradient-card-section title="Un accompagnement projet complet" description="Au-delà du logiciel, nous accompagnons les collectivités dans :">}}
<ul class="text-lg">
<li>La <strong> définition des besoins métiers</strong></li>
<li>La <strong> définition des besoins métiers</strong></li>
<li>Le <strong>structuration du projet</strong></li>
<li>La mise en place des <strong> outils adaptés</strong></li>
<li>La <strong>gestion de projet</strong></li>
<li>La <strong>formation des équipes</strong></li>
<li>L<strong>accompagnement au changement des équipes</strong></li>
</ul>
<p class="text-lg mt-8 italic"> Notre objectif est de garantir une adoption efficace et durable de la solution.</p>
{{< /gradient-card-section >}}
{{< client-logos title="Ils font déjà confiance à CHILL" animate="false" >}}

View File

@@ -127,6 +127,12 @@ pagination = { pagerSize = 6, path = "page" }
name = "Secteur d'activités"
weight = 2
url = "/sector"
[menu.main.params]
has_submenu = true
submenu = [
{ name = "Grandes Collectivités", url = "/sector/collectivities" },
{ name = "Services et associations", url = "/sector/associations" },
]
[[menu.main]]
name = "Tarification"
url = "/pricing"

View File

@@ -2207,30 +2207,14 @@ body {
right: 0px;
}
.-bottom-20 {
bottom: -5rem;
}
.-bottom-4 {
bottom: -1rem;
}
.-left-20 {
left: -5rem;
}
.-right-20 {
right: -5rem;
}
.-right-4 {
right: -1rem;
}
.-top-20 {
top: -5rem;
}
.-top-4 {
top: -1rem;
}
@@ -2275,6 +2259,10 @@ body {
isolation: isolate;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
@@ -2482,10 +2470,6 @@ body {
height: 1.5rem;
}
.h-64 {
height: 16rem;
}
.h-8 {
height: 2rem;
}
@@ -2550,10 +2534,6 @@ body {
width: 1.5rem;
}
.w-64 {
width: 16rem;
}
.w-72 {
width: 18rem;
}
@@ -2562,6 +2542,11 @@ body {
width: 2rem;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.w-full {
width: 100%;
}
@@ -3253,6 +3238,10 @@ body {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.leading-7 {
line-height: 1.75rem;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

View File

@@ -9,7 +9,7 @@ Author: Jeroen van der Schee
<div class="carousel-slides">
{{ range .images }}
<div class="carousel-slide">
<img src="{{ . }}" alt="Carousel image" loading="lazy" />
<img src="{{ . }}" alt="Carousel image" loading="lazy" style="object-fit: contain;" />
</div>
{{ end }}
</div>

View File

@@ -3,15 +3,11 @@
<div class="py-12">
<p class="text-center text-3xl md:text-2xl font-bold mb-6">{{ .Get "title" | default (i18n
"trustedByCompanies") }}</p>
<div class="logo-scroll">
<div class="logos-slide{{ if ne (.Get " animate" | default "true" ) "false" }} animate{{ end }}">
{{ $shouldAnimate := ne (.Get "animate") "false" }}
<div class="logo-scroll{{if not $shouldAnimate}} static{{end}}">
<div class="logos-slide{{if $shouldAnimate}} animate{{end}}">
{{ range .Page.Params.client_logos }}
<img src="{{ .logo | relURL }}" class="h-20" alt="{{ .name }}" />
{{ end }}
{{ if ne (.Get "animate" | default "true") "false" }}
{{ range .Page.Params.client_logos }}
<img src="{{ .logo | relURL }}" class="h-20" alt="{{ .name }}" />
{{ end }}
<img src="{{ .logo | relURL }}" alt="{{ .name }}" />
{{ end }}
</div>
</div>
@@ -45,22 +41,25 @@
}
.logos-slide.animate {
animation: 30s slide infinite linear;
animation: 10s slide infinite linear;
}
.logos-slide img {
max-width: 8rem;
height: auto;
max-height: 7rem;
width: auto;
margin: 0 40px;
display: inline-block;
vertical-align: middle;
filter: grayscale(100%);
opacity: 0.6;
/* filter: grayscale(100%); */
/* opacity: 0.6; */
}
.logo-scroll.static .logos-slide img {
margin: 0;
height: 7rem;
width: auto;
object-fit: contain;
}
@keyframes slide {
@@ -80,7 +79,7 @@
/* Mobile-specific animation speed */
@media (max-width: 768px) {
.logos-slide.animate {
animation: 15s slide infinite linear;
animation: 8s slide infinite linear;
}
}
</style>

View File

@@ -3,14 +3,17 @@
{{ $description := .Get "description" | default "Discover how our platform helps you understand and optimize every aspect of your user experience." }}
<section class="section">
<div class="container">
<div class="text-center max-w-3xl mx-auto mb-8">
<div class="container text-center">
<div class=" max-w-3xl mx-auto mb-8">
<div class="">
<h2 class="text-3xl md:text-4xl font-bold mb-6">{{ $title }}</h2>
</div>
<p class="text-xl text-gray-600">{{ $description | markdownify }}</p>
</div>
<!-- Feature Grid -->
<div class="text-center max-w-3xl mx-auto mb-8">
<div class="max-w-3xl mx-auto">
{{ .Inner | safeHTML }}
</div>
</div>

View File

@@ -8,7 +8,7 @@
{{ $background_image := .Get "background_image" }}
{{ $custom_class := .Get "custom_class" }}
<section class="relative overflow-hidden {{ $custom_class }}" >
<section class="relative overflow-hidden {{ $custom_class }}">
{{ if $background_image }}
<div class="absolute inset-0">
<img src="{{ $background_image | relURL }}" alt="Background" class="w-full h-full object-cover">
@@ -38,14 +38,20 @@
</div>
<div class="relative">
{{ if $hero_image }}
<div class="relative z-10">
<img src="{{ $hero_image | relURL }}" alt="Hero Image" class="rounded-xl shadow-elevation">
<div class="relative w-fit">
<div class="absolute inset-0 bg-secondary-100 rounded-full filter blur-3xl opacity-50 z-0">
</div>
<img src="{{ $hero_image | relURL }}" alt="Hero Image"
class="rounded-xl shadow-elevation relative z-10">
</div>
</div>
{{ end }}
<!-- Background decoration -->
<div class="absolute -top-20 -right-20 w-64 h-64 bg-primary-100 rounded-full filter blur-3xl opacity-50"></div>
<div class="absolute -bottom-20 -left-20 w-64 h-64 bg-secondary-100 rounded-full filter blur-3xl opacity-50"></div>
</div>
</div>
</div>
</section>
</section>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 281 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 302 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 863 KiB

View File

@@ -1,26 +0,0 @@
<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
<rect width="800" height="600" fill="#f3f4f6"/>
<rect x="40" y="40" width="720" height="520" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
<!-- Header -->
<rect x="60" y="60" width="680" height="60" rx="4" fill="#f9fafb"/>
<circle cx="100" cy="90" r="15" fill="#60a5fa"/>
<rect x="140" y="80" width="120" height="20" rx="4" fill="#e5e7eb"/>
<!-- Charts -->
<rect x="60" y="140" width="320" height="200" rx="4" fill="#f9fafb"/>
<path d="M80 300 L140 260 L200 280 L260 220 L320 240 L360 200" stroke="#60a5fa" stroke-width="2" fill="none"/>
<!-- Stats -->
<rect x="400" y="140" width="340" height="200" rx="4" fill="#f9fafb"/>
<rect x="420" y="160" width="140" height="20" rx="4" fill="#e5e7eb"/>
<rect x="420" y="200" width="300" height="8" rx="4" fill="#60a5fa"/>
<rect x="420" y="220" width="260" height="8" rx="4" fill="#818cf8"/>
<rect x="420" y="240" width="220" height="8" rx="4" fill="#a78bfa"/>
<!-- Bottom Section -->
<rect x="60" y="360" width="680" height="180" rx="4" fill="#f9fafb"/>
<rect x="80" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
<rect x="300" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
<rect x="520" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

View File

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB