<!-- Error rendering component -->
<!-- (unknown path)
Error: Could not render component '@button--only-text' - component not found. -->
<!-- Template render error: (unknown path)
Error: Could not render component '@button--only-text' - component not found.
at Object._prettifyError (/ng/node_modules/nunjucks/src/lib.js:32:11)
at /ng/node_modules/nunjucks/src/environment.js:464:19
at eval (eval at _compile (/ng/node_modules/nunjucks/src/environment.js:527:18), <anonymous>:17:11)
at eval (eval at _compile (/ng/node_modules/nunjucks/src/environment.js:527:18), <anonymous>:54:11)
at eval (eval at _compile (/ng/node_modules/nunjucks/src/environment.js:527:18), <anonymous>:46:11)
at /ng/node_modules/@frctl/nunjucks/src/extensions/render.js:47:25
at process.processTicksAndRejections (node:internal/process/task_queues:95:5) -->
{% extends "@section-wrapper" %}
{% block content %}
<div class="flex flex-col md:flex-row gap-y-6 md:gap-y-0 md:gap-x-8 lg:gap-x-12 items-center">
{% if component %}
<div class="flex-shrink-0 md:w-2/5 lg:w-1/2{% if componentClass %} {{ componentClass }}{% endif %}">
{% render '@' + component.handle, component.context|default({}), true %}
</div>
{% endif %}
<div class="md:max-w-md mx-auto">
<h2 class="text-2xl sm:text-3xl lg:text-4xl leading-9 font-bold mb-3 lg:mb-6">{{ title }}</h2>
<p class="lg:text-lg text-gray-600">{{ body }}</p>
{% if button %}
<div class="mt-4 lg:mt-6">
{% render '@button--only-text', button, true %}
</div>
{% endif %}
</div>
</div>
{% endblock %}
{
"title": "Tailored for your project",
"body": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta optio placeat quisquam minus rem omnis, aliquam consequatur at deleniti, laudantium fugiat ratione? Minima voluptatem, aliquam quod dolorem necessitatibus, blanditiis, itaque deleniti.",
"component": {
"handle": "image--full",
"context": {
"src": "/illustrations/work.svg",
"width": 741,
"height": 474
}
},
"button": {
"label": "Read more"
}
}
No notes defined.