Merge pull request #251 from prototypa/astro-v3

Minor ui fixes and format
This commit is contained in:
André B
2023-09-02 20:59:04 -04:00
committed by GitHub
13 changed files with 91 additions and 62 deletions

View File

@ -2,6 +2,6 @@
const { isDark = false } = Astro.props;
---
<div class:list={["absolute inset-0", { "bg-dark dark:bg-transparent": isDark }]}>
<slot />
<div class:list={['absolute inset-0', { 'bg-dark dark:bg-transparent': isDark }]}>
<slot />
</div>

View File

@ -115,7 +115,7 @@ export const headerData = {
href: '#',
},
],
actions: [{ type: 'button', text: 'Download', href: 'https://github.com/onwidget/astrowind' }],
actions: [{ text: 'Download', href: 'https://github.com/onwidget/astrowind', target: '_blank' }],
};
export const footerData = {

View File

@ -381,6 +381,7 @@ const metadata = {
title="Let's create together"
subtitle="Ready to transform your vision into captivating designs?"
actions={[{
variant:"primary",
text: 'Hire me',
href: '/',
}]}

View File

@ -42,7 +42,7 @@ const metadata = {
<Hero2
tagline="SaaS Web Demo"
actions={[
{ variant: "primary", target: '_blank', text: 'Get Started', href: 'https://github.com/onwidget/astrowind' },
{ variant: 'primary', target: '_blank', text: 'Get Started', href: 'https://github.com/onwidget/astrowind' },
{ text: 'Learn more', href: '#features' },
]}
image={{

View File

@ -301,6 +301,7 @@ const metadata = {
<CallToAction
actions={[{
variant: "primary",
target: '_blank',
text: 'Get templates',
href: 'https://github.com/onwidget/astrowind',

View File

@ -25,9 +25,9 @@ const metadata = {
actions={[
{
variant: 'primary',
target: '_blank',
text: 'Get template',
href: 'https://github.com/onwidget/astrowind',
target: '_blank',
icon: 'tabler:download',
},
{ text: 'Learn more', href: '#features' },
@ -377,11 +377,15 @@ const metadata = {
<!-- CallToAction Widget *********** -->
<CallToAction
actions={[{
text: 'Get template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}]}
actions={[
{
variant: 'primary',
text: 'Get template',
href: 'https://github.com/onwidget/astrowind',
target: '_blank',
icon: 'tabler:download',
},
]}
>
<Fragment slot="title">
Astro&nbsp;+&nbsp;<br class="block sm:hidden" /><span class="sm:whitespace-nowrap">Tailwind CSS</span>

View File

@ -16,7 +16,10 @@ const metadata = {
tagline="Lead Generation Landing Demo"
title="Effective Lead Generation Landing Page: Unlock the Secrets"
subtitle="Discover the secrets to creating a Landing Page that turns curious visitors into eager leads. (Your Hero should grab attention instantly. Use a powerful headline that speaks directly to your target audience.)"
actions={[{ variant:"primary", text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' }, { text: 'Learn more', href: '#' }]}
actions={[
{ variant: 'primary', text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' },
{ text: 'Learn more', href: '#' },
]}
image={{
src: 'https://images.unsplash.com/photo-1597423498219-04418210827d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1674&q=80',
alt: 'Magnet attracting screws. Lead generation landing page demo',
@ -24,13 +27,15 @@ const metadata = {
/>
<CallToAction
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[{
variant: "primary",
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}]}
/>
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[
{
variant: 'primary',
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
},
]}
/>
</Layout>

View File

@ -27,13 +27,15 @@ const metadata = {
/>
<CallToAction
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[{
variant: "primary",
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}]}
/>
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[
{
variant: 'primary',
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
},
]}
/>
</Layout>

View File

@ -27,13 +27,15 @@ const metadata = {
/>
<CallToAction
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[{
variant: "primary",
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}]}
/>
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[
{
variant: 'primary',
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
},
]}
/>
</Layout>

View File

@ -16,7 +16,10 @@ const metadata = {
tagline="Long-form Sales Demo"
title="Long-form Sales: Sell with a Story: The Long-form Way!"
subtitle="Dive deep into crafting a Landing Page that narrates, persuades, and converts."
actions={[{ variant: "primary", text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' }, { text: 'Learn more', href: '#' }]}
actions={[
{ variant: 'primary', text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' },
{ text: 'Learn more', href: '#' },
]}
image={{
src: 'https://images.unsplash.com/photo-1621452773781-0f992fd1f5cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1626&q=80',
alt: 'Children telling a story. Long-form Sales Landing Page demo',
@ -24,13 +27,15 @@ const metadata = {
/>
<CallToAction
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[{
variant: "primary",
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}]}
/>
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[
{
variant: 'primary',
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
},
]}
/>
</Layout>

View File

@ -16,7 +16,10 @@ const metadata = {
tagline="Subscription Landing Demo"
title="Subscription Landing Page: Turn Casual Browsers into Loyal Subscribers!"
subtitle="Unlock the formula for a Subscription Landing Page that keeps your audience coming back for more."
actions={[{ variant: "primary", text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' },{ text: 'Learn more', href: '#' } ]}
actions={[
{ variant: 'primary', text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' },
{ text: 'Learn more', href: '#' },
]}
image={{
src: 'https://images.unsplash.com/photo-1593510987046-1f8fcfc512a0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
alt: 'Ironic image associated with canceling a subscription. Subscription Landing Page Demo',
@ -24,13 +27,15 @@ const metadata = {
/>
<CallToAction
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[{
variant: "primary",
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}]}
/>
title="Coming soon"
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
actions={[
{
variant: 'primary',
text: 'Download Template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
},
]}
/>
</Layout>

View File

@ -233,9 +233,12 @@ const metadata = {
<CallToAction
title="Ready to boost your projects?"
subtitle="Join our community of satisfied customers who have transformed their work with our templates."
callToAction={{
text: 'Get started now',
href: '/',
}}
actions={[
{
variant: 'primary',
text: 'Get started now',
href: '/',
},
]}
/>
</Layout>

View File

@ -212,6 +212,7 @@ const metadata = {
<CallToAction
actions={[{
variant: "primary",
text: 'Start exploring',
href: '/',
}]}