add all components
This commit is contained in:
@@ -1,19 +1,19 @@
|
||||
---
|
||||
title: "Page2"
|
||||
title: "page2"
|
||||
description: ""
|
||||
draft: false
|
||||
weight: 3
|
||||
weight: 2
|
||||
|
||||
---
|
||||
|
||||
|
||||
<!-- section 1 (hero) -->
|
||||
<!-- section 1 (hero_images) -->
|
||||
|
||||
{{ hero_BG_image(
|
||||
image_BG="/images/hometech.jpg",
|
||||
subtitle="THREEFOLD TECHNOLOGY",
|
||||
title="A Revolutionary Approach",
|
||||
description="Our technological framework provides global effectiveness emphasizing security, efficiency, and sustainability."
|
||||
image_BG="/images/img_placeholder.jpg",
|
||||
title="Hero With Image Background",
|
||||
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Dolor sit amet consectetur adipiscing elit quisque faucibus"
|
||||
|
||||
|
||||
) }}
|
||||
|
||||
|
||||
@@ -21,42 +21,66 @@ weight: 3
|
||||
|
||||
|
||||
|
||||
<!-- section 2 (Our Track Records) -->
|
||||
<!-- section 2 (right text) -->
|
||||
|
||||
<div class="max-w-7xl mx-auto py-12 lg:py-24 px-6 lg:px-12">
|
||||
<div class="relative overflow-hidden lg:py-24 py-12">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
|
||||
## Technology Architecture
|
||||
|
||||
## Lorem Ipsum
|
||||
|
||||
<br>
|
||||
|
||||
Our advanced architecture seamlessly integrates cutting-edge compute, storage, and network technologies to deliver unparalleled performance, scalability, and security. Designed for modern IT workloads, it supports everything from edge computing to large-scale data centers, ensuring efficiency and resilience at every level.
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit. Adipiscing elit quisque faucibus ex sapien vitae pellentesque. Vitae pellentesque sem placerat in id cursus mi. Cursus mi pretium tellus duis convallis tempus leo. Tempus leo eu aenean sed diam urna tempor. Urna tempor pulvinar vivamus fringilla lacus nec metus.
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
<!-- section 2 (Feature Card) -->
|
||||
|
||||
<div class="max-w-7xl mx-auto py-12 lg:py-24 px-6 lg:px-12">
|
||||
|
||||
## Feature Card
|
||||
|
||||
<br>
|
||||
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean.
|
||||
|
||||
<br>
|
||||
|
||||
<div class="grid grid-cols-1 gap-y-12 gap-x-6 lg:gap-x-16 lg:grid-cols-3 xl:gap-x-8">
|
||||
|
||||
|
||||
<div class="mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-12 lg:mx-0 lg:max-w-none lg:grid-cols-4">
|
||||
{{ image_content(
|
||||
image="/images/image_placeholder.jpg",
|
||||
title="Lorem ipsum dolor",
|
||||
description_1="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.",
|
||||
|
||||
description_2="Iaculis massa nisl malesuada lacinia integer nunc posuere. Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus.",
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/0.svg",
|
||||
title="Layer 0",
|
||||
description="Interconnected nodes (Zero-OS) delivering compute (GPU, CPU), storage and network. Localized & More Secure."
|
||||
description_3="Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce."
|
||||
)}}
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/1.svg",
|
||||
title="Layer 1",
|
||||
description="Compatible with any Web 2 and Web 3 standard + ready for true peer-to-peer transactions at any scale."
|
||||
{{ image_content(
|
||||
image="/images/image_placeholder.jpg",
|
||||
title="Lorem ipsum dolor",
|
||||
description_1="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.",
|
||||
|
||||
description_2="Iaculis massa nisl malesuada lacinia integer nunc posuere. Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus.",
|
||||
|
||||
description_3="Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce."
|
||||
)}}
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/2.svg",
|
||||
title="Layer 2",
|
||||
description="Always available shortest path end-to-end encrypted network layer. Digital Self-Tech allows self healing."
|
||||
)}}
|
||||
{{ image_content(
|
||||
image="/images/image_placeholder.jpg",
|
||||
title="Lorem ipsum dolor",
|
||||
description_1="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.",
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/3.svg",
|
||||
title="Layer 3",
|
||||
description="Better security, data availability, performance at all times for all users. 100% private & Secure."
|
||||
description_2="Iaculis massa nisl malesuada lacinia integer nunc posuere. Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus.",
|
||||
|
||||
description_3="Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce."
|
||||
)}}
|
||||
|
||||
</div>
|
||||
@@ -65,63 +89,75 @@ Our advanced architecture seamlessly integrates cutting-edge compute, storage, a
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
|
||||
<!-- section 6 (Join the Movement) -->
|
||||
|
||||
<!-- section 3 (Technical Specifications) -->
|
||||
<div class="lg:py-24 py-12 px-4">
|
||||
<div class="container max-w-7xl mx-auto">
|
||||
|
||||
{{ tabs() }}
|
||||
|
||||
<!-- --------------------------------------------------- -->
|
||||
|
||||
|
||||
<!-- section 4 (Technological Benefits) -->
|
||||
|
||||
<div class="max-w-7xl mx-auto py-12 lg:py-24 px-6 lg:px-12">
|
||||
|
||||
## Technological Benefits
|
||||
## Cards Link
|
||||
|
||||
<br>
|
||||
|
||||
Discover Our Cutting-Edge Technological Benefits: Unleashing Unmatched Efficiency, Security, and Scalability.
|
||||
<div class="max-w-4xl">
|
||||
|
||||
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.
|
||||
|
||||
<div class="mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-12 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
||||
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/performance.svg",
|
||||
title="Improved Performance",
|
||||
description="Enhance compute and operational efficiency by achieving faster response times and minimizing latency."
|
||||
)}}
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/security.svg",
|
||||
title="Enhanced Security",
|
||||
description="Encrypted, compressed, fragmented, and distributed data enhances security, efficiency, and resilience across interconnected nodes."
|
||||
)}}
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/sovereignty.svg",
|
||||
title="Data Sovereignty",
|
||||
description="Empowering nations, businesses, and individuals with deliberate design, granting control and ownership over their data."
|
||||
)}}
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/computing.svg",
|
||||
title="Edge Computing",
|
||||
description="Allow to distribute computing power closer to end-users or any devices."
|
||||
)}}
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/decentralized.svg",
|
||||
title="Decentralized",
|
||||
description="Our solutions offer a range of governance options, from decentralized, federated to centralized models."
|
||||
)}}
|
||||
|
||||
{{ features_top_img(
|
||||
svg="/images/scalability.svg",
|
||||
title="Horizontal Scalability",
|
||||
description="The network can automatically scale resources without needing to manually increase the capacity of individual components."
|
||||
)}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="max-w-7xl mx-4 md:mx-10 lg:mx-20 mt-16 xl:mx-auto">
|
||||
<div class="flex lg:flex-row flex-col">
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/image_placeholder.jpg",
|
||||
image_alt="image",
|
||||
title="Title_card_1",
|
||||
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
||||
target="_blank",
|
||||
card_link="#"
|
||||
) }}
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/image_placeholder.jpg",
|
||||
image_alt="image",
|
||||
title="Title_card_2",
|
||||
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
||||
target="_blank",
|
||||
card_link="#"
|
||||
) }}
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/image_placeholder.jpg",
|
||||
image_alt="image",
|
||||
title="Title_card_3",
|
||||
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
||||
target="_blank",
|
||||
card_link="#"
|
||||
) }}
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/image_placeholder.jpg",
|
||||
image_alt="image",
|
||||
title="Title_card_4",
|
||||
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
||||
target="_blank",
|
||||
card_link="#"
|
||||
) }}
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/image_placeholder.jpg",
|
||||
image_alt="image",
|
||||
title="Title_card_5",
|
||||
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
||||
target="_blank",
|
||||
card_link="#"
|
||||
) }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="justify-center items-center flex">
|
||||
<a href="/page3" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!---------------------------------------------------------------->
|
||||
|
||||
Reference in New Issue
Block a user