285 lines
10 KiB
Markdown
285 lines
10 KiB
Markdown
---
|
|
title: "Home"
|
|
description: "orem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex. Adipiscing elit quisque faucibus ex sapien vitae pellentesque."
|
|
draft: false
|
|
weight: 1
|
|
extra:
|
|
author: Home
|
|
imgPath: home/logo-placeholder.png
|
|
|
|
---
|
|
|
|
<!-- section 1 (hero) -->
|
|
|
|
{{ hero_BG_video(
|
|
video_BG="/videos/hero_bg.mp4",
|
|
title="HERO",
|
|
subtitle="Lorem ipsum dolor sit.",
|
|
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex. Adipiscing elit quisque faucibus ex sapien vitae pellentesque.",
|
|
button_text_1="Button1",
|
|
button_link_1="/page",
|
|
button_text_2="Button2",
|
|
button_link_2="/page"
|
|
|
|
) }}
|
|
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
<!-- section 2 (Features component) -->
|
|
|
|
<div class="mx-auto max-w-7xl px-6 lg:py-24 py-12">
|
|
|
|
##### FEATUERS_1
|
|
|
|
## Features component
|
|
|
|
<br>
|
|
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit. Dolor sit amet consectetur adipiscing elit quisque faucibus.
|
|
|
|
<br>
|
|
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex. Adipiscing elit quisque faucibus ex sapien vitae pellentesque.2
|
|
|
|
<br>
|
|
|
|
<div class="pb-10 grid grid-cols-1 gap-8 mt-6 sm:grid-cols-2 lg:grid-cols-4">
|
|
|
|
{{ features(
|
|
title="Title 1",
|
|
description="Fully autonomous behavior with self-healing capabilities is possible."
|
|
) }}
|
|
|
|
{{ features(
|
|
title="Title 2",
|
|
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. "
|
|
) }}
|
|
|
|
{{ features(
|
|
title="Title 3",
|
|
description="Sit amet consectetur adipiscing elit quisque faucibus ex."
|
|
) }}
|
|
|
|
{{ features(
|
|
title="Title 4",
|
|
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Dolor sit amet consectetur."
|
|
) }}
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
|
|
|
|
|
|
<!-- section 3 (Features component with Border) -->
|
|
|
|
<div class="relative isolate overflow-hidden lg:py-24 py-12">
|
|
<!-- <img src="/images/hometech.jpg" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"> -->
|
|
<div class="mx-auto max-w-7xl px-6 py-12">
|
|
|
|
<div class="mx-auto max-w-2xl lg:mx-0">
|
|
|
|
##### FEATUERS_2
|
|
|
|
## Features component with Border
|
|
|
|
<br>
|
|
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
|
|
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="pb-10 grid grid-cols-1 gap-8 mt-6 lg:grid-cols-3">
|
|
|
|
{{ features_card(
|
|
title="Title 1",
|
|
description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
|
|
) }}
|
|
|
|
{{ features_card(
|
|
title="Title 2",
|
|
description="TLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
|
|
) }}
|
|
|
|
{{ features_card(
|
|
title="Title 3",
|
|
description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
|
|
) }}
|
|
|
|
|
|
</div>
|
|
|
|
<div class="justify-center items-center flex">
|
|
<a href="/page" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
|
|
<!-- section 4 (Features component) -->
|
|
|
|
<div class="max-w-7xl mx-auto lg:py-24 py-12 px-6 lg:px-12">
|
|
<div class="mx-auto max-w-2xl lg:text-center">
|
|
|
|
## Features component (Icons)
|
|
|
|
<br>
|
|
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
|
|
|
</div>
|
|
|
|
<div class="py-10 grid grid-cols-1 gap-10 mt-6 sm:grid-cols-2 lg:grid-cols-3">
|
|
|
|
{{ features(
|
|
svg="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z",
|
|
title="Features 1",
|
|
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
|
|
) }}
|
|
|
|
{{ features(
|
|
svg="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z",
|
|
title="Features 2",
|
|
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
|
) }}
|
|
|
|
{{ features(
|
|
svg="M3 2.25a.75.75 0 0 1 .75.75v.54l1.838-.46a9.75 9.75 0 0 1 6.725.738l.108.054A8.25 8.25 0 0 0 18 4.524l3.11-.732a.75.75 0 0 1 .917.81 47.784 47.784 0 0 0 .005 10.337.75.75 0 0 1-.574.812l-3.114.733a9.75 9.75 0 0 1-6.594-.77l-.108-.054a8.25 8.25 0 0 0-5.69-.625l-2.202.55V21a.75.75 0 0 1-1.5 0V3A.75.75 0 0 1 3 2.25Z",
|
|
title="Features 3",
|
|
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
|
) }}
|
|
|
|
{{ features(
|
|
svg="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM4.575 15.6a8.25 8.25 0 0 0 9.348 4.425 1.966 1.966 0 0 0-1.84-1.275.983.983 0 0 1-.97-.822l-.073-.437c-.094-.565.25-1.11.8-1.267l.99-.282c.427-.123.783-.418.982-.816l.036-.073a1.453 1.453 0 0 1 2.328-.377L16.5 15h.628a2.25 2.25 0 0 1 1.983 1.186 8.25 8.25 0 0 0-6.345-12.4c.044.262.18.503.389.676l1.068.89c.442.369.535 1.01.216 1.49l-.51.766a2.25 2.25 0 0 1-1.161.886l-.143.048a1.107 1.107 0 0 0-.57 1.664c.369.555.169 1.307-.427 1.605L9 13.125l.423 1.059a.956.956 0 0 1-1.652.928l-.679-.906a1.125 1.125 0 0 0-1.906.172L4.575 15.6Z",
|
|
title="Features 4",
|
|
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
|
) }}
|
|
|
|
{{ features(
|
|
svg="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z",
|
|
title="Features 5",
|
|
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
|
) }}
|
|
|
|
{{ features(
|
|
svg="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z",
|
|
title="Features 6",
|
|
description="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown"
|
|
) }}
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
<!-- 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="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
|
|
|
|
<br>
|
|
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
|
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
|
|
|
|
printer took a galley of type and scrambled it to make a type specimen book
|
|
|
|
<br>
|
|
|
|
<a href="/page" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!----------------------------------------------------------------------------------------->
|
|
|
|
<!-- 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"
|
|
|
|
) }}
|
|
|
|
|