Replace component CTA with Button with new props
This commit is contained in:
@@ -19,13 +19,16 @@ const metadata = {
|
||||
|
||||
<Hero2
|
||||
tagline="Mobile App Web Demo"
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
text: 'Download App',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
}}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
actions={[
|
||||
{
|
||||
variant:"primary",
|
||||
target: '_blank',
|
||||
text: 'Download App',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
},
|
||||
{ text: 'Learn more', href: '#features' },
|
||||
]}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1535303311164-664fc9ec6532?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80',
|
||||
alt: 'AstroWind Hero Image',
|
||||
@@ -203,7 +206,7 @@ const metadata = {
|
||||
},
|
||||
]}
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Read more testimonials',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:chevron-right',
|
||||
|
||||
@@ -25,7 +25,7 @@ const metadata = {
|
||||
{ text: 'Resume', href: '#resume' },
|
||||
{ text: 'Porfolio', href: '#porfolio' },
|
||||
{ text: 'Blog', href: '#blog' },
|
||||
{ text: 'Github', href: '#' },
|
||||
{ text: 'Github', href: 'https://github.com/onwidget' },
|
||||
]}
|
||||
actions={[
|
||||
{
|
||||
@@ -44,7 +44,7 @@ const metadata = {
|
||||
id="hero"
|
||||
title="Sarah Johnson"
|
||||
tagline="Personal Web Demo"
|
||||
callToAction={{ targetBlank: true, text: 'Hire me', href: '/' }}
|
||||
actions={[{ variant: "primary", target: '_blank', text: 'Hire me', href: '/' }]}
|
||||
>
|
||||
<Fragment slot="subtitle">
|
||||
I'm a Graphic Designer passionate about crafting visual stories. <br /> With 5 years of experience and a degree
|
||||
@@ -62,7 +62,7 @@ const metadata = {
|
||||
{
|
||||
icon: 'tabler:brand-dribbble',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Dribbble',
|
||||
href: '#',
|
||||
},
|
||||
@@ -70,7 +70,7 @@ const metadata = {
|
||||
{
|
||||
icon: 'tabler:brand-behance',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Behance',
|
||||
href: '#',
|
||||
},
|
||||
@@ -78,7 +78,7 @@ const metadata = {
|
||||
{
|
||||
icon: 'tabler:brand-pinterest',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Pinterest',
|
||||
href: '#',
|
||||
},
|
||||
@@ -220,7 +220,7 @@ const metadata = {
|
||||
alt: 'Tech Design Image',
|
||||
}}
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
@@ -258,7 +258,7 @@ const metadata = {
|
||||
alt: 'Art and Music Poster Image',
|
||||
}}
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
@@ -295,7 +295,7 @@ const metadata = {
|
||||
alt: 'Fashion e-commerce Image',
|
||||
}}
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
|
||||
@@ -13,7 +13,7 @@ import FAQs from '~/components/widgets/FAQs.astro';
|
||||
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
|
||||
|
||||
const metadata = {
|
||||
title: 'Saas Landing Page',
|
||||
title: 'SaaS Landing Page',
|
||||
};
|
||||
---
|
||||
|
||||
@@ -23,12 +23,12 @@ const metadata = {
|
||||
{...headerData}
|
||||
actions={[
|
||||
{
|
||||
type: 'ghost',
|
||||
variant: 'secondary',
|
||||
text: 'Login',
|
||||
href: '#',
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
variant: 'primary',
|
||||
text: 'Sign Up',
|
||||
href: '#',
|
||||
},
|
||||
@@ -41,8 +41,10 @@ const metadata = {
|
||||
|
||||
<Hero2
|
||||
tagline="SaaS Web Demo"
|
||||
callToAction={{ targetBlank: true, text: 'Get Started', href: 'https://github.com/onwidget/astrowind' }}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
actions={[
|
||||
{ variant: "primary", target: '_blank', text: 'Get Started', href: 'https://github.com/onwidget/astrowind' },
|
||||
{ text: 'Learn more', href: '#features' },
|
||||
]}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1580481072645-022f9a6dbf27?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
|
||||
alt: 'AstroWind Hero Image',
|
||||
@@ -240,7 +242,7 @@ const metadata = {
|
||||
price: '0',
|
||||
period: '/ month',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Get Started for Free',
|
||||
href: '#',
|
||||
},
|
||||
@@ -251,7 +253,7 @@ const metadata = {
|
||||
price: 15,
|
||||
period: '/ Month',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Upgrade to Pro',
|
||||
href: '#',
|
||||
},
|
||||
@@ -264,7 +266,7 @@ const metadata = {
|
||||
price: 45,
|
||||
period: '/ Month',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Unlock Enterprise Features',
|
||||
href: '#',
|
||||
},
|
||||
|
||||
@@ -21,13 +21,16 @@ const metadata = {
|
||||
|
||||
<Hero
|
||||
tagline="Startup Web Demo"
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
text: 'Get templates',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
}}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
actions={[
|
||||
{
|
||||
variant: 'primary',
|
||||
target: '_blank',
|
||||
text: 'Get templates',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
},
|
||||
{ text: 'Learn more', href: '#features' },
|
||||
]}
|
||||
>
|
||||
<Fragment slot="title">
|
||||
Improve <span class="hidden sm:inline">the online presence of</span> your <span
|
||||
@@ -255,36 +258,40 @@ const metadata = {
|
||||
title: 'Phone',
|
||||
icon: 'tabler:phone',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Call us',
|
||||
href: '/',
|
||||
variant: 'link',
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Email',
|
||||
icon: 'tabler:mail',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Write to us',
|
||||
href: '/',
|
||||
variant: 'link',
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Chat with sales',
|
||||
icon: 'tabler:message-circle',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Start chatting',
|
||||
href: '/',
|
||||
variant: 'link',
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Chat with support',
|
||||
icon: 'tabler:message-circle',
|
||||
callToAction: {
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Start chatting',
|
||||
href: '/',
|
||||
variant: 'link',
|
||||
},
|
||||
},
|
||||
]}
|
||||
@@ -294,7 +301,7 @@ const metadata = {
|
||||
|
||||
<CallToAction
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
target: '_blank',
|
||||
text: 'Get templates',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
|
||||
Reference in New Issue
Block a user