ubdate base

content/home/index.md

@@ -0,0 +1,117 @@
++++
+title = "Home"
+sort_by = "date"
+template = "index.html"
++++
+
+{{ hero3(
+    announcement='<a href="#" class="font-semibold text-gray-300 hover:text-white">Read more &rarr;</a>',
+    subheader="SUBHEADER",
+    title="This is Hero1.htmll",
+    subtitle="This is smaller title h2",
+    description="Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.",
+    button1_text="Get started",
+    button1_link="#",
+    button2_text="Learn more",
+    button2_link="#"
+) }}
+
+{{ 
+    hero2(
+        title="Welcome to Your Zola Site",
+        subtitle="A modern, responsive website built with Zola and styled with Tailwind CSS", 
+        button_text="Learn More", 
+        button_link="/blog", bg_color="bg-blue-700"
+) }}
+
+
+<div class="container mx-auto relative isolate overflow-hidden lg:py-24 py-12">
+
+<div class="mx-auto max-w-7xl px-6 py-12">
+
+<div class="mx-auto max-w-2xl lg:mx-0">
+
+##### TECHNOLOGY
+
+## Compute, Data, and Network
+
+<br>
+
+Our cloud platform harnesses the latest innovations in compute, data, and network technologies to deliver exceptional performance and efficiency.
+
+</div>
+
+<br>
+
+<div class="pb-10 grid grid-cols-1 gap-8 mt-6 lg:grid-cols-3">
+
+{{ features_card(
+  title="Zero-OS",
+  description="The Bare Metal Operating System can be hosted by everyone on any computer hardware and doesn’t need human intervention."
+) }}
+
+{{ features_card(
+  title="QSS",
+  description="The Quantum Safe Storage system is upto 10x more efficient, allows data to be stored with full control over locality, data can not be lost nor corrupted."
+) }}
+
+{{ features_card(
+  title="Mycelium",
+  description="Mycelium Network is compatible with any Internet and is capable to find the shortest path between participants (apps and people)."
+) }}
+
+
+</div>
+
+<div class="justify-center items-center flex">
+  <a href="/technology" class="rounded-md mt-8 bg-indigo-400 px-3 py-2 font-semibold text-white shadow-sm hover:bg-indigo-600 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
+</div>
+
+</div>
+</div>
+
+
+
+## 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(
+        title="Fast and Lightweight", 
+        description="Zola generates static HTML files that load quickly", 
+        icon="⚡"
+        ) 
+}}
+
+{{ feature_card(title="Modern Design", description="Tailwind CSS provides utility classes for rapid UI development", icon="🎨") }}
+
+{{ feature_card(title="Responsive Layout", description="Looks great on all devices, from mobile to desktop", icon="📱") }}
+
+{{ feature_card(title="Markdown Content", description="Write your content in Markdown for easy formatting", icon="📝") }}
+
+{{ feature_card(title="Syntax Highlighting", description="Code blocks are automatically highlighted", icon="💻") }}
+
+{{ feature_card(title="Search Functionality", description="Built-in search for your content", icon="🔍") }}
+
+</div>
+
+### Getting Started
+
+To add new content, create Markdown files in the `content` directory. Zola will automatically generate pages for each file.
+
+For more information, check out the [Zola documentation](https://www.getzola.org/documentation/getting-started/overview/) and [Tailwind CSS documentation](https://tailwindcss.com/docs).
+
+{{ 
+    cta(
+        title="Ready to Get Started?", 
+        description="Create your own beautiful website with Zola and Tailwind CSS today.", 
+        button_text="View Blog", 
+        button_link="/blog") 
+}}
+
+