update webstack
This commit is contained in:
23
src/components/custom/sections/CallToAction.vue
Normal file
23
src/components/custom/sections/CallToAction.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<section class="py-12 px-4 text-center">
|
||||
<div class="w-full max-w-2xl mx-auto">
|
||||
<h2 class="text-5xl leading-tight font-semibold font-heading">
|
||||
{{ cta.title }}
|
||||
</h2>
|
||||
<p class="mt-6 mb-8 text-gray-600 leading-relaxed">
|
||||
{{ cta.excerpt }}
|
||||
</p>
|
||||
<g-link
|
||||
class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 mr-3 font-semibold rounded shadow"
|
||||
:to="cta.link"
|
||||
>{{ cta.button }}</g-link
|
||||
>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["cta"],
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user