complète les pièces
This commit is contained in:
parent
dbb11977fa
commit
47eef4ca6f
4 changed files with 56 additions and 190 deletions
|
|
@ -1,142 +0,0 @@
|
||||||
---
|
|
||||||
// Define props from Astro
|
|
||||||
const { title, subTitle } = Astro.props;
|
|
||||||
|
|
||||||
// Define TypeScript interface for props
|
|
||||||
interface Props {
|
|
||||||
title: string;
|
|
||||||
subTitle?: string;
|
|
||||||
}
|
|
||||||
---
|
|
||||||
|
|
||||||
<section
|
|
||||||
class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"
|
|
||||||
>
|
|
||||||
<!-- Title and description -->
|
|
||||||
<div class="mx-auto mb-6 w-full space-y-1 text-center sm:w-1/2 lg:w-1/3">
|
|
||||||
<h2
|
|
||||||
class="text-balance text-2xl font-bold leading-tight text-neutral-800 dark:text-neutral-200 sm:text-3xl"
|
|
||||||
>
|
|
||||||
{title}
|
|
||||||
</h2>
|
|
||||||
{
|
|
||||||
subTitle && (
|
|
||||||
<p class="text-pretty leading-tight text-neutral-600 dark:text-neutral-400">
|
|
||||||
{subTitle}
|
|
||||||
</p>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="flex flex-col items-center justify-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0 lg:gap-x-24"
|
|
||||||
>
|
|
||||||
<!-- Clients Group SVGs -->
|
|
||||||
<!-- First -->
|
|
||||||
<svg
|
|
||||||
class="mx-auto h-auto w-32 py-3 sm:mx-0 lg:w-40 lg:py-5"
|
|
||||||
viewBox="0 0 1033.583 318.543"
|
|
||||||
><title>
|
|
||||||
Logo is used for demonstration purposes only and should be replaced in customized versions.
|
|
||||||
</title>
|
|
||||||
<path
|
|
||||||
d="M-26.912 496.696c-2.812-5.011-7.55-7.83-13.31-7.83-7.824 0-15.236 5.018-15.236 13.383 0 7.21 5.357 10.577 11.255 13.108l3.563 1.514c4.47 1.853 8.926 4.254 8.926 9.807 0 5.422-3.974 10.094-9.54 10.094-5.559 0-10.087-4.124-10.015-9.814l-6.525 1.37c1.102 8.307 7.62 14.486 15.999 14.486 9.259 0 16.534-6.727 16.534-16.136 0-8.64-5.488-12.691-12.835-15.568l-3.7-1.442c-3.23-1.24-7.21-3.36-7.21-7.42 0-4.521 4.529-7.34 8.646-7.34 3.915 0 6.382 1.651 8.3 4.88l5.148-3.092zm50.62-7.83c-14.825 0-27.104 12.15-27.104 26.974 0 15.373 12.142 26.974 27.104 26.974 14.955 0 27.11-11.601 27.11-26.974 0-14.824-12.286-26.974-27.11-26.974zm0 47.906c-11.184 0-20.651-9.128-20.651-20.932 0-11.392 8.508-20.932 20.65-20.932 12.15 0 20.659 9.54 20.659 20.932 0 11.804-9.474 20.932-20.658 20.932zm86.722-44.402c-3.909-2.401-8.515-3.504-13.043-3.504-15.236 0-27.516 11.947-27.516 27.248 0 14.962 12.221 26.7 26.968 26.7 4.528 0 9.61-1.312 13.59-3.648v-7.614c-3.849 3.432-8.716 5.357-13.793 5.357-11.53 0-20.318-9.677-20.318-21.004 0-11.457 8.854-21.134 20.455-21.134 4.868 0 9.944 1.788 13.657 5.083v-7.484zm35.782-2.401h-6.453v51.742h6.453V489.97zm32.227 51.742h27.789v-5.898h-21.343V516.25h20.723v-5.898h-20.723v-14.486h21.343v-5.898h-27.79v51.742zm68.113-45.844h12.286v-5.898h-31.02v5.898h12.287v45.844h6.447v-45.844zm61.38 32.873 5.898 12.971h6.935l-24.703-53.934-24.703 53.934h6.93l5.898-12.971h23.744zm-2.683-5.899h-18.387l9.2-20.932 9.187 20.932zm62.978-26.145c-2.805-5.011-7.549-7.83-13.31-7.83-7.817 0-15.23 5.018-15.23 13.383 0 7.21 5.351 10.577 11.25 13.108l3.569 1.514c4.463 1.853 8.92 4.254 8.92 9.807 0 5.422-3.981 10.094-9.54 10.094-5.56 0-10.088-4.124-10.016-9.814l-6.518 1.37c1.096 8.307 7.614 14.486 15.986 14.486 9.265 0 16.54-6.727 16.54-16.136 0-8.64-5.487-12.691-12.834-15.568l-3.706-1.442c-3.224-1.24-7.204-3.36-7.204-7.42 0-4.521 4.528-7.34 8.646-7.34 3.915 0 6.38 1.651 8.306 4.88l5.141-3.092zm65.425 45.015h27.783v-5.898h-21.343V516.25h20.73v-5.898h-20.73v-14.486h21.343v-5.898h-27.783v51.742zm53.974-51.742v32.735c0 11.393 7.073 20.11 18.942 20.11 11.868 0 18.941-8.717 18.941-20.11V489.97h-6.453v30.536c0 8.443-2.538 16.267-12.488 16.267s-12.489-7.824-12.489-16.267V489.97h-6.453zm82.461 29.238c7.478-.894 12.417-7.067 12.417-14.485 0-4.933-2.466-9.814-6.792-12.352-4.118-2.336-9.057-2.401-13.65-2.401h-7.824v51.742h6.453v-21.89h2.669l15.236 21.89h7.823l-16.332-22.504zm-9.396-23.477h1.716c6.382 0 14.061 1.168 14.061 9.272 0 8.228-7.138 9.461-13.728 9.461h-2.049V495.73zm72.726-6.864c-14.817 0-27.104 12.15-27.104 26.974 0 15.373 12.15 26.974 27.104 26.974 14.969 0 27.111-11.601 27.111-26.974 0-14.824-12.28-26.974-27.11-26.974zm0 47.906c-11.177 0-20.65-9.128-20.65-20.932 0-11.392 8.508-20.932 20.65-20.932 12.15 0 20.658 9.54 20.658 20.932 0 11.804-9.474 20.932-20.658 20.932zm58.248-16.75h3.7c9.813 0 18.12-4.182 18.12-15.092 0-9.474-4.94-14.961-20.86-14.961h-7.413v51.742h6.453v-21.689zm0-24.292h1.71c6.38 0 14.067.966 14.067 9.063 0 8.235-7.138 9.468-13.728 9.468h-2.049v-18.53zm75.65 33.01 5.898 12.971h6.93l-24.704-53.934-24.703 53.934h6.936l5.898-12.971h23.744zm-2.676-5.899h-18.387l9.187-20.932 9.2 20.932zm36.213 18.87h27.79v-5.898h-21.343V516.25h20.73v-5.898h-20.73v-14.486h21.343v-5.898h-27.79v51.742zm85.274-12.971 5.898 12.971h6.93l-24.704-53.934-24.703 53.934h6.936l5.899-12.971h23.744zm-2.682-5.899H865.05l9.2-20.932 9.194 20.932"
|
|
||||||
style="fill:#6B7280;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
||||||
transform="translate(98.847 -259.733)"></path>
|
|
||||||
<path
|
|
||||||
d="m46.878 308.584-16.352 30.354c-3.817-3.04-8.045-5.448-12.69-7.243-4.64-1.788-9.507-2.701-14.57-2.747-4.04 0-7.915 1.05-11.64 3.152-3.72 2.094-5.717 5.24-5.971 9.435.091 2.903 1.135 5.278 3.145 7.144 1.996 1.86 4.404 3.354 7.197 4.477 2.792 1.135 5.428 2.055 7.895 2.753l10.485 3.001c11.256 2.897 20.508 7.484 27.757 13.755 7.25 6.27 10.995 15.399 11.242 27.385.105 7.608-1.05 14.961-3.458 22.067-2.407 7.105-6.707 13.265-12.893 18.472-6.29 4.959-13.324 8.573-21.101 10.838a83.427 83.427 0 0 1-23.77 3.347c-10.023-.046-19.758-1.56-29.2-4.542-9.447-2.994-18.23-7.203-26.366-12.632l17.61-31.56a77.4 77.4 0 0 0 16.822 11.014c6.094 2.93 12.638 4.45 19.659 4.56 5.05.033 9.579-1.174 13.585-3.614 3.993-2.447 6.114-6.297 6.335-11.556-.143-3.634-1.644-6.564-4.508-8.808-2.865-2.238-6.218-4.007-10.062-5.292-3.836-1.292-7.294-2.323-10.374-3.073-8.646-2.193-16.169-4.744-22.55-7.66-6.394-2.924-11.347-7.067-14.87-12.45-3.517-5.376-5.305-12.86-5.357-22.439.085-10.244 2.453-19.13 7.099-26.674 4.646-7.549 11.046-13.389 19.216-17.538 8.156-4.15 17.558-6.251 28.2-6.31 8.156.046 16.645 1.155 25.447 3.34 8.815 2.193 16.821 5.208 24.038 9.044M126.403 333.346v117.435h-41.1V333.346H51.334v-33.153h109.03v33.153h-33.961zm121.493 55.69 49.687 61.705h-51.155l-38.79-57.914h-.425v57.914H166.12V300.154h61.438c10.511-.02 19.888 1.605 28.122 4.868 8.24 3.275 14.746 8.325 19.51 15.163 4.769 6.845 7.203 15.608 7.3 26.309-.039 10.622-3 19.829-8.886 27.632-5.886 7.804-14.453 12.77-25.708 14.91zm-40.683-58.92v37.544h3.987c4.574.072 9.03-.339 13.356-1.226 4.333-.894 7.908-2.689 10.753-5.403 2.832-2.708 4.307-6.76 4.411-12.143-.104-5.39-1.579-9.435-4.41-12.143-2.846-2.707-6.421-4.508-10.754-5.402a61.505 61.505 0 0 0-13.356-1.227h-3.987"
|
|
||||||
style="fill:#6B7280;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
||||||
transform="translate(98.847 -259.733)"></path>
|
|
||||||
<path
|
|
||||||
d="M396.617 424.616h-56.61l-10.91 26.165H285.5l60.798-150.588h44.872l59.552 150.588h-43.827l-10.277-26.165zm-11.112-29.956-16.769-47.938h-.424l-16.978 47.938h34.171zm109.683-6.44v32.357h5.246c4.228.104 8.861-.046 13.879-.463 5.037-.411 9.382-1.755 13.05-4.013 3.68-2.251 5.598-6.094 5.78-11.51-.17-5.925-2.088-10.029-5.774-12.319-3.674-2.297-8.098-3.576-13.272-3.843-5.167-.274-10.074-.346-14.707-.209h-4.202zm22.23 62.313h-63.323V299.945h58.71c14.25-.17 25.584 2.767 34.021 8.79 8.43 6.022 12.743 16.142 12.945 30.353.072 6.838-1.226 12.887-3.902 18.152-2.681 5.26-7.177 9.461-13.5 12.606v.398c11.256 1.507 19.464 5.631 24.638 12.358 5.168 6.727 7.726 15.386 7.654 25.982-.17 10.453-2.975 18.753-8.41 24.9-5.436 6.146-12.483 10.543-21.135 13.18-8.645 2.642-17.884 3.934-27.698 3.869zM495.188 329.9v29.16h4.62c5.696.182 10.76-.64 15.196-2.5 4.437-1.86 6.78-5.878 7.021-12.084-.085-4.515-1.331-7.816-3.72-9.904-2.4-2.082-5.408-3.4-9.043-3.954a64.784 64.784 0 0 0-11.138-.718h-2.936M683.94 424.616h-56.617L616.42 450.78h-43.605l60.798-150.588h44.878l59.546 150.588H694.21l-10.27-26.165zm-11.112-29.956-16.776-47.938h-.417l-16.991 47.938h34.184M817.732 366.688h81.567c.026 10.916-.965 21.239-2.962 30.954-1.99 9.729-6.394 19.242-13.18 28.566-7.856 10.23-17.363 17.728-28.52 22.491-11.158 4.763-23.386 7.119-36.696 7.067-16.684-.105-31.326-3.472-43.939-10.094-12.606-6.617-22.452-15.869-29.538-27.75-7.086-11.882-10.688-25.76-10.805-41.642.111-16.41 3.745-30.66 10.903-42.764 7.164-12.11 17.147-21.5 29.969-28.175 12.821-6.668 27.783-10.048 44.884-10.146 16.332-.006 30.576 3.497 42.719 10.505 12.142 7.014 21.662 17.559 28.566 31.633l-38.993 15.575c-2.871-7.282-7.197-13.076-13.004-17.37-5.8-4.293-12.86-6.492-21.18-6.596-9.017.163-16.58 2.57-22.674 7.223-6.094 4.645-10.688 10.577-13.774 17.78-3.093 7.203-4.639 14.714-4.645 22.537.013 7.928 1.618 15.464 4.808 22.602 3.191 7.132 7.882 12.965 14.074 17.5 6.2 4.528 13.807 6.877 22.844 7.027 9.076-.006 16.606-2.192 22.615-6.564 6.01-4.372 9.513-10.91 10.518-19.6h-33.557v-30.759"
|
|
||||||
style="fill:#6B7280;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
||||||
transform="translate(98.847 -259.733)"></path>
|
|
||||||
</svg>
|
|
||||||
<!-- Second -->
|
|
||||||
<svg
|
|
||||||
class="mx-auto h-auto w-32 py-3 sm:mx-0 lg:w-40 lg:py-5"
|
|
||||||
viewBox="0 0 150 40"
|
|
||||||
fill="none"
|
|
||||||
><title>
|
|
||||||
Logo is used for demonstration purposes only and should be replaced in customized versions.
|
|
||||||
</title>
|
|
||||||
<path
|
|
||||||
stroke="#6B7280"
|
|
||||||
stroke-miterlimit="3.864"
|
|
||||||
stroke-width=".851"
|
|
||||||
d="M.492 38.141h149.015M.492.911h149.015"></path>
|
|
||||||
<path fill="#6B7280" d="M.545 33.488h27.878V5.565H.545v27.923Z"></path>
|
|
||||||
<path
|
|
||||||
fill="#d4d4d4"
|
|
||||||
d="m2.176 22.319 12.286-14.24 12.286 14.24H18.65l-4.188-5.026-4.188 5.026H2.176ZM2.176 23.436h8.098v1.395h8.377v-1.395h8.097v5.584H2.176v-5.584Z"
|
|
||||||
></path>
|
|
||||||
<path
|
|
||||||
fill="#6B7280"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M56.51 25.334c0-2.875 1.218-5.637 4.462-5.637 3.244 0 4.463 2.762 4.463 5.637 0 2.737-1.219 5.499-4.463 5.499-3.244 0-4.462-2.762-4.462-5.5Zm-3.612 0c0 4.738 2.99 8.534 8.074 8.534s8.074-3.796 8.074-8.534c0-4.878-2.99-8.673-8.074-8.673s-8.074 3.795-8.074 8.673ZM85.25 22.573c-.438-3.796-3.473-5.913-7.084-5.913-5.085 0-8.074 3.797-8.074 8.673 0 4.74 2.989 8.535 8.074 8.535 4.024 0 6.853-2.624 7.222-6.717H81.89c-.275 2.163-1.518 3.68-3.724 3.68-3.245 0-4.464-2.761-4.464-5.498 0-2.875 1.219-5.637 4.464-5.637 1.794 0 3.357 1.244 3.588 2.877h3.496ZM86.688 33.477h3.611V26.39h6.648v7.086h3.612V17.05h-3.612v6.304H90.3V17.05h-3.612v16.426ZM106.898 33.477h3.611V20.089h4.923V17.05h-13.457v3.038h4.923v13.388ZM116.847 33.477h3.611V17.05h-3.611v16.426ZM123.397 33.477h12.468v-3.035h-8.856v-4.027h7.959v-2.808h-7.959V20.09h8.672V17.05h-12.284v16.426Z"
|
|
||||||
clip-rule="evenodd"></path>
|
|
||||||
<path
|
|
||||||
fill="#6B7280"
|
|
||||||
d="M137.873 33.477h3.611V26.69h6.878v-2.807h-6.878V20.09h7.937V17.05h-11.548v16.426ZM37.73 33.49h3.608v-7.085h6.648v7.086h3.612V17.065h-3.612v6.303h-6.648v-6.303h-3.607v16.426Z"
|
|
||||||
></path>
|
|
||||||
</svg>
|
|
||||||
<!-- Third -->
|
|
||||||
<svg
|
|
||||||
class="mx-auto h-auto w-32 py-3 sm:mx-0 lg:w-40 lg:py-5"
|
|
||||||
viewBox="0 0 150 39"
|
|
||||||
fill="none"
|
|
||||||
><title>
|
|
||||||
Logo is used for demonstration purposes only and should be replaced in customized versions.
|
|
||||||
</title>
|
|
||||||
<g clip-path="url(#n)">
|
|
||||||
<path
|
|
||||||
fill="#6B7280"
|
|
||||||
d="M66.454 14.419v12.11s4.413 1.098 11.32 1.098c6.855 0 11.316-1.093 11.316-1.093V22.42s-4.793.943-11.364.943c-3.19 0-5.304-.375-6.44-.489 0-.992.003-3.792 0-4.793 1.272-.127 3.412-.493 6.488-.493 6.397.026 11.316.974 11.316.974v-4.146s-4.39-1.093-11.316-1.093c-6.977 0-11.32 1.097-11.32 1.097ZM94.464 27.356h4.955V13.55h-4.955v13.806ZM28.155 27.356h4.954V13.55h-4.954v13.806ZM56.17 27.351s-3.583-2.896-8.852-5.627c-1.468-.76-2.71-1.267-3.863-1.734v7.361h-4.797V13.576s4.06.786 8.669 3.176c5.269 2.73 8.847 5.378 8.847 5.378v-8.58h4.81V27.35H56.17ZM24.843 16.678l-12.29 11.045L.245 16.669l3.68-3.351s7.518 7.235 8.628 8.27c1.11-1.035 8.624-8.27 8.624-8.27l3.666 3.36ZM110.599 13.558h6.899c2.516-.004 4.098-1.284 4.679-1.896.586-.612 1.94-2.14 1.94-3.92V2.007c0-1.061.861-1.922 1.922-1.922h7.48c1.062 0 1.923.86 1.923 1.927v7.48a1.923 1.923 0 0 1-1.923 1.922h-5.736c-1.779 0-3.308 1.354-3.919 1.94-.612.58-1.892 2.162-1.897 4.68v6.898h-11.368V13.558Z"
|
|
||||||
></path>
|
|
||||||
<mask
|
|
||||||
id="b"
|
|
||||||
width="27"
|
|
||||||
height="28"
|
|
||||||
x="123"
|
|
||||||
y="12"
|
|
||||||
maskUnits="userSpaceOnUse"
|
|
||||||
style="mask-type:luminance"
|
|
||||||
>
|
|
||||||
<path fill="#fff" d="M123.16 12.746h26.765v26.843H123.16V12.746Z"
|
|
||||||
></path>
|
|
||||||
</mask>
|
|
||||||
<g mask="url(#b)">
|
|
||||||
<path
|
|
||||||
fill="#6B7280"
|
|
||||||
d="M149.755 19.605c0-1.826-.739-3.46-1.914-4.649-1.175-1.192-2.827-1.913-4.653-1.913-3.736 0-6.715 3.045-6.715 6.676 0 .664.288 1.922.288 2.46a5.18 5.18 0 0 1-5.177 5.177h-5.545a1.92 1.92 0 0 0-1.922 1.922v7.48c0 1.062.861 1.922 1.922 1.922h7.48c1.062 0 1.923-.86 1.923-1.922v-5.544a5.177 5.177 0 0 1 5.177-5.178c.537 0 1.796.289 2.455.289 3.635 0 6.681-2.98 6.681-6.72Z"
|
|
||||||
></path>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="n">
|
|
||||||
<path fill="#fff" d="M0 0h150v38.764H0z"></path>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
<!-- Fourth -->
|
|
||||||
<svg
|
|
||||||
class="mx-auto h-auto w-24 py-3 sm:mx-0 md:w-32 lg:w-40 lg:py-5"
|
|
||||||
viewBox="0 0 100 42"
|
|
||||||
fill="none"
|
|
||||||
><title>
|
|
||||||
Logo is used for demonstration purposes only and should be replaced in customized versions.
|
|
||||||
</title>
|
|
||||||
<path
|
|
||||||
fill="#6B7280"
|
|
||||||
d="M77.466.414v6.157H36.751v8.093h1.356V7.885h40.729V.415h-1.37ZM58.693 19.465v5.686H55.4v3.195h-3.085v3.556H14.367v1.314h39.248v-3.57h3.1v-3.181h3.292v-7h-1.314Z"
|
|
||||||
></path>
|
|
||||||
<path
|
|
||||||
fill="#6B7280"
|
|
||||||
d="M14.491 10.002h9.366l1.26.083s7.567.442 9.255 7.387c1.687 6.945-3.473 12.244-11.013 12.327-7.54.083-8.965 0-8.965 0v-1.162l.997-.083c.221-.042.428-.07.65-.097.207-.041.415-.083.609-.194.235-.124.4-.36.484-.608.083-.236.083-.47.083-.72 0-.083.014-.152.014-.235V13.184a5.03 5.03 0 0 0-.028-.457c-.014-.138-.028-.277-.055-.415a.9.9 0 0 0-.153-.304 1.063 1.063 0 0 0-.304-.305c-.124-.083-.249-.124-.387-.18a5.89 5.89 0 0 0-.969-.262 15.285 15.285 0 0 0-.844-.139v-1.12Zm6.074 1.425V26.09s-.139 1.605.968 2.048c1.107.442 3.085.401 4.233.11 1.149-.29 5.34-1.577 5.05-8.812-.29-7.222-6.17-8.093-7.512-8.093-1.342 0-2.74.083-2.74.083ZM40.459 11.178v-1.176h9.712s6.848-.139 6.516 5.395c-.332 5.534-7.07 5.825-7.706 5.797-.637-.028-2.31 0-2.31 0v4.634c0 .36 0 .72-.014 1.08 0 .276-.014.58.097.843.11.263.373.43.622.526.277.11.567.18.872.221.152.028.318.042.484.056.608.055.968 0 .968 0v1.231h-9.13v-1.162l1.369-.11c.124-.015.25-.042.36-.07.207-.055.442-.124.608-.249.167-.124.25-.318.305-.512.055-.193.11-.429.11-.65V12.921s.111-.609-.276-1.08c-.388-.497-2.587-.663-2.587-.663Zm6.24.166v8.467h1.535s4.565.166 4.648-4.013c.07-4.178-2.822-4.786-6.184-4.454ZM62.47 9.988h9.462s5.783-.29 6.835 3.597c1.051 3.901-2.601 5.672-3.016 5.838-.402.166-1.854.692-1.854.692l4.994 6.35s1.107 1.397 2.2 1.826c1.107.429 1.909.318 1.909.318v1.176h-5.728l-3.25-4.565-3.446-4.303h-2.02v5.907s-.082 1.204.623 1.453c.692.25 2.31.318 2.31.318V29.8h-9.061v-1.176s1.868-.042 2.393-.457c.47-.36.43-1.065.43-1.065v-14.29s.027-.831-.485-1.163c-.512-.318-2.31-.484-2.31-.484l.013-1.176Zm6.1 1.356v8.231h1.854s4.538.028 4.621-4.385c0-.346-.014-.706-.083-1.038a3.554 3.554 0 0 0-.277-.844 3.231 3.231 0 0 0-.415-.65 2.313 2.313 0 0 0-.54-.498 5.42 5.42 0 0 0-.608-.36 3.257 3.257 0 0 0-.609-.235 4.942 4.942 0 0 0-.65-.152c-.194-.028-.387-.056-.58-.07-.153-.013-.291-.027-.444-.027-.207 0-.415.014-.622.014-.263.014-.526.014-.789.014h-.858Z"
|
|
||||||
></path>
|
|
||||||
<path
|
|
||||||
fill="#6B7280"
|
|
||||||
d="M25.089 13.432s-9.684-.608-17.64 7.277C-.504 28.581.008 38.35.008 38.35h1.508s-.498-9.145 7.014-16.657c7.526-7.526 16.518-6.89 16.518-6.89l.042-1.37ZM18.088 38.473l-1.065.07c-.014-.61-.249-.914-.72-.914-.525 0-.802.47-.802 1.411 0 .54.07.913.222 1.107.138.194.346.29.608.29.416 0 .678-.276.775-.816l.982.056c-.069.525-.262.913-.58 1.19-.319.262-.72.4-1.19.4-.581 0-1.038-.193-1.398-.594-.36-.401-.54-.941-.54-1.647 0-.65.18-1.19.527-1.604.345-.415.816-.623 1.424-.623 1.038 0 1.62.553 1.758 1.674ZM22.46 41.267c-.58 0-1.038-.22-1.356-.664-.318-.442-.484-.968-.484-1.59 0-.637.166-1.163.484-1.591.319-.43.789-.637 1.384-.637.608 0 1.065.222 1.37.678.304.457.456.968.456 1.55 0 .636-.152 1.162-.47 1.59-.319.443-.775.664-1.384.664Zm.028-3.638c-.54 0-.803.47-.803 1.411 0 .94.263 1.411.803 1.411.512 0 .774-.47.774-1.41 0-.942-.262-1.412-.774-1.412ZM30.484 36.855v4.344h-.872l-1.701-2.933v.152c.014.069.014.138.014.194v2.6h-.789v-4.344h1.093l1.48 2.56c-.014-.125-.014-.222-.014-.29v-2.27h.789v-.014ZM36.516 37.809l-.871.29c-.111-.345-.36-.511-.734-.511-.4 0-.608.124-.608.387 0 .11.041.194.11.263.083.069.25.138.512.194.443.083.761.18.969.262.207.097.373.236.525.443.139.208.208.429.208.678 0 .387-.152.733-.457 1.024-.304.29-.747.429-1.342.429-.442 0-.83-.097-1.134-.305a1.419 1.419 0 0 1-.623-.899l.941-.208c.11.402.401.61.885.61.236 0 .402-.042.526-.14.11-.096.166-.193.166-.317a.343.343 0 0 0-.152-.29c-.11-.07-.304-.14-.595-.194-.553-.111-.94-.277-1.176-.47-.235-.195-.346-.485-.346-.873 0-.387.139-.705.415-.982.277-.263.664-.4 1.149-.4.83 0 1.383.331 1.632 1.009ZM42.23 36.855v.857h-1.08v3.486h-1.023v-3.486h-1.08v-.858h3.183ZM45.84 39.483V41.2h-1.023v-4.344h1.909c.346 0 .636.041.844.124.207.083.387.235.525.456.139.222.208.457.208.734 0 .526-.25.899-.747 1.12l.802 1.923h-1.12l-.664-1.715h-.734v-.014Zm0-1.854v1.107h.623c.207 0 .346-.014.443-.041a.476.476 0 0 0 .249-.194.563.563 0 0 0 .11-.332.563.563 0 0 0-.11-.332.47.47 0 0 0-.236-.18c-.082-.028-.248-.028-.47-.028h-.609ZM54.611 36.855v2.697c0 .443-.055.761-.152.983-.097.207-.29.387-.553.525-.263.139-.609.208-1.024.208-.415 0-.747-.056-.996-.18a1.201 1.201 0 0 1-.553-.526c-.125-.221-.18-.553-.18-.996v-2.698h1.107v2.698c0 .235.013.401.055.512.041.11.11.194.235.263a.82.82 0 0 0 .429.097c.194 0 .346-.028.47-.097a.505.505 0 0 0 .236-.25c.041-.11.055-.276.055-.525v-2.698h.871v-.014ZM61.086 38.473l-1.065.07c-.014-.61-.25-.914-.72-.914-.525 0-.802.47-.802 1.411 0 .54.07.913.221 1.107.139.194.346.29.61.29.414 0 .677-.276.774-.816l.982.056c-.07.525-.263.913-.581 1.19-.318.262-.72.4-1.19.4-.58 0-1.037-.193-1.397-.594-.36-.401-.54-.941-.54-1.647 0-.65.18-1.19.526-1.604.346-.415.816-.623 1.425-.623 1.038 0 1.619.553 1.757 1.674ZM66.578 36.855v.857H65.5v3.486h-1.037v-3.486h-1.08v-.858h3.196ZM70.175 36.855h-1.01v4.344h1.01v-4.344ZM74.838 41.267c-.581 0-1.038-.22-1.356-.664-.318-.442-.484-.968-.484-1.59 0-.637.166-1.163.484-1.591.318-.43.788-.637 1.383-.637.609 0 1.066.222 1.37.678.304.457.456.968.456 1.55 0 .636-.152 1.162-.47 1.59-.304.443-.775.664-1.383.664Zm.027-3.638c-.54 0-.802.47-.802 1.411 0 .94.263 1.411.802 1.411.512 0 .775-.47.775-1.41 0-.942-.263-1.412-.775-1.412ZM82.862 36.855v4.344h-.872l-1.702-2.933v.152c.014.069.014.138.014.194v2.6h-.788v-4.344h1.093l1.48 2.56c-.014-.125-.014-.222-.014-.29v-2.27h.789v-.014Z"
|
|
||||||
></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
20
src/components/sections/landing/DiagnosticsSection.astro
Normal file
20
src/components/sections/landing/DiagnosticsSection.astro
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
<section
|
||||||
|
class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"
|
||||||
|
>
|
||||||
|
<!-- Title and description -->
|
||||||
|
<div class="mx-auto mb-6 w-full space-y-1 text-center sm:w-1/2 lg:w-1/3">
|
||||||
|
<h2
|
||||||
|
class="text-balance text-2xl font-bold leading-tight text-neutral-800 dark:text-neutral-200 sm:text-3xl"
|
||||||
|
>
|
||||||
|
Diagnostics en réactualisation
|
||||||
|
</h2>
|
||||||
|
<p class="text-pretty leading-tight text-neutral-600 dark:text-neutral-400">
|
||||||
|
DPE etc…
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="flex flex-col items-center justify-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0 lg:gap-x-24"
|
||||||
|
>
|
||||||
|
<!-- Logos -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
import MainLayout from "@/layouts/MainLayout.astro";
|
import MainLayout from "@/layouts/MainLayout.astro";
|
||||||
import HeroSection from "@components/sections/landing/HeroSection.astro";
|
import HeroSection from "@components/sections/landing/HeroSection.astro";
|
||||||
import HeroSectionAlt from "@components/sections/landing/HeroSectionAlt.astro";
|
import HeroSectionAlt from "@components/sections/landing/HeroSectionAlt.astro";
|
||||||
import DiagnosticsSection from "@components/sections/landing/ClientsSection.astro";
|
import DiagnosticsSection from "../components/sections/landing/DiagnosticsSection.astro";
|
||||||
import FeaturesGeneral from "@components/sections/features/FeaturesGeneral.astro";
|
import FeaturesGeneral from "@components/sections/features/FeaturesGeneral.astro";
|
||||||
import FeaturesNavs from "@components/sections/features/FeaturesNavs.astro";
|
import FeaturesNavs from "@components/sections/features/FeaturesNavs.astro";
|
||||||
import TestimonialsSection from "@components/sections/testimonials/TestimonialsSection.astro";
|
import TestimonialsSection from "@components/sections/testimonials/TestimonialsSection.astro";
|
||||||
|
|
@ -132,10 +132,7 @@ import photoVueZenith from "@images/vue-zenith.jpg";
|
||||||
<BureauSection pricing={pricing} />
|
<BureauSection pricing={pricing} />
|
||||||
|
|
||||||
|
|
||||||
<DiagnosticsSection
|
<DiagnosticsSection />
|
||||||
title="Diagnostics en réactualisation"
|
|
||||||
subTitle="Logo DPE etc…"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<FAQ title="Questions courantes" faqs={faqs} />
|
<FAQ title="Questions courantes" faqs={faqs} />
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,17 @@
|
||||||
---
|
---
|
||||||
// Import necessary components
|
|
||||||
import MainLayout from "@/layouts/MainLayout.astro";
|
import MainLayout from "@/layouts/MainLayout.astro";
|
||||||
import MainSection from "@components/ui/blocks/MainSection.astro";
|
import MainSection from "@components/ui/blocks/MainSection.astro";
|
||||||
import LeftSection from "@components/ui/blocks/LeftSection.astro";
|
import LeftSection from "@components/ui/blocks/LeftSection.astro";
|
||||||
import RightSection from "@components/ui/blocks/RightSection.astro";
|
import RightSection from "@components/ui/blocks/RightSection.astro";
|
||||||
import FeaturesStats from "@components/sections/features/FeaturesStats.astro";
|
import FeaturesStats from "@components/sections/features/FeaturesStats.astro";
|
||||||
|
|
||||||
// Import necessary images
|
|
||||||
import photoSalonCheminee from "@images/salon-cheminee.jpg";
|
import photoSalonCheminee from "@images/salon-cheminee.jpg";
|
||||||
import photoSalonCuisine from "@images/salon.jpg";
|
import photoSalonCuisine from "@images/salon.jpg";
|
||||||
import photoChambreEnfantEst from "@images/chambre-enfant-est.jpg";
|
import photoChambreEnfantEst from "@images/chambre-enfant-est.jpg";
|
||||||
import photoChambreEnfantOuest from "@images/chambre-enfant-ouest.jpg";
|
import photoChambreEnfantOuest from "@images/chambre-enfant-ouest.jpg";
|
||||||
import photoParentale from "@images/chambre-parentale.jpg";
|
import photoParentale from "@images/chambre-parentale.jpg";
|
||||||
import photoChambre2 from "@images/chambre-2.jpg";
|
import photoChambre2 from "@images/chambre-2.jpg";
|
||||||
import usingTools from "@images/using-tools.avif";
|
import { websiteStructuredDescription } from "../data_files/constants";
|
||||||
import progressBuilding from "@images/progress-building.avif";
|
import BureauSection from "../components/sections/pricing/BureauSection.astro";
|
||||||
import underConstruction from "@images/under-construction.avif";
|
|
||||||
import { SITE } from "@data/constants";
|
|
||||||
|
|
||||||
interface Article {
|
interface Article {
|
||||||
isRightSection: boolean;
|
isRightSection: boolean;
|
||||||
|
|
@ -38,8 +33,9 @@ const articles: Article[] = [
|
||||||
{
|
{
|
||||||
isRightSection: true,
|
isRightSection: true,
|
||||||
title: "Grande pièce de vie lumineuse",
|
title: "Grande pièce de vie lumineuse",
|
||||||
subTitle:
|
subTitle: "Exposée plein sud, la pièce de vie principale est baignée de lumière, tout en restant fraiche l’été. " +
|
||||||
"Embarking on a construction project can be overwhelming. With our professional consultation services, we guide you through every stage, ensuring you make informed decisions. Whether you are a DIY enthusiast or a skilled contractor, our experts are on hand to offer tailored advice on product selection, project scope, and compliance with local regulations.",
|
"Elle offre un accès fluide à la terrasse à travers ses 3 portes-fenêtre." +
|
||||||
|
"Majoritairement de plein pied, la maison est organisée autour de sa grande terrasse orientée plein sud et accessible depuis toutes les pièces de vie, sans vis-à-vis.",
|
||||||
single: false,
|
single: false,
|
||||||
imgOne: photoSalonCheminee,
|
imgOne: photoSalonCheminee,
|
||||||
imgOneAlt: "Blueprints and digital tablet with construction plans.",
|
imgOneAlt: "Blueprints and digital tablet with construction plans.",
|
||||||
|
|
@ -57,8 +53,7 @@ const articles: Article[] = [
|
||||||
{
|
{
|
||||||
isRightSection: true,
|
isRightSection: true,
|
||||||
title: "Chambre principale",
|
title: "Chambre principale",
|
||||||
subTitle:
|
subTitle: "Fenêtre panoramique, rangements et grand placard, parquet. Vue sur l’impasse.",
|
||||||
"Our skilled craftsmen bring precision and excellence to every construction project. From minor installations to substantial structural work, ScrewFast offers reliable construction services to turn your plans into tangible outcomes. We ensure the highest standards of safety and workmanship, utilizing top-quality tools and materials from our extensive inventory.",
|
|
||||||
imgOne: photoParentale,
|
imgOne: photoParentale,
|
||||||
imgOneAlt: "Construction site before and after",
|
imgOneAlt: "Construction site before and after",
|
||||||
single: true,
|
single: true,
|
||||||
|
|
@ -81,16 +76,23 @@ const articles: Article[] = [
|
||||||
isRightSection: true,
|
isRightSection: true,
|
||||||
title: "Chambres enfants",
|
title: "Chambres enfants",
|
||||||
subTitle:
|
subTitle:
|
||||||
"Effective project management is at the heart of any successful build. ScrewFast provides thorough planning and robust management services that keep your project on time and within budget. Let us handle the complexities of workflow coordination, resource allocation, and stakeholder communication while you focus on your vision.",
|
"Un passage par la salle de jeu permet de rejoindre l’espace enfants : 2 grandes chambres plein sud, reliées par une salle d’eau commune, et par un dégagement qui offre grands placards et toilette. ",
|
||||||
single: false,
|
single: false,
|
||||||
imgOne: photoChambreEnfantOuest,
|
imgOne: photoChambreEnfantOuest,
|
||||||
imgOneAlt: "Construction workers orchestrating a project",
|
imgOneAlt: "Construction workers orchestrating a project",
|
||||||
imgTwo: photoChambreEnfantEst,
|
imgTwo: photoChambreEnfantEst,
|
||||||
imgTwoAlt: "Aerial view of managed construction",
|
imgTwoAlt: "Aerial view of managed construction",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
isRightSection: false,
|
||||||
|
title: "Suite du bas",
|
||||||
|
subTitle: "L’étage inférieur de la maison, semi-enterré, a été entièrement refait en 2019. L’ancienne salle de jeux a été complètement rénovée et transformée en une suite avec salle d'eau, conçue pour héberger un couple avec enfants. ",
|
||||||
|
img: photoChambreEnfantOuest,
|
||||||
|
imgAlt: "Construction workers orchestrating a project",
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
const pageTitle: string = `Pièces | ${SITE.title}`;
|
const pageTitle: string = `Pièces de la maison | 177m2 à vendre à Albi`;
|
||||||
---
|
---
|
||||||
|
|
||||||
<MainLayout
|
<MainLayout
|
||||||
|
|
@ -98,34 +100,21 @@ const pageTitle: string = `Pièces | ${SITE.title}`;
|
||||||
structuredData={{
|
structuredData={{
|
||||||
"@context": "https://schema.org",
|
"@context": "https://schema.org",
|
||||||
"@type": "WebPage",
|
"@type": "WebPage",
|
||||||
"@id": "https://screwfast.uk/services",
|
"@id": "https://achat-maison-albi.fr/pieces/",
|
||||||
"url": "https://screwfast.uk/services",
|
"url": "https://achat-maison-albi.fr/pieces/",
|
||||||
"name": "Expert Consultation Services | ScrewFast",
|
"name": "Pièces de la maison | 177m2 à vendre à Albi",
|
||||||
"description": "Uniting expertise with your vision, ScrewFast provides exceptional service and comprehensive solutions in the hardware and construction industry, from consultation to project completion.",
|
"description": "Avec 5 chambres, 3 salles d’eau, un bureau et des beaux espaces de vie intérieurs comme extérieurs, notre maison est accueillante et conviviale.",
|
||||||
"isPartOf": {
|
"isPartOf": websiteStructuredDescription,
|
||||||
"@type": "WebSite",
|
|
||||||
"url": "https://screwfast.uk",
|
|
||||||
"name": "ScrewFast",
|
|
||||||
"description": "ScrewFast offers top-tier hardware tools and expert construction services to meet all your project needs."
|
|
||||||
},
|
|
||||||
"inLanguage": "fr-FR"
|
"inLanguage": "fr-FR"
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<!--MainSection is the introductory section of the page, it also contains a CTA button-->
|
|
||||||
<MainSection
|
<MainSection
|
||||||
title="Des espaces pour chacun et chacune"
|
title="Des espaces pour chacun et chacune"
|
||||||
subTitle="Avec 5 chambres, 3 salles d’eau, un bureau et des beaux espaces de vie intérieurs comme extérieurs, notre maison est accueillante et conviviale."
|
subTitle="Avec 5 chambres, 3 salles d’eau, un bureau et des beaux espaces de vie intérieurs comme extérieurs, notre maison est accueillante et conviviale."
|
||||||
btnTitle="Nous contacter"
|
btnTitle="Nous contacter"
|
||||||
btnURL="/contact"
|
btnURL="/contact"
|
||||||
/>
|
/>
|
||||||
<!-- RightSection and LeftSection contain details about various services along with pertinent imagery.
|
|
||||||
They alternate for variety in design.
|
|
||||||
The 'btnExists' property is used to toggle the display of a button in these sections.
|
|
||||||
When btnExists={true}, a button is displayed.
|
|
||||||
This can be used to link to more detailed information or related resources.
|
|
||||||
RightSection can also conditionally render one or two images based on the 'single' property.
|
|
||||||
If 'single' is true, it displays one image, otherwise it displays two.
|
|
||||||
-->
|
|
||||||
{
|
{
|
||||||
articles.map(article => {
|
articles.map(article => {
|
||||||
return article.isRightSection ? (
|
return article.isRightSection ? (
|
||||||
|
|
@ -154,24 +143,26 @@ const pageTitle: string = `Pièces | ${SITE.title}`;
|
||||||
);
|
);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
<!--FeaturesStats section showcases essential stats valuable to users-->
|
|
||||||
|
<BureauSection />
|
||||||
|
|
||||||
<FeaturesStats
|
<FeaturesStats
|
||||||
title="By the Numbers"
|
title="En chiffres"
|
||||||
subTitle="Our commitment to quality and reliability is evident in every project we undertake. At ScrewFast, we are dedicated to delivering industry-leading services that ensure your construction projects are built to last."
|
subTitle="Parce que même quand on aime, il faut compter !"
|
||||||
mainStatTitle="96%"
|
mainStatTitle="177 m2"
|
||||||
mainStatSubTitle="of our clients rate their experience with ScrewFast as exceptional"
|
mainStatSubTitle="De la place pour la famille, pour le travail, pour la vie !"
|
||||||
stats={[
|
stats={[
|
||||||
{
|
{
|
||||||
stat: "99.8%",
|
stat: "5 chambres",
|
||||||
description: "project completion rate",
|
description: "Pouvant accueillir facilement 12 personnes",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
stat: "5,000+",
|
stat: "3 salles d’eau",
|
||||||
description: "successful installations",
|
description: "Pour ne plus attendre son tour…",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
stat: "85%",
|
stat: "100%",
|
||||||
description: "client growth year-over-year",
|
description: "de satisfaction des actuel(le)s occupant(e)s",
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue