Rapidly build modern web apps with

<x-base-layout>

@php
    $items = [
        [
            'color' => 'info',
            'title' => 'Quick Installation',
            'description' => 'Install the dependencies using Yarn or NPM and use our custom made Gulp or Webapck build tools to get your project up and running literally in a minutes.',
            'icon' => 'icons/duotune/coding/cod001.svg',
            'link-text' => 'Install now',
            'link-path' => 'documentation/getting-started/build',
            'target' => '',
        ],

        [
            'color' => 'success',
            'title' => 'Layout Builder',
            'description' => 'Just build your layout, preview it in real time and export the HTML template with it\'s includable partials for your server side integration.',
            'icon' => 'icons/duotune/art/art006.svg',
            'link-text' => 'Preview and export',
            'link-path' => theme()->getOption('product', 'preview') . '/' . theme()->getDemo() . '/layout-builder.html',
            'target' => '_blank',
        ],

        [
            'color' => 'danger',
            'title' => 'Extended Utility Classes',
            'description' => 'Build whatever you want without a single line of CSS/SASS code by just using our low-level utility classes and base components.',
            'icon' => 'icons/duotune/abstract/abs027.svg',
            'link-text' => 'Learn more',
            'link-path' => theme()->getOption('product', 'preview') . '/' . theme()->getDemo() . '/documentation/base/utilities.html',
            'target' => '_blank',
        ],

        [
            'color' => 'warning',
            'title' => '40+ In-house Components',
            'description' => 'Our exclusive components such as KTMenu, KTPasswordMeter, KTDrawer are made to empower your next project with our novel UI/UX vision.',
            'icon' => 'icons/duotune/art/art006.svg',
            'link-text' => 'Browse components',
            'link-path' => theme()->getOption('product', 'preview') . '/' . theme()->getDemo() . '/documentation/forms/password-meter.html',
            'target' => '_blank',
        ],

        [
            'color' => 'success',
            'title' => '3rd Party Plugins',
            'description' => 'All popular 3rd-party plugins are deeply customized to meet our design system requirements and look alike with the rest of the in-house components.',
            'icon' => 'icons/duotune/general/gen025.svg',
            'link-text' => 'Learn more',
            'link-path' => theme()->getOption('product', 'preview') . '/' . theme()->getDemo() . '/documentation/forms/flatpickr.html',
            'target' => '_blank',
        ],

        [
            'color' => 'primary',
            'title' => 'SVG & Font Icons',
            'description' => 'Fulfill your icon needs with over 5000 available icons from SVG Duotone, Bootstrap Icons, Font Awesome, and Line Awesome sets.',
            'icon' => 'icons/duotune/abstract/abs027.svg',
            'link-text' => 'Browse icons',
            'link-path' => theme()->getOption('product', 'preview') . '/' . theme()->getDemo() . '/documentation/general/icons/duotone.html',
            'target' => '_blank',
        ]
    ];
@endphp

<!--begin::Section-->
    <div class="px-md-10 pt-md-10 pb-md-5">
        <!--begin::Block-->
        <div class="text-center mb-20">
            <h1 class="fs-2tx fw-bolder mb-8">
                Rapidly build modern web apps with
                <span class="d-inline-block position-relative ms-2">
                <span class="d-inline-block mb-2">