<!-- Error rendering component -->
<!-- Could not render component '@footer-items--address' - component not found. -->
<!-- Error: Could not render component '@footer-items--address' - component not found.
at Object.render (/opt/build/repo/node_modules/@frctl/handlebars/src/helpers/render.js:25:19)
at Object.helperWrapper (/opt/build/repo/node_modules/promised-handlebars/index.js:130:23)
at Object.<anonymous> (/opt/build/repo/node_modules/promised-handlebars/lib/utils.js:29:28)
at Object.wrapper (/opt/build/repo/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
at Object.eval [as main] (eval at createFunctionContext (/opt/build/repo/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:13:102)
at main (/opt/build/repo/node_modules/handlebars/dist/cjs/handlebars/runtime.js:208:32)
at ret (/opt/build/repo/node_modules/handlebars/dist/cjs/handlebars/runtime.js:212:12)
at ret (/opt/build/repo/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:519:21)
at prepareAndResolveMarkers (/opt/build/repo/node_modules/promised-handlebars/index.js:99:39)
at /opt/build/repo/node_modules/promised-handlebars/lib/utils.js:29:28
at HandlebarsAdapter.render (/opt/build/repo/node_modules/@frctl/handlebars/src/adapter.js:34:30)
at ComponentSource._renderVariant (/opt/build/repo/node_modules/@frctl/fractal/src/api/components/source.js:207:30)
at _renderVariant.next (<anonymous>)
at onFulfilled (/opt/build/repo/node_modules/co/index.js:65:19)
at bound (domain.js:426:14)
at runBound (domain.js:439:12) -->
<div class="page-wrapper about-us__page-wrapper">
{{ render '@header--category-page' }}
<div class="about-us">
<div class="about-us__page-header">
<div class="row">
<div class="col-lg-8">
{{ render '@image' storeImage }}
</div>
<div class="about-us__footer-items col-lg-4">
<div class="row">
<div class="col-sm-6 col-lg-4 col-xl-6">
{{ render '@footer-items--address' }}
</div>
<div class="col-sm-6 col-lg-8 col-xl-6">
{{ render '@footer-items--openinghours' }}
</div>
</div>
</div>
</div>
</div>
<div class="about-us__wrapper">
<div class="about-us__firstblock">
<div class="container">
<div class="about-us__heading">
{{ firstHeading }}
</div>
<div class="about-us__content">
<div class="col-lg-8">
{{ firstContent }}
</div>
</div>
<div class="about-us__image">
{{ render '@image' aboutusImage }}
</div>
<div class="about-us__content">
<div class="col-lg-8">
{{ secondContent }}
</div>
</div>
</div>
</div>
<div class="about-us__secondblock">
<div class="container">
<div class="about-us__heading">
{{ secondHeading }}
</div>
<div class="about-us__content">
<div class="col-lg-8">
{{ thirdContent }}
</div>
</div>
<div class="about-us__image">
{{ render '@image' aboutusImage }}
</div>
</div>
</div>
</div>
</div>
</div>
{{ render '@footer' }}
{
"storeImage": {
"dataSrc": "/images/about-us/storeImage.png"
},
"aboutusImage": {
"dataSrc": "/images/about-us/aboutusImage.png"
},
"firstHeading": "Kom naar de showroom",
"secondHeading": "Hoe het begon",
"firstContent": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut est augue, lacinia id luctus nec, sagittis vel leo. Nullam finibus dolor at metus fringilla, eu scelerisque felis euismod. Suspendisse sem leo, accumsan vitae eros et, dignissim pharetra odio. Nullam scelerisque orci vitae varius finibus. Maecenas velit dolor, feugiat ut quam nec, pulvinar egestas lectus. Sed blandit metus in massa ultricies pharetra",
"secondContent": "Maecenas tristique lectus et facilisis vulputate. Morbi massa metus, volutpat ac tempus non, luctus sit amet nisl. Aliquam nunc tellus, consequat at felis id, venenatis convallis magna. Sed viverra diam ligula, at porttitor diam tempus id. Nam tempor porttitor libero, eget ultrices mi aliquam sed. Sed ante mi, porta vitae purus ac, feugiat mattis lacus. Aliquam tortor urna, venenatis maximus dictum et, condimentum nec sapien. Pellentesque ut varius metus, id rhoncus neque. Nulla facilisi. Aliquam cursus facilisis tortor.",
"thirdContent": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut est augue, lacinia id luctus nec, sagittis vel leo. Nullam finibus dolor at metus fringilla, eu scelerisque felis euismod. Suspendisse sem leo, accumsan vitae eros et, dignissim pharetra odio. Nullam scelerisque orci vitae varius finibus. Maecenas velit dolor, feugiat ut quam nec, pulvinar egestas lectus. Sed blandit metus in massa ultricies pharetra"
}
.about-us {
&__page-wrapper {
background-color: #ecf5f4;
}
&__page-header {
background: $white;
}
&__heading {
color: $red;
font-family: $font-family-evogria;
font-size: 35px;
text-transform: uppercase;
padding: 15px 0;
}
&__content {
color: $gray-font;
font-family: $font-family-saira;
font-size: $font-size-base;
padding: 25px 0;
}
&__image {
padding: 25px 0;
}
&__footer-items {
display: flex;
align-items: center;
justify-content: center;
padding: 25px 25px 0;
@include mq($screen-s) {
justify-content: flex-start;
}
@include mq($screen-l) {
padding: 0 10px;
}
@include mq($screen-xl) {
padding: 25px 25px 0;
}
}
&__firstblock {
padding: 60px 0;
background: $white;
}
&__secondblock {
padding: 60px 0 120px;
}
}
There are no notes for this item.