---
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="/page2",
  button_text_2="Button2",
  button_link_2="/page3"
  
) }}


<!-- --------------------------------------------------- -->

<!-- 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="/page3" 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 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="relative isolate overflow-hidden  px-6 lg:py-12 py-8 text-center shadow-lg sm:px-8 border border-gray-100">


## 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="/page3" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>

</div>
</div>



<!-- --------------------------------------------------- -->