update why page
This commit is contained in:
parent
70213fe460
commit
c38b282987
@ -25,10 +25,14 @@ template = "index.html"
|
||||
) }}
|
||||
|
||||
|
||||
|
||||
## About This Site
|
||||
|
||||
This is a modern, responsive website built with [Zola](https://www.getzola.org/) and styled with [Tailwind CSS](https://tailwindcss.com/). It demonstrates the use of shortcodes and markdown together to create beautiful, reusable components.
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
|
||||
{{
|
||||
feature_card(
|
||||
|
||||
109
content/why.md
Normal file
109
content/why.md
Normal file
@ -0,0 +1,109 @@
|
||||
+++
|
||||
title = "Why Choose Us"
|
||||
template = "index.html"
|
||||
date = 2025-03-22
|
||||
+++
|
||||
|
||||
{{ hero(
|
||||
title="Why Choose Our Solution",
|
||||
subtitle="Discover the benefits and advantages that set us apart",
|
||||
button_text="Get Started",
|
||||
button_link="/blog",
|
||||
bg_color="bg-gradient-to-r from-purple-600 to-indigo-600"
|
||||
) }}
|
||||
|
||||
## 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.
|
||||
|
||||
<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
|
||||
|
||||
{{
|
||||
cta(
|
||||
title="Ready to Experience the Difference?",
|
||||
description="Join the many satisfied clients who have transformed their operations with our solutions.",
|
||||
button_text="Contact Us",
|
||||
button_link="#",
|
||||
bg_color="bg-indigo-100",
|
||||
text_color="text-indigo-800"
|
||||
)
|
||||
}}
|
||||
|
||||
## 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"
|
||||
)
|
||||
}}
|
||||
File diff suppressed because one or more lines are too long
@ -10,11 +10,13 @@
|
||||
A beautiful site built with Zola and Tailwind CSS.
|
||||
</p>
|
||||
</div> -->
|
||||
<div class="flex items-center justify-center">
|
||||
<div>
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
<div class="">
|
||||
{% if section.content %}
|
||||
{% if section and section.content %}
|
||||
{{ section.content | safe }}
|
||||
{% elif page and page.content %}
|
||||
{{ page.content | safe }}
|
||||
{% else %}
|
||||
<p>This is a starter template for your Zola site with Tailwind CSS.</p>
|
||||
<p>Edit the content in <code>content/_index.md</code> to customize this page.</p>
|
||||
@ -24,7 +26,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
|
||||
{% if section and section.pages %}
|
||||
<!-- <div class="mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
|
||||
{% for page in section.pages %}
|
||||
<a href="{{ page.permalink }}" class="bg-white overflow-hidden shadow rounded-lg hover:shadow-lg transition-shadow duration-300">
|
||||
<div class="px-4 py-5 sm:p-6">
|
||||
@ -38,5 +41,6 @@
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div> -->
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
@ -8,6 +8,7 @@
|
||||
<div class="hidden md:block">
|
||||
<div class="ml-10 flex items-baseline space-x-4">
|
||||
<a href="{{ config.base_url }}" class="{% if current_path == '/' %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} px-3 py-2 rounded-md text-sm font-medium">Home</a>
|
||||
<a href="{{ get_url(path='why') }}" class="{% if current_path is starting_with('/why') %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} px-3 py-2 rounded-md text-sm font-medium">Why Us</a>
|
||||
<a href="{{ get_url(path='blog') }}" class="{% if current_path is starting_with('/blog') %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} px-3 py-2 rounded-md text-sm font-medium">Blog</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -53,6 +54,7 @@
|
||||
<div class="md:hidden hidden" id="mobile-menu">
|
||||
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
|
||||
<a href="{{ config.base_url }}" class="{% if current_path == '/' %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} block px-3 py-2 rounded-md text-base font-medium">Home</a>
|
||||
<a href="{{ get_url(path='why') }}" class="{% if current_path is starting_with('/why') %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} block px-3 py-2 rounded-md text-base font-medium">Why Us</a>
|
||||
<a href="{{ get_url(path='blog') }}" class="{% if current_path is starting_with('/blog') %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} block px-3 py-2 rounded-md text-base font-medium">Blog</a>
|
||||
<a href="https://github.com/getzola/zola" target="_blank" rel="noopener" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Zola Docs</a>
|
||||
<a href="https://tailwindcss.com/docs" target="_blank" rel="noopener" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Tailwind Docs</a>
|
||||
@ -61,7 +63,6 @@
|
||||
<svg id="mobile-theme-toggle-icon" class="w-5 h-5 ml-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user