update about page
This commit is contained in:
ehab-hassan
parent
04a875c2c8
commit
5d119e779f
@ -21,12 +21,13 @@ template = "index.html"
|
|||||||
|
|
||||||
<!-- section 2 -->
|
<!-- section 2 -->
|
||||||
|
|
||||||
{{ hero_right_img(
|
{{ text_right_img(
|
||||||
image_src="/images/mycel2.png",
|
image_src="/images/mycel2.png",
|
||||||
image_alt="Discover Mycelium",
|
image_alt="Discover Mycelium",
|
||||||
title="Discover Mycelium",
|
title="Discover Mycelium",
|
||||||
subtitle_1="ABOUT",
|
subtitle_1="ABOUT",
|
||||||
description="Mycelium is an unbreakable network, always finding the shortest path and providing 100% secure, peer-to-peer communication. But this is just the beginning. <br><br>Our mission is to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds.",
|
description="Mycelium is an unbreakable network, always finding the shortest path and providing 100% secure, peer-to-peer communication. But this is just the beginning.",
|
||||||
|
description_2="Our mission is to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds.",
|
||||||
button_text="Learn more",
|
button_text="Learn more",
|
||||||
button_link="/about"
|
button_link="/about"
|
||||||
) }}
|
) }}
|
||||||
@ -54,7 +55,7 @@ template = "index.html"
|
|||||||
|
|
||||||
<!-- Section 4 -->
|
<!-- Section 4 -->
|
||||||
|
|
||||||
{{ use_cases(
|
{{ left_header(
|
||||||
subtitle="WHAT IT ENABLES",
|
subtitle="WHAT IT ENABLES",
|
||||||
title="Powering Secure & Decentralized Connectivity",
|
title="Powering Secure & Decentralized Connectivity",
|
||||||
description="Mycelium, a key component of the ThreeFold Grid, can be installed on any computer (macOS, Linux, Windows) and smartphone (iOS, Android). With seamless integration, it enables secure and private communication across devices.",
|
description="Mycelium, a key component of the ThreeFold Grid, can be installed on any computer (macOS, Linux, Windows) and smartphone (iOS, Android). With seamless integration, it enables secure and private communication across devices.",
|
||||||
@ -189,7 +190,7 @@ template = "index.html"
|
|||||||
|
|
||||||
<!-- Section 6 -->
|
<!-- Section 6 -->
|
||||||
|
|
||||||
{{ use_cases(
|
{{ left_header(
|
||||||
subtitle="BENEFITS",
|
subtitle="BENEFITS",
|
||||||
title="Nature's Blueprint for Digital Connectivity",
|
title="Nature's Blueprint for Digital Connectivity",
|
||||||
description="Just as nature's mycelium network serves as a critical component in the ecosystems of forests, connecting trees and plants underground, the Mycelium technology offers reliable connectivity in an efficient and resilient way.",
|
description="Just as nature's mycelium network serves as a critical component in the ecosystems of forests, connecting trees and plants underground, the Mycelium technology offers reliable connectivity in an efficient and resilient way.",
|
||||||
@ -237,7 +238,7 @@ template = "index.html"
|
|||||||
|
|
||||||
<div class="lg:max-w-7xl container mx-auto lg:pb-24 pb-12">
|
<div class="lg:max-w-7xl container mx-auto lg:pb-24 pb-12">
|
||||||
|
|
||||||
{{ use_cases(
|
{{ left_header(
|
||||||
subtitle="",
|
subtitle="",
|
||||||
title="Frequently Asked Questions",
|
title="Frequently Asked Questions",
|
||||||
description="",
|
description="",
|
||||||
|
|||||||
112
content/about.md
112
content/about.md
@ -1,100 +1,42 @@
|
|||||||
+++
|
+++
|
||||||
title = "Why Choose Us"
|
title = "about"
|
||||||
template = "index.html"
|
template = "index.html"
|
||||||
date = 2025-03-22
|
date = 2025-03-22
|
||||||
+++
|
+++
|
||||||
|
|
||||||
{{ hero(
|
|
||||||
title="Why Choose Our Solution",
|
<!-- section 1 -->
|
||||||
subtitle="Discover the benefits and advantages that set us apart",
|
|
||||||
button_text="Get Started",
|
{{ hero_right_img(
|
||||||
button_link="/blog",
|
image_src="/images/mycel5.jpg",
|
||||||
bg_color="bg-gradient-to-r from-purple-600 to-indigo-600"
|
image_alt="Mobile App Screenshot",
|
||||||
|
title="About Mycelium",
|
||||||
|
subtitle="Redefining Digital Communication",
|
||||||
|
description_1="Mycelium is designed to improve how we connect and communicate in the digital world. Its goal is to create a secure, efficient, and scalable digital ecosystem where data flows seamlessly and remains protected.",
|
||||||
|
description_2="We aim to build a system that adapts to our growing digital needs while promoting sustainability and security."
|
||||||
) }}
|
) }}
|
||||||
|
|
||||||
## Our Advantages
|
|
||||||
|
|
||||||
We believe in creating solutions that not only meet your needs but exceed your expectations. Here's why our approach stands out from the rest.
|
<!-- section 2 -->
|
||||||
|
|
||||||
|
{{ text_right_img(
|
||||||
|
image_src="/images/security.jpeg",
|
||||||
|
image_alt="Discover Mycelium",
|
||||||
|
title="Enhancing Security",
|
||||||
|
subheader="BENEFITS",
|
||||||
|
subtitle="End-to-End Encryption",
|
||||||
|
description="Each node in the Mycelium network is assigned a unique key pair, consisting of a public and private key. The public key is used to encrypt data intended for that node, while the private key decrypts the data upon receipt. This cryptographic system ensures that only the intended recipient can access the information.",
|
||||||
|
description_2="When one node sends data to another within the Mycelium network, the data is encrypted with the recipient's public key. This ensures that even if the data is intercepted during transmission, it remains secure and unreadable without the corresponding private key.",
|
||||||
|
button_text="",
|
||||||
|
button_link=""
|
||||||
|
) }}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
|
|
||||||
{{
|
|
||||||
feature_card(
|
|
||||||
title="Innovative Technology",
|
|
||||||
description="We leverage cutting-edge technologies to deliver modern, efficient solutions",
|
|
||||||
icon="💡"
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
|
|
||||||
{{
|
|
||||||
feature_card(
|
|
||||||
title="User-Centered Design",
|
|
||||||
description="Our products are designed with the user experience as the top priority",
|
|
||||||
icon="👤"
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
|
|
||||||
{{
|
|
||||||
feature_card(
|
|
||||||
title="Scalable Architecture",
|
|
||||||
description="Built to grow with your needs, from startup to enterprise",
|
|
||||||
icon="📈"
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
|
|
||||||
{{
|
|
||||||
feature_card(
|
|
||||||
title="Reliable Support",
|
|
||||||
description="Our dedicated team is always ready to help you succeed",
|
|
||||||
icon="🛠️"
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
|
|
||||||
{{
|
|
||||||
feature_card(
|
|
||||||
title="Continuous Improvement",
|
|
||||||
description="We constantly refine our solutions based on feedback and new technologies",
|
|
||||||
icon="🔄"
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
|
|
||||||
{{
|
|
||||||
feature_card(
|
|
||||||
title="Cost Effective",
|
|
||||||
description="Maximum value without compromising on quality or features",
|
|
||||||
icon="💰"
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
## Our Approach
|
|
||||||
|
|
||||||
We follow a systematic approach to ensure that every solution we deliver meets the highest standards of quality and performance.
|
|
||||||
|
|
||||||
1. **Discovery** - We start by understanding your unique challenges and goals
|
|
||||||
2. **Planning** - Develop a comprehensive strategy tailored to your specific needs
|
|
||||||
3. **Implementation** - Execute the plan with precision and attention to detail
|
|
||||||
4. **Testing** - Rigorous quality assurance to ensure everything works perfectly
|
|
||||||
5. **Deployment** - Smooth transition to production with minimal disruption
|
|
||||||
6. **Support** - Ongoing assistance to ensure long-term success
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Testimonials
|
|
||||||
|
|
||||||
> "Implementing this solution has revolutionized how we operate. The efficiency gains alone have paid for the investment multiple times over."
|
|
||||||
>
|
|
||||||
> **— Sarah Johnson, CEO at TechInnovate**
|
|
||||||
|
|
||||||
> "The team's attention to detail and commitment to our success made all the difference. I can't recommend them highly enough."
|
|
||||||
>
|
|
||||||
> **— Michael Chen, CTO at DataFlow Systems**
|
|
||||||
|
|
||||||
{{
|
|
||||||
hero2(
|
|
||||||
title="See Our Solution in Action",
|
|
||||||
subtitle="Schedule a personalized demo to discover how we can address your specific challenges",
|
|
||||||
button_text="Request Demo",
|
|
||||||
button_link="#",
|
|
||||||
bg_color="bg-blue-700"
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
|
|||||||
@ -4,3 +4,5 @@
|
|||||||
© {{ now() | date(format="%Y") }} {{ config.title }}
|
© {{ now() | date(format="%Y") }} {{ config.title }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,24 +1,29 @@
|
|||||||
<div class="py-24 lg:pt-0 fade-in bg-semi-white lg:max-w-7xl container mx-auto px-6 lg:px-8">
|
{% set title = title | default(value="title") %}
|
||||||
|
{% set subtitle = subtitle | default(value="") %}
|
||||||
|
{% set description = description_1 | default(value="") %}
|
||||||
|
{% set description = description_2 | default(value="") %}
|
||||||
|
{% set image_src = image_src | default(value="") %}
|
||||||
|
{% set image_alt = image_alt | default(value="") %}
|
||||||
|
|
||||||
|
<div class=" fade-in">
|
||||||
<div class="relative isolate">
|
<div class="relative isolate">
|
||||||
|
<div class="container mx-auto max-w-7xl lg:py-24 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
|
||||||
<div class="mx-auto mt-10 lg:mt-0 lg:flex lg:items-center lg:gap-x-15 ">
|
<div class="my-6 lg:my-16 sm:mt-24 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
|
||||||
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto">
|
|
||||||
<p class="text-base font-light tracking-wide">{{ subtitle_1 }}</p>
|
|
||||||
<h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight ">{{ title }}</h2>
|
|
||||||
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light fade-in">
|
|
||||||
{{ description }}
|
|
||||||
</p>
|
|
||||||
<div class="mt-6 flex">
|
|
||||||
<a href="{{ button_link }}" class="rounded-2xl bg-black px-4 py-2 text-sm font-semibold text-white shadow hover:bg-gray-700 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-gray-300">{{ button_text }}</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="lg:order-first mt-6 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
|
||||||
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}"
|
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}"
|
||||||
alt="{{ image_alt }}">
|
alt="{{ image_alt }}">
|
||||||
</div>
|
</div>
|
||||||
|
<div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto lg:order-1">
|
||||||
</div>
|
<h1 class="mt-2 text-4xl font-semibold tracking-tight lg:text-6xl">
|
||||||
</div>
|
{{ title }}
|
||||||
|
</h1>
|
||||||
|
<h2 class="lg:text-4xl text-3xl font-normal tracking-tight">{{ subtitle }}</h2>
|
||||||
|
<p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
|
||||||
|
{{ description_1 }}
|
||||||
|
<p class="mt-2 text-md font-light text-stone-800 lg:text-lg">
|
||||||
|
{{ description_2 }}
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
42
templates/shortcodes/text_right_img.html
Normal file
42
templates/shortcodes/text_right_img.html
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
{% set title = title | default(value="") %}
|
||||||
|
{% set subheader = subheader | default(value="") %}
|
||||||
|
{% set subtitle = subtitle | default(value="") %}
|
||||||
|
{% set description = description | default(value="") %}
|
||||||
|
{% set description_2 = description_2 | default(value="") %}
|
||||||
|
{% set button_text = button_text | default(value="") %}
|
||||||
|
{% set button_link = button_link | default(value="") %}
|
||||||
|
{% set image_src = image_src | default(value="") %}
|
||||||
|
{% set image_alt = image_alt | default(value="") %}
|
||||||
|
|
||||||
|
<div class="py-24 lg:pt-0 fade-in bg-semi-white lg:max-w-7xl container mx-auto px-6 lg:px-8">
|
||||||
|
<div class="relative isolate">
|
||||||
|
|
||||||
|
<div class="mx-auto mt-10 lg:mt-0 lg:flex lg:items-center lg:gap-x-15 ">
|
||||||
|
<div class="mx-auto max-w-xl lg:mx-6 lg:flex-auto">
|
||||||
|
<p class="text-base font-light tracking-wide">{{ subheader }}</p>
|
||||||
|
<h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight ">{{ title }}</h2>
|
||||||
|
<h3 class="font-light lg:text-3xl text-xl">
|
||||||
|
{{ subtitle }}
|
||||||
|
</h3>
|
||||||
|
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light fade-in">
|
||||||
|
{{ description }}
|
||||||
|
</p>
|
||||||
|
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light fade-in">
|
||||||
|
{{ description_2 }}
|
||||||
|
</p>
|
||||||
|
{% if button_link %}
|
||||||
|
<div class="mt-6 flex">
|
||||||
|
<a href="{{ button_link }}" class="rounded-2xl bg-black border border-white px-4 py-2 text-sm font-semibold text-white shadow hover:bg-gray-700 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-gray-300">{{ button_text }}</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="lg:order-first mt-6 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
|
||||||
|
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}"
|
||||||
|
alt="{{ image_alt }}">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user