<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Tue Jun 24 2025 08:06:04 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="www.calistaweb.com" data-wf-page="684a925f14e76794342d51e7" data-wf-site="676811c9991c240b3a062e37" lang="en" data-wg-translated="en">
<head>
<meta charset="utf-8">
<title>Calistaweb | Freelance Webflow Developer | Custom Integration</title>
<meta content="I turn your design into a high-performance, responsive and well-structured Webflow site. As a certified Client-First Expert, I guarantee clean, scalable rendering." name="description">
<meta content="Calistaweb | Freelance Webflow Developer | Custom Integration" property="og:title">
<meta content="I turn your design into a high-performance, responsive and well-structured Webflow site. As a certified Client-First Expert, I guarantee clean, scalable rendering." property="og:description">
<meta content="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6852c5cb5f0c127bad509f8d_Opengraph%20(1).webp" property="og:image">
<meta content="Calistaweb | Freelance Webflow Developer | Custom Integration" property="twitter:title">
<meta content="I turn your design into a high-performance, responsive and well-structured Webflow site. As a certified Client-First Expert, I guarantee clean, scalable rendering." property="twitter:description">
<meta content="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6852c5cb5f0c127bad509f8d_Opengraph%20(1).webp" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="mqkxVS5z7aEuXfel5F-BzQF-iSSoz4oBW56_AjQEwPE" name="google-site-verification">
<meta content="Webflow" name="generator">
<link href="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/css/new-klsta-2025.webflow.shared.ec458eef0.min.css" rel="stylesheet" type="text/css">
<link href="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/css/new-klsta-2025.webflow.684a925f14e76794342d51e7-013d933dd.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">
WebFont.load({
google: {
families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic"]
}
});
</script>
<script type="text/javascript">
! function(o, c) {
var n = c.documentElement,
t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);
</script>
<link href="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6856633f8a7368e7b9ac645a_FAVICON.png" rel="shortcut icon" type="image/x-icon">
<link href="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68566348e8f31d3a916c54ad_WEBCLIP%20(1).png" rel="apple-touch-icon">
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollToPlugin.min.js"></script>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-52VTLJ66');
</script>
<!-- End Google Tag Manager -->
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Calistaweb","alternateName":"Coraline Guillevic","url":"https://www.calistaweb.com/en","logo":"https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676c1b111949b01c3c08f9a9_logo_Calistaweb.webp","sameAs":"https://www.linkedin.com/in/coralineguillevic/"}</script>
<style>
html.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
</style>
<script type="application/json" id="weglot-data">{"allLanguageUrls":{"fr":"https://www.calistaweb.com","en":"https://www.calistaweb.com/en"},"originalCanonicalUrl":"https://www.calistaweb.com/","originalPath":"/","settings":{"auto_switch":true,"auto_switch_fallback":null,"category":2,"custom_settings":{"button_style":{"with_name":false,"full_name":false,"is_dropdown":false,"with_flags":false,"flag_type":null,"custom_css":".weglot_switcher {\r\n background-color: transparent;\r\n border: none;\r\n}\r\n\r\n.weglot_switcher .wg-li {\r\n background-color: transparent;\r\n border: none;\r\n}\r\n\r\n.weglot_switcher a {\r\n background-color: transparent;\r\n border: none;\r\n}"},"switchers":[{"style":{"with_name":true,"with_flags":false,"full_name":false,"flag_type":"square","size_scale":1},"opts":{"open_hover":true,"close_outside_click":false,"is_responsive":false,"display_device":"mobile","pixel_cutoff":768},"colors":{"text_inactive":"#000000","text_active":"#500910","text_hover":"#FFFFFF","bg_inactive":"transparent","bg_active":"transparent","bg_hover":"transparent"},"location":{"target":".wg_wrapper","sibling":null},"template":{"name":"horizontal_expand","hash":"8fae1c28a69a5a650772b03a4bddb3d571583c19"}}],"translate_search":false,"loading_bar":true,"hide_switcher":false,"translate_images":false,"subdomain":false,"wait_transition":true,"dynamic":""},"deleted_at":null,"dynamics":[],"excluded_blocks":[],"excluded_paths":[],"external_enabled":false,"host":"www.calistaweb.com","is_dns_set":true,"is_https":true,"language_from":"fr","language_from_custom_flag":null,"language_from_custom_name":null,"languages":[{"connect_host_destination":null,"custom_code":null,"custom_flag":null,"custom_local_name":null,"custom_name":null,"enabled":true,"language_to":"en"}],"media_enabled":false,"page_views_enabled":false,"technology_id":13,"technology_name":"Webflow","translation_engine":3,"url_type":"SUBDIRECTORY","versions":{"translation":1751981154}}}</script>
<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
Weglot.initialize({
api_key: 'wg_c004a184679c9ea5c1a3529811f5a3fa5',
});
</script>
<style>
/* Nav Dark BG */
.navigation__dark-bg {
transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
}
[data-navigation-status="active"] .navigation__dark-bg {
opacity: 0.9;
visibility: visible;
}
/* Nav Group BG */
.hamburger-nav__bg {
transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
}
[data-navigation-status="active"] .hamburger-nav__bg {
width: 100%;
height: 100%;
}
/* Nav Group */
.hamburger-nav__group {
transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1), transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
transform: scale(0.15) rotate(0.001deg);
opacity: 0;
visibility: hidden;
}
[data-navigation-status="active"] .hamburger-nav__group {
transform: scale(1) rotate(0.001deg);
opacity: 1;
visibility: visible;
}
/* Active Link */
.hamburger-nav__a[aria-current] .hamburger-nav__p {
opacity: 0.33;
}
/* Active Indicator */
.hamburger-nav__dot {
transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
transform: scale(0) rotate(0.001deg);
opacity: 0.5;
}
.hamburger-nav__a[aria-current] .hamburger-nav__dot {
transform: scale(1) rotate(0.001deg);
opacity: 1;
}
.hamburger-nav:has(.hamburger-nav__a:hover) .hamburger-nav__dot {
transform: scale(0) rotate(0.001deg);
}
.hamburger-nav .hamburger-nav__a:hover .hamburger-nav__dot {
transform: scale(1) rotate(0.001deg);
opacity: 0.25;
}
/* Hamburger Button */
.hamburger-nav__toggle {
transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
transform: translate(0em, 0em) rotate(0.001deg);
}
[data-navigation-status="active"] .hamburger-nav__toggle {
transform: translate(-1em, 1em) rotate(0.001deg);
}
.hamburger-nav__toggle .hamburger-nav__toggle-bar {
transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
transform: translateY(-0.15em) rotate(0.001deg);
}
.hamburger-nav__toggle:hover .hamburger-nav__toggle-bar {
transform: translateY(0.15em) rotate(0.001deg);
}
[data-navigation-status="active"] .hamburger-nav__toggle .hamburger-nav__toggle-bar {
transform: translateY(0em) rotate(45deg);
}
.hamburger-nav__toggle .hamburger-nav__toggle-bar:nth-child(2) {
transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
transform: translateY(0.15em) rotate(0.001deg);
}
.hamburger-nav__toggle:hover .hamburger-nav__toggle-bar:nth-child(2) {
transform: translateY(-0.15em) rotate(0.001deg);
}
[data-navigation-status="active"] .hamburger-nav__toggle .hamburger-nav__toggle-bar:nth-child(2) {
transform: translateY(0em) rotate(-45deg);
}
</style>
<style>
/* Cache Weglot quand class présente */
.wg_wrapper.weglot-hidden {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
</style>
<style>
.mouse-trail_wrapper {
inset: 0;
pointer-events: none;
}
.mouse-trail_image {
pointer-events: none;
transform: translate(-50%, -50%);
}
</style>
<style>
/* Pink highlight ring on bullet point nav for hover + focus states */
.centered-slider-bullet::after {
content: '';
position: absolute;
inset: 0px;
border-radius: 100em;
z-index: -1;
border: 2px solid #FFF;
transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1);
}
.centered-slider-bullet:hover::after,
.centered-slider-bullet.active::after,
.centered-slider-bullet:focus::after {
inset: -1px;
}
/* Fade non-active slides */
.centered-slider-row:has(.centered-slider-slide.active) .centered-slider-slide:not(.active) {
opacity: 0.45;
}
/* Corner highlights */
.centered-slider-slide::after {
--size: 0em;
--width: 0px;
--gap: 0rem;
--color: #fff;
content: '';
position: absolute;
inset: calc(var(--gap) * -1);
z-index: 1;
opacity: 0;
padding: calc(var(--gap) + var(--width));
outline: var(--width) solid var(--color);
outline-offset: calc(var(--gap)/-1);
mask:
conic-gradient(at var(--size) var(--size), #0000 75%, #000 0) 0 0/calc(100% - var(--size)) calc(100% - var(--size)),
linear-gradient(#000 0 0) content-box;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0, 1);
}
.centered-slider-slide.active::after {
outline-offset: calc(-1 * var(--width));
opacity: 1;
}
</style>
<link href="https://www.calistaweb.com" hreflang="fr" rel="alternate"><link href="https://www.calistaweb.com/en" hreflang="en" rel="alternate"></head>
<body class="body-new">
<div class="page-wrapper">
<div class="global-styles w-embed w-script">
<style>
/* Make text look crisper and more legible in all browsers */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
outline: 0.125rem solid #4d65ff;
outline-offset: 0.125rem;
}
/* Set color style to inherit */
.inherit-color * {
color: inherit;
}
/* Get rid of top margin on first element in any rich text element */
.w-richtext> :not(div):first-child,
.w-richtext>div:first-child> :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
margin-bottom: 0 !important;
}
/* Make sure containers never lose their center alignment */
.container-medium,
.container-small,
.container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
*/
/* Apply "..." after 3 lines of text */
.text-style-3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* These classes are never overwritten */
.hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.hide,
.hide-tablet {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.hide-mobile-landscape {
display: none !important;
}
}
@media screen and (max-width: 479px) {
.hide-mobile {
display: none !important;
}
}
.margin-0 {
margin: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}
.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
</style>
<script>
const mouseTrail = document.querySelector('.mouse-trail_wrapper');
const button = document.querySelector('.button.is-lp');
if (mouseTrail && button) {
button.addEventListener('mouseenter', () => {
mouseTrail.style.pointerEvents = 'none';
});
button.addEventListener('mouseleave', () => {
mouseTrail.style.pointerEvents = 'auto';
});
}
</script>
<style>
.button.is-lp {
background-size: 200%;
transition: background-position 0.4s ease;
}
.button.is-lp:hover,
.button.is-lp:focus {
background-position: right;
}
</style>
</div>
<div class="top_banner">
<div class="padding-global">
<div class="container-large">
<div class="div-block-16"><a aria-label="homepage" href="/en" aria-current="page" class="link-block-2 w-inline-block w--current"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68552baabfa18c98362f5326_Logo%20cerise%26blancRVB.png" loading="lazy" alt="" class="image-10"></a>
<div class="wg_wrapper"></div>
</div>
</div>
</div>
<nav data-navigation-status="not-active" class="navigation">
<div data-navigation-toggle="close" class="navigation__dark-bg"></div>
<div class="hamburger-nav">
<div class="hamburger-nav__bg"></div>
<div class="hamburger-nav__group">
<p class="hamburger-nav__menu-p">Menu</p>
<ul class="hamburger-nav__ul">
<div class="hamburger-nav__li"><a href="/en/#showreel" class="hamburger-nav__a w-inline-block">
<p class="hamburger-nav__p">Showreel</p>
<div class="hamburger-nav__dot"></div>
</a></div>
<div class="hamburger-nav__li"><a href="/en/#ecueils-a-eviter" class="hamburger-nav__a w-inline-block">
<p class="hamburger-nav__p">Pitfalls to avoid</p>
<div class="hamburger-nav__dot"></div>
</a></div>
<div class="hamburger-nav__li"><a href="/en/#process" class="hamburger-nav__a w-inline-block">
<p class="hamburger-nav__p">Process</p>
<div class="hamburger-nav__dot"></div>
</a></div>
<div class="hamburger-nav__li"><a href="/en/#resultat" class="hamburger-nav__a w-inline-block">
<p class="hamburger-nav__p">Results</p>
<div class="hamburger-nav__dot"></div>
</a></div>
<div class="hamburger-nav__li"><a href="/en/#temoignages" class="hamburger-nav__a w-inline-block">
<p class="hamburger-nav__p">Testimonials</p>
<div class="hamburger-nav__dot"></div>
</a></div>
<div class="hamburger-nav__li"><a href="/en/#tarif" class="hamburger-nav__a w-inline-block">
<p class="hamburger-nav__p">Rates</p>
<div class="hamburger-nav__dot"></div>
</a></div>
<div class="hamburger-nav__li"><a href="/en/#realisation" class="hamburger-nav__a w-inline-block">
<p class="hamburger-nav__p">Portfolio</p>
<div class="hamburger-nav__dot"></div>
</a></div>
<div class="hamburger-nav__li"><a href="/en/#faq" class="hamburger-nav__a w-inline-block">
<p class="hamburger-nav__p">FAQ</p>
<div class="hamburger-nav__dot"></div>
</a></div>
</ul>
</div>
<div data-hover="" data-navigation-toggle="toggle" class="hamburger-nav__toggle">
<div class="hamburger-nav__toggle-bar"></div>
<div class="hamburger-nav__toggle-bar"></div>
</div>
</div>
</nav>
</div>
<main class="main-wrapper">
<header class="section_header75">
<div data-trail="wrapper" class="mouse-trail_wrapper"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc58e381a820664629_9a76f90aeb4fa611213b5ee66d4ca8ed_souris.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-01"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc4a8e88cb58c8ca78_5a5d513b4fcb7831bdd417d230fe1bdb_ressort.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-02"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc0e41d945fb01bff9_2dd350a4ddff00cfe2fdb3c2742af637_circle.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-03"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc37d72ae8af988b94_309c25a9ac0c8c0af3498491db924c11_orange.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-04"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003ffe4c8145ac55ac6b6_a357da599fd1cdd6a1775633d8c06c24_etoile.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-05"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fbca08682031664e94_e2cd78e2e19ff5d3cf1dd8a7f90ec595_cerise.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-06"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fcbb0dd78fdcd9281f_71f585d412825b111868bfba820206dd_coeur.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-07"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fb0e41d945fb01bf8c_9430bf33a34745c762f144c6f6610e45_webflow.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-08"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc03db3e6498f670d8_c3d03d63156e76c3c14e35d8d2cff3eb_setting.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-09"></div>
<div class="linear_gradient"></div>
<div class="z-index">
<div class="padding-global">
<div class="container-large">
<div class="header75_component">
<div class="header75_content">
<h1 class="heading-style-h1 is-lp">Bring your<br>Figma design to life</h1>
<div class="spacer-1-5"></div>
<p class="text-header">Designer, CTO or CMO? I'll turn your design into a clean Webflow site,<br>fast, faithful to your file, and easy to upgrade.</p>
<div class="spacer-1-5"></div>
<div class="button-group_lp">
<div class="div-block-14"><a href="https://tidycal.com/calistaweb/appel-decouverte" target="_blank" class="cta_wrapper w-inline-block">
<div class="button is-lp hero"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6852c7aa666ea94d730aaac4_f0f361c0499eed94c34523dfabb3686d_coraline%20pic.webp" loading="lazy" alt="" class="image-11">
<div>Book your call</div>
</div>
</a></div>
<p class="text-size-small text-weight-light">It's free!</p>
</div>
<section class="section_logo6">
<div class="logo6_component">
<div class="logo6_content">
<div class="div-block-11">
<div class="div-block-12"></div>
<p class="paragraph-4">They trust me</p>
<div class="div-block-12"></div>
</div>
<div class="spacer-medium"></div>
<div class="div-block-13">
<div class="w-layout-grid logo6_list line-01">
<div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e20b47c8f742fbbb3ba_Calque_1%20(2).svg" alt="" class="logo6_logo line-01"></div>
<div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e216d16c7cc42c4869c_67471f1c02f2121d8c696f7d_logo_alegria-group_framed_black%201.svg" alt="" class="logo6_logo line-01"></div>
<div id="w-node-f365bea7-4396-485f-c7dd-86ae6be39573-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e2090097f7c76ded3bb_Calque_1%20(3).svg" alt="" class="logo6_logo line-01"></div>
<div id="w-node-f365bea7-4396-485f-c7dd-86ae6be39575-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e21f8963a37c6255847_Calque_1%20(1).svg" alt="" class="logo6_logo line-01"></div>
<div id="w-node-_071beea0-722a-c8f2-3781-dadcff788d44-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c31cec849e1f3ec9e4064_logo%20ozae%201.svg" alt="" class="logo6_logo line-01"></div>
</div>
<div class="w-layout-grid logo6_list line-02">
<div id="w-node-_85dec5ee-aa0b-0f20-4fac-eaeda7828cc8-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e2132987f9198caa441_674d6e2ec808f4282ca4ca31_Logo%201.svg" alt="" class="logo6_logo line-02"></div>
<div id="w-node-_85dec5ee-aa0b-0f20-4fac-eaeda7828cca-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c31cee90a7e6993225a57_logo%20neoden%201.svg" alt="" class="logo6_logo line-02"></div>
<div style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c31ceb76492f0998c5849_87de9f5e39846dee41f38695ac7e0689_logo%20ma-pension%201.webp" alt="" class="logo6_logo line-02"></div>
<div id="w-node-_85dec5ee-aa0b-0f20-4fac-eaeda7828ccc-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e20ececb3ed129ba094_Calque_1.svg" alt="" class="logo6_logo line-02"></div>
<div id="w-node-_2d6bd5a4-2e61-521c-6726-281756c4adbb-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c358987e536b206ba49b1_Stroobants_white.svg" alt="" class="logo6_logo line-02"></div>
</div>
</div>
</div>
</div>
</section>
</div>
<div id="showreel" class="header75_content-bottom">
<div class="radial"></div>
<div class="showreel_wrapper">
<div class="showreel_embed w-embed"><video class="showreel_embed" src="https://res.cloudinary.com/dr3ccjzbu/video/upload/v1750419653/Calistaweb_Showreel_HQ_1920x1080_kwuqmk.mp4" poster="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68554a43641f2407396043a0_Group%201000010695.webp" width="100%" height="100%" autoplay="" muted="" loop="" controls="" playsinline="" title="Showreel, Webflow 2024/2025 by Coraline Guillevic"></video></div>
</div>
</div>
<div data-w-id="494d236d-2e1a-b09a-4753-fbff3b12a7e4" class="header75_ix-trigger"></div>
</div>
</div>
</div>
</div>
</header>
<section id="ecueils-a-eviter" class="section_probl-me">
<div class="padding-global padding-section-small">
<div class="container-large">
<div class="layout_component">
<div class="heading_compo">
<div class="tagline">Stop model sabotage</div>
<h2 class="heading-style-h2 is-lp">Poor integration is costly</h2>
<div class="spacer-small"></div>
<p class="text-intro">You take care of your Figma layout down to the pixel... but if the Webflow integration doesn't keep up, the whole thing falls apart. Even the best design isn't enough if your site is slow or poorly developed.</p>
</div>
<div class="spacer-xxlarge"></div>
<div class="w-layout-grid layout_list">
<div blocks-name="event20_item" class="probleme_item is-01">
<div blocks-name="event20_image-wrapper" class="probleme_image-wrapper"><img sizes="(max-width: 479px) 100vw, 672.9947509765625px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5977feba1b7c6375f8b_8739de7bccad4eae9329586fbe06d8ae_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%283%29-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5977feba1b7c6375f8b_8739de7bccad4eae9329586fbe06d8ae_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%283%29.webp 673w" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5977feba1b7c6375f8b_8739de7bccad4eae9329586fbe06d8ae_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%283%29.webp" loading="lazy" class="probleme_image"></div>
<div blocks-name="event20_item-content" blocks-slot-children="ST265" class="probleme_item-content">
<div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top">
<div class="margin-bottom margin-xxsmall">
<h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">A gradient finish</h3>
</div>
<div blocks-name="paragraph-2" class="problem_content">Your layout is precise, but poorly integrated, everything gets distorted, and your design loses impact.</div>
</div>
</div>
</div>
<div blocks-name="event20_item" class="probleme_item is-02">
<div blocks-name="event20_image-wrapper" class="probleme_image-wrapper"><img sizes="(max-width: 479px) 100vw, 672.9947509765625px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa597fceb3278c4444770_51903eb40a4335ed63a89fbd5a3aee67_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%281%29-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa597fceb3278c4444770_51903eb40a4335ed63a89fbd5a3aee67_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%281%29.webp 673w" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa597fceb3278c4444770_51903eb40a4335ed63a89fbd5a3aee67_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%281%29.webp" loading="lazy" class="probleme_image"></div>
<div blocks-name="event20_item-content" blocks-slot-children="ST265" class="probleme_item-content">
<div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top">
<div class="margin-bottom margin-xxsmall">
<h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">A site that struggles</h3>
</div>
<div blocks-name="paragraph-2" class="problem_content">Slow, unresponsive, poorly animated... a frustrating experience that drives your visitors away.</div>
</div>
</div>
</div>
<div blocks-name="event20_item" class="probleme_item is-03">
<div blocks-name="event20_image-wrapper" class="probleme_image-wrapper"><img sizes="(max-width: 479px) 100vw, 672.9947509765625px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5972015f847f85f6171_fc9b2adbec094fe5da353c16920b8b77_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%282%29-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5972015f847f85f6171_fc9b2adbec094fe5da353c16920b8b77_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%282%29.webp 673w" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5972015f847f85f6171_fc9b2adbec094fe5da353c16920b8b77_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%282%29.webp" loading="lazy" class="probleme_image"></div>
<div blocks-name="event20_item-content" blocks-slot-children="ST265" class="probleme_item-content">
<div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top">
<div class="margin-bottom margin-xxsmall">
<h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">A cascade of problems</h3>
</div>
<div blocks-name="paragraph-2" class="problem_content">SEO, accessibility, updates... when everything is badly structured, you spend your time fixing it.</div>
</div>
</div>
</div><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690.webp" loading="lazy" sizes="(max-width: 1279px) 100vw, 1327.9947509765625px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690-p-500.png 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690-p-800.png 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690-p-1080.png 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690.webp 1328w" alt="" class="image_cerise">
</div>
</div>
</div>
</div>
<div class="radial is-probleme"></div>
</section>
<section id="process" class="section_process">
<div class="padding-global padding-section-medium">
<div class="container-large">
<div class="process_component">
<div class="w-layout-grid processus_content">
<div class="process_content-left">
<div class="tagline">My process</div>
<div class="spacer-xsmall"></div>
<h2 class="heading-style-h2 is-lp">The stages of collaboration</h2>
<div class="spacer-small"></div>
<p class="text-intro">Every project is unique. As a certified Client-First expert, I use a structured method that adapts to your needs.<br/>Result: a professional, clear site, delivered on time and ready to evolve.</p>
<div class="spacer-medium"></div>
<div class="button-group is-desktop"><a href="https://tidycal.com/calistaweb/appel-decouverte" class="cta_wrapper w-inline-block">
<div class="button is-lp">
<div>Book your call</div><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685160459038fc02649ab2fb_Arrow-Right-Up.svg" alt="" class="image-9">
</div>
</a></div><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fdc5c7e4079dc519a315d_Group%201000010690%20(2)%201.webp" loading="lazy" sizes="(max-width: 1080px) 100vw, 1080px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fdc5c7e4079dc519a315d_Group%201000010690%20(2)%201-p-500.png 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fdc5c7e4079dc519a315d_Group%201000010690%20(2)%201-p-800.png 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fdc5c7e4079dc519a315d_Group%201000010690%20(2)%201.webp 1080w" alt="" class="image_cta">
</div>
<div class="process_content-right">
<div class="process_row">
<div class="process_item">
<div class="process_number is-01">1</div>
<div class="process_content">
<h3 class="h3_process">Discovery call</h3>
<p class="text_process">We take stock together: your project, your objectives, your model if you have one. I help you define your needs right from the start.</p>
</div>
</div>
<div class="process_item">
<div class="process_number is-02">2</div>
<div class="process_content">
<h3 class="h3_process">Framing & integration</h3>
<p class="text_process">Structure, SEO, performance... Everything is thought out from the outset for a clean and durable Webflow integration.</p>
</div>
</div>
<div class="process_item">
<div class="process_number is-03">3</div>
<div class="process_content">
<h3 class="h3_process">Corrections & delivery</h3>
<p class="text_process">You provide feedback, I make any necessary adjustments, then deliver the final version to your Webflow space.<br/>You leave with a clean, optimized site, and clear documentation for managing your site independently.</p>
</div>
</div>
<div class="process_item is-responsive">
<div class="button-group is-responsive"><a href="https://tidycal.com/calistaweb/appel-decouverte" class="cta_wrapper w-inline-block">
<div class="button is-lp">
<div>Book your call</div><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685160459038fc02649ab2fb_Arrow-Right-Up.svg" alt="" class="image-9">
</div>
</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="resultat" class="section_resultat">
<div class="padding-global padding-section-medium">
<div class="container-large">
<div class="layout_component">
<div class="heading_compo">
<div class="tagline">More than just a site</div>
<h2 class="heading-style-h2 is-lp">What you get in concrete terms</h2>
</div>
<div class="spacer-large"></div>
<div class="w-layout-grid resultat_list">
<div blocks-name="event20_item" class="resultat_item is-01">
<div blocks-name="event20_image-wrapper" class="resultat_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684ada5931e0e97d75406030_ChatGPT%20Image%2011%20juin%202025%2C%2017_32_56%201.webp" alt="" class="resultat_image"></div>
<div blocks-name="event20_item-content" blocks-slot-children="ST265" class="resultat_item-content">
<div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top">
<div class="margin-bottom margin-xsmall">
<h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">Pixel-perfect rendering</h3>
</div>
<div blocks-name="paragraph-2" class="problem_content">Your design is respected down to the last detail. If you already have a mock-up, I analyze it from the start.</div>
</div>
</div>
</div>
<div blocks-name="event20_item" class="resultat_item is-02">
<div blocks-name="event20_image-wrapper" class="resultat_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684ae1714e9c468b3eabf088_ChatGPT%20Image%2011%20juin%202025%2C%2017_32_56%202.webp" alt="" class="resultat_image"></div>
<div blocks-name="event20_item-content" blocks-slot-children="ST265" class="resultat_item-content">
<div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top">
<div class="margin-bottom margin-xsmall">
<h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">A fast, well-referenced site</h3>
</div>
<div blocks-name="paragraph-2" class="problem_content">Performance, SEO, responsive... everything is thought out from the outset to ensure a solid foundation.</div>
</div>
</div>
</div>
<div blocks-name="event20_item" class="resultat_item is-01">
<div blocks-name="event20_image-wrapper" class="resultat_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684ae171ed35d19d5e00df34_ChatGPT%20Image%2011%20juin%202025%2C%2017_32_56%202%20(1).webp" alt="" class="resultat_image"></div>
<div blocks-name="event20_item-content" blocks-slot-children="ST265" class="resultat_item-content">
<div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top">
<div class="margin-bottom margin-xsmall">
<h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">A true collaboration</h3>
</div>
<div blocks-name="paragraph-2" class="problem_content">You work with a dev who understands your business (and your design), and that changes everything.</div>
</div>
</div>
</div>
<div blocks-name="event20_item" class="resultat_item is-02">
<div blocks-name="event20_image-wrapper" class="resultat_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684ae172941130a2450e6f0f_ChatGPT%20Image%2011%20juin%202025%2C%2017_32_56%202%20(2).webp" alt="" class="resultat_image"></div>
<div blocks-name="event20_item-content" blocks-slot-children="ST265" class="resultat_item-content">
<div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top">
<div class="margin-bottom margin-xsmall">
<h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">A clear doc' for the sequel</h3>
</div>
<div blocks-name="paragraph-2" class="problem_content">Simple documentation (written + video) to help you develop your site independently.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="radial is-result"></div>
</section>
<section id="temoignages" aria-label="Testimonial Slider" data-centered-slider="wrapper" data-slider-autoplay="true" data-slider-autoplay-duration="4" class="centered-slider-group">
<div class="container">
<div class="tagline">Testimonials</div>
<h2 class="heading-style-h2 is-lp">They have chosen to surround themselves well</h2>
<div class="centered-slider-content">
<ul role="tablist" class="centered-slider-bullet__list">
<li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cc3353e07eb0b2c411_pp_astrid%20noizat.webp" alt="" class="image-6"></button></li>
<li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676aba3da7e2184368cf70c1_pp_florian%20casanova.webp" alt="" class="image-6"></button></li>
<li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cca68e7efdff4cf67c_pp_guillaume%20hage.webp" alt="" class="image-6"></button></li>
<li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/67e3d69c76dc8a4933e78008_1721317067671.webp" alt="" class="image-6"></button></li>
<li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684becd6f1d05d00fac5fc52_calixte%20yago.webp" alt="" class="image-6"></button></li>
<li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/67e3d6f5e9a0914d57a67ab1_1741272261592.webp" alt="" class="image-6"></button></li>
<li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="role" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684bf293e001db50218197cc_photo%20yoni%20heyia%20studio.webp" alt="" class="image-6"></button></li>
<li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cc51b29de753852b10_pp_amaury%20de%20luca.webp" alt="" class="image-6"></button></li>
</ul>
</div>
</div>
<div class="centered-slider-row">
<div aria-label="slides" data-centered-slider="list" role="group" class="centered-slider-list">
<div data-centered-slider="slide" class="centered-slider-slide">
<div class="centered-slider-slide__inner">
<p class="slide-demo__description">Coraline always asks the right questions, is very rigorous in both the development and the documentation of her work, and is a real pleasure to work with on a human level.<br/><br/>She has managed to endear herself to the whole team and structure our large-scale site development projects.<br/><br/>She loves challenges and finding creative solutions to the problems she encounters.</p>
<div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cc3353e07eb0b2c411_pp_astrid%20noizat.webp" alt="" class="slide-demo__avatar"><span class="slide-demo__eyebrow">Astrid Noizat<p class="paragraph">CMO @ Alegria.group</p></span></div>
</div>
</div>
<div data-centered-slider="slide" class="centered-slider-slide">
<div class="centered-slider-slide__inner">
<p class="slide-demo__description">Coraline has a deep understanding of Webflow and its possibilities.<br/><br/>Her user-centered approach ensures that the solutions developed are not only effective, but also intuitive and easy to use.<br/><br/>She communicates clearly, responds quickly to feedback and is always ready to help her colleagues.<br/></p>
<div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676aba3da7e2184368cf70c1_pp_florian%20casanova.webp" alt="" class="slide-demo__avatar"><span class="slide-demo__eyebrow">Florian Casanova<p class="paragraph">Senior Creative Digital Director</p></span></div>
</div>
</div>
<div data-centered-slider="slide" class="centered-slider-slide">
<div class="centered-slider-slide__inner">
<p class="slide-demo__description">Coraline worked with us brilliantly on a project to integrate new Tariffs pages for LegalPlace.<br/><br/>Above all, she went beyond simple integration by being able to make suggestions and point out inconsistencies, while suggesting areas for improvement.<br/><br/>I highly recommend her!</p>
<div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cca68e7efdff4cf67c_pp_guillaume%20hage.webp" alt="" class="slide-demo__avatar"><span class="slide-demo__eyebrow">Guillaume Hage<p class="paragraph">CMO @ LegalPlace</p></span></div>
</div>
</div>
<div data-centered-slider="slide" class="centered-slider-slide">
<div class="centered-slider-slide__inner">
<p class="slide-demo__description">Coraline is efficiency incarnate! She doesn't just execute, she transforms your web project to make it even better than you imagined.<br/><br/>What's more, she's sweet, professional, and super fun to work with. I can't wait to work with you again, Coraline.<br/>A huge thank you for your incredible work.</p>
<div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/67e3d69c76dc8a4933e78008_1721317067671.webp" alt="" class="slide-demo__avatar"><span class="slide-demo__eyebrow">Axelle Heurtevent<p class="paragraph">Brand & Website designer @ Ozae</p></span></div>
</div>
</div>
<div data-centered-slider="slide" class="centered-slider-slide">
<div class="centered-slider-slide__inner">
<p class="slide-demo__description">I worked with Coraline to create two websites using Webflow: she showed great professionalism on both projects, and the results lived up to my expectations.<br/><br/>The documentation is also very complete and allows my teams to be quickly operational on the platform to make changes and create new pages when necessary.<br/><br/>I recommend her with my eyes closed!</p>
<div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684becd6f1d05d00fac5fc52_calixte%20yago.webp" alt="" class="slide-demo__avatar"><span class="slide-demo__eyebrow">Calixte des Lauriers<p class="paragraph">CMO @ YAGO</p></span></div>
</div>
</div>
<div data-centered-slider="slide" class="centered-slider-slide">
<div class="centered-slider-slide__inner">
<p class="slide-demo__description">Super recommendation, not only did Coraline do a great job with precise structure and quality, but we were blown away by the efficiency and overall communication on the project.<br/><br/>Thanks again.</p>
<div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/67e3d6f5e9a0914d57a67ab1_1741272261592.webp" alt="" class="slide-demo__avatar"><span class="slide-demo__eyebrow">Benoit Morin<p class="paragraph">Co-founder @ Kapélan</p></span></div>
</div>
</div>
<div data-centered-slider="slide" class="centered-slider-slide">
<div class="centered-slider-slide__inner">
<p class="slide-demo__description">Coraline supported us with Noqode for the construction and launch of our site.<br/><br/>The follow-up was very fluid and really clean. She even provided us with documentation so that we could be totally autonomous for basic modifications to the site, and to be honest, it was very clear and we got the hang of it very quickly.<br/><br/>Once again, a big thank you to Coraline for her superb work, I recommend her with my eyes closed!</p>
<div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684bf293e001db50218197cc_photo%20yoni%20heyia%20studio.webp" alt="" class="slide-demo__avatar"><span class="slide-demo__eyebrow">Yoni Attlan<p class="paragraph">Co-founder @ Heyia Studio</p></span></div>
</div>
</div>
<div data-centered-slider="slide" class="centered-slider-slide">
<div class="centered-slider-slide__inner">
<p class="slide-demo__description">I've worked with Coraline on several projects, including integrating UI models into Webflow, and I've always been completely satisfied.<br/><br/>She works quickly, efficiently and with a constant good humor. <br/><br/>I highly recommend her!</p>
<div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cc51b29de753852b10_pp_amaury%20de%20luca.webp" alt="" class="slide-demo__avatar"><span class="slide-demo__eyebrow">Amaury de Luca<p class="paragraph">CEO @ Noqode</p></span></div>
</div>
</div>
</div>
<div class="gradient_slider"></div>
<div class="gradient_slider is-right"></div>
</div>
</section>
<section id="tarif" class="section_pricing">
<div class="padding-global padding-section-medium">
<div class="container-large">
<div class="pricing_component">
<div class="heading_compo">
<div class="tagline">Rates</div>
<h2 class="heading-style-h2 is-lp">Clear pricing to suit your budget</h2>
<div class="spacer-small"></div>
<p class="text-intro">A well-integrated site is one that loads quickly, gives confidence and converts. You don't just pay for a site: you invest in a reliable, scalable and professional tool.</p>
</div>
<div class="spacer-xxlarge"></div>
<div class="max-width-xlarge align-center">
<div class="w-layout-grid pricing_plans">
<div class="pricing_plan">
<div class="pricing_heading-wrapper">
<h3 class="h3_pricing">Your Landing Page<br/>or One-pager</h3>
</div>
<div class="pricing_wrapper">
<p class="intro_price">FROM</p>
<p class="intro_price"><span class="price_details">€ 900</span> / HT</p>
</div>
<p class="text_pricing-content">To launch your product, service or campaign with a single, well thought-out page.<br/>Perfect if you want to get straight to the point with a professional, optimized rendering.<br/><span class="is--semibold">Your site will be online before the </span><span id="date-jplus10" class="is--semibold">deadline</span><span class="is--semibold" data-wg-splitted>. </span></p>
<div class="pricing_cta-wrapper"><a href="https://tidycal.com/calistaweb/landing-page" class="cta_wrapper w-inline-block">
<div class="button is-lp">
<div>Bringing my Landing Page to life</div>
</div>
</a>
<div class="fomo-content">
<div class="svg_fomo w-embed"><svg id="pulse-icon" width="18" height="18" viewbox="0 0 40 40">
<circle cx="20" cy="20" r="5" fill="#ff9900"></circle>
<circle cx="20" cy="20" r="5" fill="#ff9900" opacity="0">
<animate attributename="r" from="5" to="20" dur="1.5s" repeatcount="indefinite"></animate>
<animate attributename="opacity" from="0.6" to="0" dur="1.5s" repeatcount="indefinite"></animate>
</circle>
</svg></div>
<p id="message-dispo-lp">2 places only to date</p>
</div>
</div>
<div class="divider-pricing"></div>
<div class="pricing_detail-content">
<div class="pricing_feature-list">
<p>Includes : </p>
<div class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Pixel-perfect integration from your Figma model</div>
</div>
<div id="w-node-_494d236d-2e1a-b09a-4753-fbff3b12a8a1-342d51e7" class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Fast, responsive, SEO-optimized page</div>
</div>
<div id="w-node-_494d236d-2e1a-b09a-4753-fbff3b12a8a6-342d51e7" class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Documentation to help you edit your content independently</div>
</div>
<div id="w-node-_494d236d-2e1a-b09a-4753-fbff3b12a8ab-342d51e7" class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Legal pages (Imprint, ...)</div>
</div>
</div>
<p class="text_pricing-option">Optional: Custom code (for specific interactions or needs...), Automations (Zapier, Make...), Custom Webflow training for you or your team</p>
</div>
</div>
<div class="pricing_plan">
<div class="pricing_heading-wrapper">
<h3 class="h3_pricing">Your complete site</h3>
</div>
<div class="pricing_wrapper">
<p class="intro_price"> </p>
<p class="intro_price"><span class="price_details">on request</span></p>
</div>
<p class="text_pricing-content">A complete and flexible solution to give life to your showcase, multi-page or CMS site.<br/>Perfect for a structured, scalable, and professional project.<span class="is--semibold"><br/>Your site will be online before </span><span class="is--semibold">date</span></p>
<div class="pricing_cta-wrapper"><a href="https://tidycal.com/calistaweb/site" class="cta_wrapper w-inline-block">
<div class="button is-lp">
<div>Bringing my site to life</div>
</div>
</a>
<div class="fomo-content">
<div class="svg_fomo w-embed"><svg width="18" height="18" viewbox="0 0 40 40">
<circle cx="20" cy="20" r="5" fill="#ff0000"></circle>
<circle cx="20" cy="20" r="5" fill="#ff0000" opacity="0">
<animate attributename="r" from="5" to="20" dur="1.5s" repeatcount="indefinite"></animate>
<animate attributename="opacity" from="0.6" to="0" dur="1.5s" repeatcount="indefinite"></animate>
</circle>
</svg></div>
<p id="message-dispo-site">2 places only to date</p>
</div>
</div>
<div class="divider-pricing"></div>
<div class="pricing_detail-content">
<div class="pricing_feature-list">
<p>Includes : </p>
<div class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Pixel-perfect integration from your Figma model</div>
</div>
<div class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Your CMS architecture</div>
</div>
<div id="w-node-_5c0f9a2b-9a2e-608d-6087-f54279a6e135-342d51e7" class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Fast, responsive, SEO-optimized page</div>
</div>
<div id="w-node-_5c0f9a2b-9a2e-608d-6087-f54279a6e13a-342d51e7" class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Documentation to help you edit your content independently</div>
</div>
<div id="w-node-_5c0f9a2b-9a2e-608d-6087-f54279a6e13f-342d51e7" class="pricing_feature">
<div class="pricing_icon-wrapper">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"></path>
</svg></div>
</div>
<div>Legal pages (Imprint, ...)</div>
</div>
</div>
<p class="text_pricing-option">Optional: Custom code (for specific interactions or needs...), Automations (Zapier, Make...), Custom Webflow training for you or your team</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="realisation" data-w-id="d9e22045-cea0-c667-fafe-44f99d64ee08" class="section_realisation">
<div class="padding-global padding-section-medium">
<div class="container-large">
<div class="realisation_component">
<div class="heading_compo is-cta">
<div class="tagline">My projects</div>
<h2 class="heading-style-h2 is-lp">A glance is worth a thousand words</h2>
</div>
<div class="spacer-xxlarge-7"></div>
<div class="realisation_content-bottom">
<div class="realisation_images-layout">
<div class="realisation_image-list-top">
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee1e-342d51e7" class="realisation_image-list">
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee1f-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee20-342d51e7" loading="lazy" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7490259f55b6186baec_6851cf6f05a4045d47f5b21e9ba09830_heyiastudio%20home%20hero.webp" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee21-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee22-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee23-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee24-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203.webp 1920w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee25-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee26-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013.webp 1366w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee27-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee28-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee29-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee2a-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201.webp 1920w" class="realisation_image"></div>
</div>
<div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24a-342d51e7" class="realisation_image-list">
<div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24b-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24c-342d51e7" loading="lazy" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7490259f55b6186baec_6851cf6f05a4045d47f5b21e9ba09830_heyiastudio%20home%20hero.webp" class="realisation_image"></div>
<div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24d-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24e-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24f-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc250-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203.webp 1920w" class="realisation_image"></div>
<div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc251-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc252-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013.webp 1366w" class="realisation_image"></div>
<div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc253-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc254-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc255-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc256-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201.webp 1920w" class="realisation_image"></div>
</div>
</div>
<div class="realisation_image-list-bottom">
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee39-342d51e7" class="realisation_image-list">
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3a-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3b-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208.webp 1920w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3c-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3d-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3e-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3f-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014.webp 1366w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee40-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee41-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207.webp 1920w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee42-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee43-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010.webp 1366w" class="realisation_image"></div>
<div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee44-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee45-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201.webp 1920w" class="realisation_image"></div>
</div>
<div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde7d-342d51e7" class="realisation_image-list">
<div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde7e-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde7f-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208.webp 1920w" class="realisation_image"></div>
<div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde80-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde81-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde82-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde83-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014.webp 1366w" class="realisation_image"></div>
<div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde84-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde85-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207.webp 1920w" class="realisation_image"></div>
<div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde86-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde87-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010.webp 1366w" class="realisation_image"></div>
<div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde88-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde89-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201.webp 1920w" class="realisation_image"></div>
</div>
</div>
<div class="realisation_image-list-top">
<div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4bf-342d51e7" class="realisation_image-list">
<div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c0-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c1-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c2-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c3-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209.webp 1366w" class="realisation_image"></div>
<div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c4-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c5-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015.webp 1366w" class="realisation_image"></div>
<div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c6-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c7-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012.webp 1366w" class="realisation_image"></div>
<div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c8-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c9-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4ca-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4cb-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016.webp 1366w" class="realisation_image"></div>
</div>
<div id="w-node-df459e83-f5ae-7061-9cbc-57964461edaf-342d51e7" class="realisation_image-list">
<div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb0-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb1-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb2-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb3-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209.webp 1366w" class="realisation_image"></div>
<div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb4-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb5-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015.webp 1366w" class="realisation_image"></div>
<div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb6-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb7-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012.webp 1366w" class="realisation_image"></div>
<div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb8-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb9-342d51e7" sizes="(max-width: 1919px) 100vw, 1920px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201.webp 1920w" class="realisation_image"></div>
<div id="w-node-df459e83-f5ae-7061-9cbc-57964461edba-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edbb-342d51e7" sizes="(max-width: 1279px) 100vw, 1366.0025634765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016.webp 1366w" class="realisation_image"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="faq" class="section_faq6">
<div class="padding-global padding-section-medium">
<div class="container-large">
<div class="faq6_component">
<div class="w-layout-grid faq_content">
<div id="w-node-_494d236d-2e1a-b09a-4753-fbff3b12a91b-342d51e7" class="faq_content-left">
<h2 class="heading-style-h2 is-lp text-color-cosmos">FAQ's</h2>
<div class="spacer-small-5"></div>
<p class="text-intro-faq">With answers to your questions at<br/></p>
<div class="spacer-medium-3"></div>
<div class="faq_cta desktop"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29.webp" loading="lazy" sizes="(max-width: 2140px) 100vw, 2140px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-500.png 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-1080.png 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-1600.png 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29.webp 2140w" alt="" class="image-8">
<div class="div-block-9">
<p class="paragraph-2">More questions?</p>
<div class="spacer-1-5"></div><a href="https://tidycal.com/calistaweb/faq" class="cta_wrapper w-inline-block">
<div class="button is-lp">
<div>Book your call</div>
</div>
</a>
</div>
</div>
</div>
<div class="faq6_list">
<div class="w-layout-grid faq_list-grid">
<div class="faq6_accordion">
<div data-w-id="494d236d-2e1a-b09a-4753-fbff3b12a928" class="faq6_question">
<h3 class="faq_question-h3">How long does it take to deliver a site?</h3>
<div class="faq6_icon-wrapper">
<div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
<div style="width:100%;height:0px" class="faq6_answer">
<p>The time required depends on the complexity of your project.<br/>In general, the integration of a one-pager or landing page can be completed in 1 to 2 days.<br/>A more complete site can take between 1 and 8 weeks. After a discovery meeting, I'll be able to give you a precise estimate.</p>
<div class="spacer-medium"></div>
</div>
</div>
<div class="faq6_accordion">
<div data-w-id="c6fcb6d7-b1dc-5969-a9f8-b61e20cf1bb9" class="faq6_question">
<h3 class="faq_question-h3">What does the collaboration look like?</h3>
<div class="faq6_icon-wrapper">
<div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
<div style="width:100%;height:0px" class="faq6_answer">
<p>Each project is unique, and my priority is to ensure a smooth, personalized collaboration. Here are the main stages of our work together:<br/><br/>1<strong>.</strong><strong data-wg-splitted>Discovery meeting</strong>: We discuss your project, your needs and your objectives. If you already have mock-ups, this is the perfect time to present them to me.<br/><br/>2<strong>.</strong><strong data-wg-splitted>Framing and development</strong>: Once the quote has been validated and the deposit paid, I begin the integration process, respecting your mock-ups, configuring the design system, and optimizing SEO performance.<br/><br/>3<strong>.</strong><strong data-wg-splitted>Correction and delivery</strong>: After a first version, I make adjustments according to your feedback, then transfer the project to your Webflow space.<br/><br/>A quick training session is possible to make you autonomous in the management of your site in addition to the documentation.</p>
<div class="spacer-medium"></div>
</div>
</div>
<div class="faq6_accordion">
<div data-w-id="ee6e5687-cb6f-703c-3ab6-2c60f4ccfd6d" class="faq6_question">
<h3 class="faq_question-h3">I don't have a design yet, can we work together?</h3>
<div class="faq6_icon-wrapper">
<div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
<div style="width:100%;height:0px" class="faq6_answer">
<p>Yes, of course! I work in collaboration with partners specialized in design.<br/>Together, we can create a mock-up that corresponds to your needs and your visual identity.<br/>Once the design has been validated, I take care of the integration on Webflow to create a functional and optimized site.</p>
<div class="spacer-medium"></div>
</div>
</div>
<div class="faq6_accordion">
<div data-w-id="2704f0c3-11f7-4eb5-81c2-c8b98e3d8f34" class="faq6_question">
<h3 class="faq_question-h3">Can you work on an existing Webflow site?</h3>
<div class="faq6_icon-wrapper">
<div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
<div style="width:100%;height:0px" class="faq6_answer">
<p>Yes, of course!<br/>I can also work on a Webflow site that's already online: to fix bugs, improve performance, optimize technical SEO, rework the responsive design or revise certain sections, add new pages, etc.<br/><br/>We start with a quick audit to identify priorities, then I propose an action plan tailored to your needs.</p>
<div class="spacer-medium"></div>
</div>
</div>
<div class="faq6_accordion">
<div data-w-id="ab6ffb3e-0fcf-0f10-87bd-be56926d82c4" class="faq6_question">
<h3 class="faq_question-h3">Do you offer post-launch support?</h3>
<div class="faq6_icon-wrapper">
<div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
<div style="width:100%;height:0px" class="faq6_answer">
<p>Once the site is online, I can support you in several ways, depending on your level of autonomy and your needs:<br/><br/>- Customized training: for you or your team, to go beyond the documentation and get to grips with the site with complete confidence.<br/><br/>- Follow-up package: we define together a number of hours available over a month, with slots reserved for feedback, adjustments or evolutions.<br/><br/>- On demand: I remain available on an ad hoc basis if you prefer to progress as you go along, with no fixed commitment.</p>
<div class="spacer-medium"></div>
</div>
</div>
</div>
</div>
<div class="faq_cta is-reponsive"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29.webp" loading="lazy" sizes="(max-width: 2140px) 100vw, 2140px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-500.png 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-1080.png 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-1600.png 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29.webp 2140w" alt="" class="image-8">
<div class="div-block-9">
<p class="paragraph-2">More questions?</p>
<div class="spacer-1-5"></div><a href="https://tidycal.com/calistaweb/faq" class="cta_wrapper w-inline-block">
<div class="button is-lp">
<div>Book your call</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="radial is-faq-top"></div>
</section>
<section class="section_cta">
<div class="padding-global padding-section-small">
<div class="container-large">
<div class="cta_component">
<div class="heading_compo is-cta"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc4a8e88cb58c8ca78_5a5d513b4fcb7831bdd417d230fe1bdb_ressort.webp" loading="lazy" alt="" class="illu_asset">
<div class="tagline">The ideal partnership for your integration</div>
<h2 class="heading-style-h2 is-lp">Bring your designs to life now</h2>
<div class="spacer-medium"></div><a href="https://tidycal.com/calistaweb/appel-decouverte" class="cta_wrapper w-inline-block">
<div class="button is-lp">
<div>Book your call</div><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685160459038fc02649ab2fb_Arrow-Right-Up.svg" alt="" class="image-9">
</div>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer4_component">
<div class="padding-global padding-section-small">
<div class="container-large">
<div class="w-layout-grid footer4_top-wrapper">
<div class="div-block-15"><a href="#" id="w-node-_54ee79b3-a45c-aca9-93e8-31bd2761bb25-2761bb20" class="footer4_logo-link w-nav-brand"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68552baabfa18c98362f5326_Logo%20cerise%26blancRVB.png" alt="" class="footer4_logo"></a>
<p>Coraline Guillevic – Freelance Webflow Developer</p>
</div>
<div id="w-node-_54ee79b3-a45c-aca9-93e8-31bd2761bb27-2761bb20" class="w-layout-grid grid"><a href="/en/#showreel" class="footer4_link">Showreel</a><a href="/en/#realisation" class="footer4_link">Completed projects</a><a href="/en/#ecueils-a-eviter" class="footer4_link">Pitfalls to avoid</a><a href="/en/#temoignages" class="footer4_link">Testimonials</a><a href="/en/#resultat" class="footer4_link">Results</a><a href="/en/#tarif" class="footer4_link">Rates</a><a href="/en/#process" class="footer4_link">My process</a><a href="/en/#faq" class="footer4_link">FAQ</a><a href="/en/mentions-legales" class="footer4_link">Legal Notice</a></div>
<div id="w-node-_54ee79b3-a45c-aca9-93e8-31bd2761bb38-2761bb20" class="w-layout-grid footer4_social-list"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6853be9ff8bbb65404f703d0_67cf1517e0f5c264957536c9_logo-certification%201.webp" loading="lazy" sizes="(max-width: 767px) 100vw, 707.9947509765625px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6853be9ff8bbb65404f703d0_67cf1517e0f5c264957536c9_logo-certification%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6853be9ff8bbb65404f703d0_67cf1517e0f5c264957536c9_logo-certification%201.webp 708w" alt="" class="image-12"><a aria-label="profil linkedin" href="https://www.linkedin.com/in/coralineguillevic/" target="_blank" class="footer4_social-link w-inline-block">
<div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3C3.67157 3 3 3.67157 3 4.5V19.5C3 20.3284 3.67157 21 4.5 21H19.5C20.3284 21 21 20.3284 21 19.5V4.5C21 3.67157 20.3284 3 19.5 3H4.5ZM8.52076 7.00272C8.52639 7.95897 7.81061 8.54819 6.96123 8.54397C6.16107 8.53975 5.46357 7.90272 5.46779 7.00413C5.47201 6.15897 6.13998 5.47975 7.00764 5.49944C7.88795 5.51913 8.52639 6.1646 8.52076 7.00272ZM12.2797 9.76176H9.75971H9.7583V18.3216H12.4217V18.1219C12.4217 17.742 12.4214 17.362 12.4211 16.9819V16.9818V16.9816V16.9815V16.9812C12.4203 15.9674 12.4194 14.9532 12.4246 13.9397C12.426 13.6936 12.4372 13.4377 12.5005 13.2028C12.7381 12.3253 13.5271 11.7586 14.4074 11.8979C14.9727 11.9864 15.3467 12.3141 15.5042 12.8471C15.6013 13.1803 15.6449 13.5389 15.6491 13.8863C15.6605 14.9339 15.6589 15.9815 15.6573 17.0292V17.0294C15.6567 17.3992 15.6561 17.769 15.6561 18.1388V18.3202H18.328V18.1149C18.328 17.6629 18.3278 17.211 18.3275 16.7591V16.759V16.7588C18.327 15.6293 18.3264 14.5001 18.3294 13.3702C18.3308 12.8597 18.276 12.3563 18.1508 11.8627C17.9638 11.1286 17.5771 10.5211 16.9485 10.0824C16.5027 9.77019 16.0133 9.5691 15.4663 9.5466C15.404 9.54401 15.3412 9.54062 15.2781 9.53721L15.2781 9.53721L15.2781 9.53721C14.9984 9.52209 14.7141 9.50673 14.4467 9.56066C13.6817 9.71394 13.0096 10.0641 12.5019 10.6814C12.4429 10.7522 12.3852 10.8241 12.2991 10.9314L12.2991 10.9315L12.2797 10.9557V9.76176ZM5.68164 18.3244H8.33242V9.76733H5.68164V18.3244Z" fill="CurrentColor"></path>
</svg></div>
</a></div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=676811c9991c240b3a062e37" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/js/webflow.schunk.275ce7cf9ae66995.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/js/webflow.82345c30.e3a66e0d25220c58.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/gsap/3.13.0/gsap.min.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/gsap/3.13.0/ScrollTrigger.min.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/gsap/3.13.0/Draggable.min.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/gsap/3.13.0/CustomEase.min.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/gsap/3.13.0/InertiaPlugin.min.js" type="text/javascript"></script>
<script type="text/javascript">
gsap.registerPlugin(ScrollTrigger, Draggable, CustomEase, InertiaPlugin);
</script><!--🤙 https://slater.app/11784.js-->
<script src="https://unpkg.com/@studio-freight/lenis@1.0.33/dist/lenis.min.js"></script>
<script>
const lenis = new Lenis({
// Valeur entre 0 et 1
// Valeur par défaut : 0,1
// Plus la valeur est faible, plus le scroll sera fluide
lerp: 0.05,
// Valeur par défaut : 1
// Plus la valeur est haute, plus le défilement sera rapide
wheelMultiplier: 1,
});
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-52VTLJ66" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>
var GTMCode = 'GTM-52VTLJ66';
var GTMLoaded = false;
function loadGTM() {
if (!GTMLoaded) {
GTMLoaded = true;
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', GTMCode);
}
}
$(window).one('scroll touchstart mousemove', loadGTM);
</script>
<script>
function initScalingHamburgerNavigation() {
// Toggle Navigation
document.querySelectorAll('[data-navigation-toggle="toggle"]').forEach(toggleBtn => {
toggleBtn.addEventListener('click', () => {
const navStatusEl = document.querySelector('[data-navigation-status]');
if (!navStatusEl) return;
if (navStatusEl.getAttribute('data-navigation-status') === 'not-active') {
navStatusEl.setAttribute('data-navigation-status', 'active');
// Si tu utilises Lenis, tu peux le stopper ici : Lenis.stop();
} else {
navStatusEl.setAttribute('data-navigation-status', 'not-active');
// Si tu utilises Lenis, tu peux le redémarrer ici : Lenis.start();
}
});
});
// Close Navigation (boutons "close")
document.querySelectorAll('[data-navigation-toggle="close"]').forEach(closeBtn => {
closeBtn.addEventListener('click', () => {
const navStatusEl = document.querySelector('[data-navigation-status]');
if (!navStatusEl) return;
navStatusEl.setAttribute('data-navigation-status', 'not-active');
// Si tu utilises Lenis : Lenis.start();
});
});
// Close Navigation with ESC key
document.addEventListener('keydown', e => {
if (e.keyCode === 27) {
const navStatusEl = document.querySelector('[data-navigation-status]');
if (!navStatusEl) return;
if (navStatusEl.getAttribute('data-navigation-status') === 'active') {
navStatusEl.setAttribute('data-navigation-status', 'not-active');
// Si tu utilises Lenis : Lenis.start();
}
}
});
}
document.addEventListener('DOMContentLoaded', function() {
initScalingHamburgerNavigation();
// Fermer le menu si on clique sur un lien d’ancre
document.querySelectorAll('.hamburger-nav__a[href^="#"]').forEach(link => {
link.addEventListener('click', () => {
const navStatusEl = document.querySelector('[data-navigation-status]');
if (navStatusEl && navStatusEl.getAttribute('data-navigation-status') === 'active') {
navStatusEl.setAttribute('data-navigation-status', 'not-active');
// Si tu utilises Lenis : Lenis.start();
}
});
});
});
</script>
<script>
function initImageTrail(config = {}) {
const options = {
minWidth: config.minWidth ?? 992,
moveDistance: config.moveDistance ?? 15,
stopDuration: config.stopDuration ?? 300,
trailLength: config.trailLength ?? 5
};
const wrapper = document.querySelector('[data-trail="wrapper"]');
const targetSection = document.querySelector(".section_header75");
if (!wrapper || !targetSection || window.innerWidth < options.minWidth) return;
const state = {
trailInterval: null,
globalIndex: 0,
last: {
x: 0,
y: 0
},
trailImageTimestamps: new Map(),
trailImages: Array.from(document.querySelectorAll('[data-trail="item"]')),
isActive: false
};
const MathUtils = {
lerp: (a, b, n) => (1 - n) * a + n * b,
distance: (x1, y1, x2, y2) => Math.hypot(x2 - x1, y2 - y1)
};
function getRelativeCoordinates(e, rect) {
return {
x: e.clientX - rect.left,
y: e.clientY - rect.top
};
}
function activate(trailImage, x, y) {
if (!trailImage) return;
const rect = trailImage.getBoundingClientRect();
Object.assign(trailImage.style, {
left: `${x - rect.width / 2}px`,
top: `${y - rect.height / 2}px`,
zIndex: state.globalIndex,
display: 'block'
});
state.trailImageTimestamps.set(trailImage, Date.now());
state.last = {
x,
y
};
gsap.fromTo(
trailImage, {
autoAlpha: 0,
scale: 0.8
}, {
autoAlpha: 1,
scale: 1,
duration: 0.25,
overwrite: true
}
);
}
function fadeOutTrailImage(trailImage) {
if (!trailImage) return;
gsap.to(trailImage, {
opacity: 0,
scale: 0.2,
duration: 0.8,
ease: "expo.out",
onComplete: () => {
gsap.set(trailImage, {
autoAlpha: 0,
display: 'none'
});
}
});
}
function handleOnMove(e) {
if (!state.isActive) return;
const rectWrapper = wrapper.getBoundingClientRect();
const {
x,
y
} = getRelativeCoordinates(e, rectWrapper);
const distanceFromLast = MathUtils.distance(
x,
y,
state.last.x,
state.last.y
);
if (distanceFromLast > window.innerWidth / options.moveDistance) {
const lead = state.trailImages[state.globalIndex % state.trailImages.length];
const tail = state.trailImages[(state.globalIndex - options.trailLength + state.trailImages.length) % state.trailImages.length];
activate(lead, x, y);
fadeOutTrailImage(tail);
state.globalIndex++;
}
}
function cleanupTrailImages() {
const now = Date.now();
for (const [img, timestamp] of state.trailImageTimestamps.entries()) {
if (now - timestamp > options.stopDuration) {
fadeOutTrailImage(img);
state.trailImageTimestamps.delete(img);
}
}
}
function startTrail() {
if (state.isActive) return;
state.isActive = true;
targetSection.addEventListener("mousemove", handleOnMove);
state.trailInterval = setInterval(cleanupTrailImages, 100);
}
function stopTrail() {
if (!state.isActive) return;
state.isActive = false;
targetSection.removeEventListener("mousemove", handleOnMove);
clearInterval(state.trailInterval);
state.trailInterval = null;
state.trailImages.forEach(fadeOutTrailImage);
state.trailImageTimestamps.clear();
}
ScrollTrigger.create({
trigger: targetSection,
start: "top bottom",
end: "bottom top",
onEnter: startTrail,
onEnterBack: startTrail,
onLeave: stopTrail,
onLeaveBack: stopTrail
});
const handleResize = () => {
if (window.innerWidth < options.minWidth && state.isActive) {
stopTrail();
} else if (window.innerWidth >= options.minWidth && !state.isActive) {
startTrail();
}
};
window.addEventListener('resize', handleResize);
return () => {
stopTrail();
window.removeEventListener('resize', handleResize);
};
}
document.addEventListener("DOMContentLoaded", () => {
initImageTrail({
minWidth: 992,
moveDistance: 15,
stopDuration: 300,
trailLength: 6
});
});
</script>
<script>
gsap.registerPlugin(CustomEase, ScrollTrigger, Draggable, InertiaPlugin)
CustomEase.create("osmo-ease", "0.625, 0.05, 0, 1")
function initSliders() {
const sliderWrappers = gsap.utils.toArray(document.querySelectorAll('[data-centered-slider="wrapper"]'));
sliderWrappers.forEach((sliderWrapper) => {
const slides = gsap.utils.toArray(sliderWrapper.querySelectorAll('[data-centered-slider="slide"]'));
const bullets = gsap.utils.toArray(sliderWrapper.querySelectorAll('[data-centered-slider="bullet"]'));
const prevButton = sliderWrapper.querySelector('[data-centered-slider="prev-button"]');
const nextButton = sliderWrapper.querySelector('[data-centered-slider="next-button"]');
let activeElement;
let activeBullet;
let currentIndex = 0;
let autoplay;
// Autoplay is now enabled/disabled via a boolean attribute.
const autoplayEnabled = sliderWrapper.getAttribute('data-slider-autoplay') === 'true';
// If enabled, get the autoplay duration (in seconds) from the separate attribute.
const autoplayDuration = autoplayEnabled ? parseFloat(sliderWrapper.getAttribute('data-slider-autoplay-duration')) || 0 : 0;
// Dynamically assign unique IDs to slides
slides.forEach((slide, i) => {
slide.setAttribute("id", `slide-${i}`);
});
// Set ARIA attributes on bullets if they exist
if (bullets && bullets.length > 0) {
bullets.forEach((bullet, i) => {
bullet.setAttribute("aria-controls", `slide-${i}`);
bullet.setAttribute("aria-selected", i === currentIndex ? "true" : "false");
});
}
const loop = horizontalLoop(slides, {
paused: true,
draggable: true,
center: true,
onChange: (element, index) => {
currentIndex = index;
if (activeElement) activeElement.classList.remove("active");
element.classList.add("active");
activeElement = element;
if (bullets && bullets.length > 0) {
if (activeBullet) activeBullet.classList.remove("active");
if (bullets[index]) {
bullets[index].classList.add("active");
activeBullet = bullets[index];
}
bullets.forEach((bullet, i) => {
bullet.setAttribute("aria-selected", i === index ? "true" : "false");
});
}
}
});
// On initialization, center the slider
loop.toIndex(2, {
duration: 0.01
});
function startAutoplay() {
if (autoplayDuration > 0 && !autoplay) {
const repeat = () => {
loop.next({
ease: "osmo-ease",
duration: 0.725
});
autoplay = gsap.delayedCall(autoplayDuration, repeat);
};
autoplay = gsap.delayedCall(autoplayDuration, repeat);
}
}
function stopAutoplay() {
if (autoplay) {
autoplay.kill();
autoplay = null;
}
}
// Start/stop autoplay based on viewport visibility via ScrollTrigger
ScrollTrigger.create({
trigger: sliderWrapper,
start: "top bottom",
end: "bottom top",
onEnter: startAutoplay,
onLeave: stopAutoplay,
onEnterBack: startAutoplay,
onLeaveBack: stopAutoplay
});
// Pause autoplay on mouse hover over the slider
sliderWrapper.addEventListener("mouseenter", stopAutoplay);
sliderWrapper.addEventListener("mouseleave", () => {
if (ScrollTrigger.isInViewport(sliderWrapper)) startAutoplay();
});
// Slide click event for direct navigation
slides.forEach((slide, i) => {
slide.addEventListener("click", () => {
loop.toIndex(i, {
ease: "osmo-ease",
duration: 0.725
});
});
});
// Bullets click event for direct navigation (if available)
if (bullets && bullets.length > 0) {
bullets.forEach((bullet, i) => {
bullet.addEventListener("click", () => {
loop.toIndex(i, {
ease: "osmo-ease",
duration: 0.725
});
if (activeBullet) activeBullet.classList.remove("active");
bullet.classList.add("active");
activeBullet = bullet;
bullets.forEach((b, j) => {
b.setAttribute("aria-selected", j === i ? "true" : "false");
});
});
});
}
// Prev/Next button listeners (if the buttons exist)
if (prevButton) {
prevButton.addEventListener("click", () => {
let newIndex = currentIndex - 1;
if (newIndex < 0) newIndex = slides.length - 1;
loop.toIndex(newIndex, {
ease: "osmo-ease",
duration: 0.725
});
});
}
if (nextButton) {
nextButton.addEventListener("click", () => {
let newIndex = currentIndex + 1;
if (newIndex >= slides.length) newIndex = 0;
loop.toIndex(newIndex, {
ease: "osmo-ease",
duration: 0.725
});
});
}
});
}
document.addEventListener("DOMContentLoaded", () => {
initSliders()
})
// GSAP Helper function to create a looping slider
// Read more: https://gsap.com/docs/v3/HelperFunctions/helpers/seamlessLoop
function horizontalLoop(items, config) {
let timeline;
items = gsap.utils.toArray(items);
config = config || {};
gsap.context(() => {
let onChange = config.onChange,
lastIndex = 0,
tl = gsap.timeline({
repeat: config.repeat,
onUpdate: onChange && function() {
let i = tl.closestIndex();
if (lastIndex !== i) {
lastIndex = i;
onChange(items[i], i);
}
},
paused: config.paused,
defaults: {
ease: "none"
},
onReverseComplete: () => tl.totalTime(tl.rawTime() + tl.duration() * 100)
}),
length = items.length,
startX = items[0].offsetLeft,
times = [],
widths = [],
spaceBefore = [],
xPercents = [],
curIndex = 0,
indexIsDirty = false,
center = config.center,
pixelsPerSecond = (config.speed || 1) * 100,
snap = config.snap === false ? v => v : gsap.utils.snap(config.snap || 1),
timeOffset = 0,
container = center === true ? items[0].parentNode : gsap.utils.toArray(center)[0] || items[0].parentNode,
totalWidth,
getTotalWidth = () => items[length - 1].offsetLeft + xPercents[length - 1] / 100 * widths[length - 1] - startX + spaceBefore[0] + items[length - 1].offsetWidth * gsap.getProperty(items[length - 1], "scaleX") + (parseFloat(config.paddingRight) || 0),
populateWidths = () => {
let b1 = container.getBoundingClientRect(),
b2;
items.forEach((el, i) => {
widths[i] = parseFloat(gsap.getProperty(el, "width", "px"));
xPercents[i] = snap(parseFloat(gsap.getProperty(el, "x", "px")) / widths[i] * 100 + gsap.getProperty(el, "xPercent"));
b2 = el.getBoundingClientRect();
spaceBefore[i] = b2.left - (i ? b1.right : b1.left);
b1 = b2;
});
gsap.set(items, {
xPercent: i => xPercents[i]
});
totalWidth = getTotalWidth();
},
timeWrap,
populateOffsets = () => {
timeOffset = center ? tl.duration() * (container.offsetWidth / 2) / totalWidth : 0;
center && times.forEach((t, i) => {
times[i] = timeWrap(tl.labels["label" + i] + tl.duration() * widths[i] / 2 / totalWidth - timeOffset);
});
},
getClosest = (values, value, wrap) => {
let i = values.length,
closest = 1e10,
index = 0,
d;
while (i--) {
d = Math.abs(values[i] - value);
if (d > wrap / 2) {
d = wrap - d;
}
if (d < closest) {
closest = d;
index = i;
}
}
return index;
},
populateTimeline = () => {
let i, item, curX, distanceToStart, distanceToLoop;
tl.clear();
for (i = 0; i < length; i++) {
item = items[i];
curX = xPercents[i] / 100 * widths[i];
distanceToStart = item.offsetLeft + curX - startX + spaceBefore[0];
distanceToLoop = distanceToStart + widths[i] * gsap.getProperty(item, "scaleX");
tl.to(item, {
xPercent: snap((curX - distanceToLoop) / widths[i] * 100),
duration: distanceToLoop / pixelsPerSecond
}, 0)
.fromTo(item, {
xPercent: snap((curX - distanceToLoop + totalWidth) / widths[i] * 100)
}, {
xPercent: xPercents[i],
duration: (curX - distanceToLoop + totalWidth - curX) / pixelsPerSecond,
immediateRender: false
}, distanceToLoop / pixelsPerSecond)
.add("label" + i, distanceToStart / pixelsPerSecond);
times[i] = distanceToStart / pixelsPerSecond;
}
timeWrap = gsap.utils.wrap(0, tl.duration());
},
refresh = (deep) => {
let progress = tl.progress();
tl.progress(0, true);
populateWidths();
deep && populateTimeline();
populateOffsets();
deep && tl.draggable ? tl.time(times[curIndex], true) : tl.progress(progress, true);
},
onResize = () => refresh(true),
proxy;
gsap.set(items, {
x: 0
});
populateWidths();
populateTimeline();
populateOffsets();
window.addEventListener("resize", onResize);
function toIndex(index, vars) {
vars = vars || {};
(Math.abs(index - curIndex) > length / 2) && (index += index > curIndex ? -length : length); // always go in the shortest direction
let newIndex = gsap.utils.wrap(0, length, index),
time = times[newIndex];
if (time > tl.time() !== index > curIndex && index !== curIndex) { // if we're wrapping the timeline's playhead, make the proper adjustments
time += tl.duration() * (index > curIndex ? 1 : -1);
}
if (time < 0 || time > tl.duration()) {
vars.modifiers = {
time: timeWrap
};
}
curIndex = newIndex;
vars.overwrite = true;
gsap.killTweensOf(proxy);
return vars.duration === 0 ? tl.time(timeWrap(time)) : tl.tweenTo(time, vars);
}
tl.toIndex = (index, vars) => toIndex(index, vars);
tl.closestIndex = setCurrent => {
let index = getClosest(times, tl.time(), tl.duration());
if (setCurrent) {
curIndex = index;
indexIsDirty = false;
}
return index;
};
tl.current = () => indexIsDirty ? tl.closestIndex(true) : curIndex;
tl.next = vars => toIndex(tl.current() + 1, vars);
tl.previous = vars => toIndex(tl.current() - 1, vars);
tl.times = times;
tl.progress(1, true).progress(0, true); // pre-render for performance
if (config.reversed) {
tl.vars.onReverseComplete();
tl.reverse();
}
if (config.draggable && typeof(Draggable) === "function") {
proxy = document.createElement("div")
let wrap = gsap.utils.wrap(0, 1),
ratio, startProgress, draggable, dragSnap, lastSnap, initChangeX, wasPlaying,
align = () => tl.progress(wrap(startProgress + (draggable.startX - draggable.x) * ratio)),
syncIndex = () => tl.closestIndex(true);
typeof(InertiaPlugin) === "undefined" && console.warn("InertiaPlugin required for momentum-based scrolling and snapping. https://greensock.com/club");
draggable = Draggable.create(proxy, {
trigger: items[0].parentNode,
type: "x",
onPressInit() {
let x = this.x;
gsap.killTweensOf(tl);
wasPlaying = !tl.paused();
tl.pause();
startProgress = tl.progress();
refresh();
ratio = 1 / totalWidth;
initChangeX = (startProgress / -ratio) - x;
gsap.set(proxy, {
x: startProgress / -ratio
});
},
onDrag: align,
onThrowUpdate: align,
overshootTolerance: 0,
inertia: true,
snap(value) {
if (Math.abs(startProgress / -ratio - this.x) < 10) {
return lastSnap + initChangeX
}
let time = -(value * ratio) * tl.duration(),
wrappedTime = timeWrap(time),
snapTime = times[getClosest(times, wrappedTime, tl.duration())],
dif = snapTime - wrappedTime;
Math.abs(dif) > tl.duration() / 2 && (dif += dif < 0 ? tl.duration() : -tl.duration());
lastSnap = (time + dif) / tl.duration() / -ratio;
return lastSnap;
},
onRelease() {
syncIndex();
draggable.isThrowing && (indexIsDirty = true);
},
onThrowComplete: () => {
syncIndex();
wasPlaying && tl.play();
}
})[0];
tl.draggable = draggable;
}
tl.closestIndex(true);
lastIndex = curIndex;
onChange && onChange(items[curIndex], curIndex);
timeline = tl;
return () => window.removeEventListener("resize", onResize);
});
return timeline;
}
</script>
<span id="date-jplus10"></span>
<span id="date-jplus21"></span>
<script>
document.addEventListener("DOMContentLoaded", function() {
const holidays = [
// Liste des jours fériés français pour 2025 au format MM-DD
"01-01", // Jour de l'An
"04-21", // Lundi de Pâques
"05-01", // Fête du Travail
"05-08", // Victoire 1945
"05-29", // Ascension
"06-09", // Lundi de Pentecôte
"07-14", // Fête nationale
"08-15", // Assomption
"11-01", // Toussaint
"11-11", // Armistice
"12-25" // Noël
];
function isHoliday(date) {
const mmdd = date.toISOString().slice(5, 10);
return holidays.includes(mmdd);
}
function addBusinessDays(startDate, daysToAdd) {
let currentDate = new Date(startDate);
let addedDays = 0;
while (addedDays < daysToAdd) {
currentDate.setDate(currentDate.getDate() + 1);
const day = currentDate.getDay(); // 0 = dimanche, 6 = samedi
if (day !== 0 && day !== 6 && !isHoliday(currentDate)) {
addedDays++;
}
}
return currentDate;
}
function formatDateFr(date) {
const options = {
day: 'numeric',
month: 'long'
};
return date.toLocaleDateString('fr-FR', options);
}
// Appliquer la logique aux deux span si elles existent
const today = new Date();
const span10 = document.getElementById("date-jplus10");
if (span10) {
const date10 = addBusinessDays(today, 10);
span10.textContent = formatDateFr(date10);
}
const span21 = document.getElementById("date-jplus21");
if (span21) {
const date21 = addBusinessDays(today, 21);
span21.textContent = formatDateFr(date21);
}
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const today = new Date();
const day = today.getDate();
const month = today.getMonth(); // 0 = janvier
const monthNames = [
"janvier", "février", "mars", "avril", "mai", "juin",
"juillet", "août", "septembre", "octobre", "novembre", "décembre"
];
const currentMonth = monthNames[month];
const nextMonth = monthNames[(month + 1) % 12];
// Pour LP
const elLP = document.getElementById("message-dispo-lp");
if (elLP) {
if (day >= 16 && day <= 25) {
elLP.textContent = `1 seule place disponible en ${currentMonth}`;
} else {
elLP.textContent = `2 places seulement en ${nextMonth}`;
}
}
// Pour SITE
const elSite = document.getElementById("message-dispo-site");
if (elSite) {
if (day >= 16 && day <= 25) {
elSite.textContent = `1 seule place disponible en ${currentMonth}`;
} else {
elSite.textContent = `1 seule place disponible en ${nextMonth}`;
}
}
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const today = new Date();
const day = today.getDate();
const pulseIcon = document.getElementById("pulse-icon");
if (pulseIcon) {
const circles = pulseIcon.querySelectorAll("circle");
const newColor = (day >= 15 && day <= 25) ? "#ff0000" : "#ff9900";
circles.forEach(circle => {
circle.setAttribute("fill", newColor);
});
}
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const nav = document.querySelector('[data-navigation-status]');
const wgWrapper = document.querySelector('.wg_wrapper');
if (!nav || !wgWrapper) return;
// Observe le changement de l'attribut data-navigation-status
const observer = new MutationObserver(() => {
const isMenuOpen = nav.getAttribute('data-navigation-status') === 'active';
wgWrapper.classList.toggle('weglot-hidden', isMenuOpen);
});
observer.observe(nav, {
attributes: true,
attributeFilter: ['data-navigation-status']
});
// Applique la bonne classe à l'init
const isInitiallyOpen = nav.getAttribute('data-navigation-status') === 'active';
if (isInitiallyOpen) {
wgWrapper.classList.add('weglot-hidden');
}
});
</script>
</body>
</html>
