add all components

This commit is contained in:
2025-08-10 14:30:51 +03:00
parent 45178a770c
commit a71faed5b3
20 changed files with 523 additions and 321 deletions

View File

@@ -182,10 +182,68 @@ Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<!-- --------------------------------------------------- -->
<!-- section 9 (Faq) -->
<div class="lg:py-24 py-12 px-6">
<div class="lg:max-w-7xl container mx-auto">
## Frequently Asked Questions
<br>
{{ accordion(
id_accordion="accordion1"
question="question_1?",
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere. "
) }}
{{ accordion(
id_accordion="accordion2"
question="question_2?",
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere. "
) }}
{{ accordion(
id_accordion="accordion3"
question="question_3?",
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere. "
) }}
{{ accordion(
id_accordion="accordion4"
question="question_4?",
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere. ",
link="https://docs.threefold.io/docs/become-a-farmer/get_started/",
text_link="Click here to get V4 nodes."
) }}
{{ accordion(
id_accordion="accordion5"
question="question_5?",
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere. ",
link="https://docs.threefold.io/docs/category/how-to-use/",
text_link="our docs."
) }}
{{ accordion(
id_accordion="accordion6"
question="question_6?",
description="ThreeFold is designed to be secure and private by default. We use end-to-end encryption to protect your data and ensure that only you have access to your data."
)
}}
</div>
</div>
<!----------------------------------------------------------------------------------------->
<!-- section 5 (Call TO Action) -->
<div class="mx-auto max-w-7xl lg:py-4 sm:px-6 sm:py-12 lg:px-8 mb-12">
<div class="relative isolate overflow-hidden px-6 lg:py-12 py-8 text-center shadow-lg sm:px-8 border border-gray-100">
<div class="rounded-md relative isolate overflow-hidden px-6 lg:py-12 py-8 text-center shadow-lg sm:px-8 border border-gray-600">
## Call TO Action
@@ -207,6 +265,21 @@ printer took a galley of type and scrambled it to make a type specimen book
<!-- --------------------------------------------------- -->
<!----------------------------------------------------------------------------------------->
<!-- section 10 Cta2 -->
{{ cta(
title_1="Lorem Ipsum",
title_2="is simply",
title_3="dummy text",
button_text_1="Button",
button_link_1="/signup",
button_text_2="Button",
button_link_2="https://t.me/threefoldnews",
button_text_3="Button",
button_link_3="https://t.me/threefoldnews"
) }}