From 55ac68f0860f9f522934df9145de0a98944168f1 Mon Sep 17 00:00:00 2001 From: prototypa Date: Sat, 2 Sep 2023 20:52:55 -0400 Subject: [PATCH] Minor ui fixes and format --- src/components/ui/Background.astro | 4 ++-- src/navigation.js | 2 +- src/pages/homes/personal.astro | 1 + src/pages/homes/saas.astro | 2 +- src/pages/homes/startup.astro | 1 + src/pages/index.astro | 16 ++++++++++------ src/pages/landing/lead-generation.astro | 25 +++++++++++++++---------- src/pages/landing/pre-launch.astro | 20 +++++++++++--------- src/pages/landing/product.astro | 20 +++++++++++--------- src/pages/landing/sales.astro | 25 +++++++++++++++---------- src/pages/landing/subscription.astro | 25 +++++++++++++++---------- src/pages/pricing.astro | 11 +++++++---- src/pages/services.astro | 1 + 13 files changed, 91 insertions(+), 62 deletions(-) diff --git a/src/components/ui/Background.astro b/src/components/ui/Background.astro index 0032b2f..791cef9 100644 --- a/src/components/ui/Background.astro +++ b/src/components/ui/Background.astro @@ -2,6 +2,6 @@ const { isDark = false } = Astro.props; --- -
- +
+
diff --git a/src/navigation.js b/src/navigation.js index b9b2074..d62db92 100644 --- a/src/navigation.js +++ b/src/navigation.js @@ -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 = { diff --git a/src/pages/homes/personal.astro b/src/pages/homes/personal.astro index 7d70f82..9f7c0e0 100644 --- a/src/pages/homes/personal.astro +++ b/src/pages/homes/personal.astro @@ -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: '/', }]} diff --git a/src/pages/homes/saas.astro b/src/pages/homes/saas.astro index 2b37b9f..730c340 100644 --- a/src/pages/homes/saas.astro +++ b/src/pages/homes/saas.astro @@ -42,7 +42,7 @@ const metadata = { Astro + 
Tailwind CSS diff --git a/src/pages/landing/lead-generation.astro b/src/pages/landing/lead-generation.astro index 38c28bb..09f6fad 100644 --- a/src/pages/landing/lead-generation.astro +++ b/src/pages/landing/lead-generation.astro @@ -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 = { /> + 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', + }, + ]} + /> diff --git a/src/pages/landing/pre-launch.astro b/src/pages/landing/pre-launch.astro index 83f82d9..43c9da7 100644 --- a/src/pages/landing/pre-launch.astro +++ b/src/pages/landing/pre-launch.astro @@ -27,13 +27,15 @@ const metadata = { /> + 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', + }, + ]} + /> diff --git a/src/pages/landing/product.astro b/src/pages/landing/product.astro index b13a9d9..238cd7e 100644 --- a/src/pages/landing/product.astro +++ b/src/pages/landing/product.astro @@ -27,13 +27,15 @@ const metadata = { /> + 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', + }, + ]} + /> diff --git a/src/pages/landing/sales.astro b/src/pages/landing/sales.astro index 376ba33..f992a46 100644 --- a/src/pages/landing/sales.astro +++ b/src/pages/landing/sales.astro @@ -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 = { /> + 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', + }, + ]} + /> diff --git a/src/pages/landing/subscription.astro b/src/pages/landing/subscription.astro index 619c6c5..192b6e3 100644 --- a/src/pages/landing/subscription.astro +++ b/src/pages/landing/subscription.astro @@ -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 = { /> + 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', + }, + ]} + /> diff --git a/src/pages/pricing.astro b/src/pages/pricing.astro index 08c0422..0e7fb1a 100644 --- a/src/pages/pricing.astro +++ b/src/pages/pricing.astro @@ -233,9 +233,12 @@ const metadata = { diff --git a/src/pages/services.astro b/src/pages/services.astro index 783c766..0982371 100644 --- a/src/pages/services.astro +++ b/src/pages/services.astro @@ -212,6 +212,7 @@ const metadata = {