This commit is contained in:
prototypa
2023-08-21 20:01:12 -04:00
2 changed files with 56 additions and 63 deletions

View File

@ -6,11 +6,11 @@ import Hero2 from '~/components/widgets/Hero2.astro';
import Features from '~/components/widgets/Features.astro';
import Steps2 from '~/components/widgets/Steps2.astro';
import Content from '~/components/widgets/Content.astro';
import CallToAction from '~/components/widgets/CallToAction.astro';
import Pricing from '~/components/widgets/Pricing.astro';
import { headerData } from '~/navigation';
import FAQs from '~/components/widgets/FAQs.astro';
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
const metadata = {
title: 'Saas Landing Page',
@ -41,7 +41,7 @@ const metadata = {
<Hero2
tagline="SaaS Web Demo"
callToAction={{ text: 'Get template', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
callToAction={{ text: 'Get Started', href: 'https://github.com/onwidget/astrowind' }}
callToAction2={{ 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',
@ -232,7 +232,7 @@ const metadata = {
<!-- Pricing Widget ******************* -->
<Pricing
title="Flexible pricing plans for AstroWind"
title="Flexible pricing plans"
prices={[
{
title: 'free',
@ -309,48 +309,40 @@ const metadata = {
<!-- Steps2 Widget ****************** -->
<Steps2
title="Sed ac magna sit amet risus tristique interdum, at vel velit in hac habitasse platea dictumst."
subtitle="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla, sed porttitor est nibh at nulla. Praesent placerat enim ut ex tincidunt vehicula. Fusce sit amet dui tellus."
title="Reach out to us"
subtitle="Have questions? Feel free to contact us using the form below. We're here to help!"
callToAction={{
text: 'Get template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
text: 'Contact us',
href: '/',
}}
items={[
{
title: 'Responsive Elements',
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
title: 'Email us',
description: 'contact@support.com',
icon: 'tabler:mail',
},
{
title: 'Flexible Team',
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
title: 'Call us',
description: '+1 (234) 567-890',
icon: 'tabler:headset',
},
{
title: 'Ecologic Software',
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
title: 'Follow us',
description: '@example',
icon: 'tabler:brand-twitter',
},
]}
/>
<!-- CallToAction Widget *********** -->
<!-- BlogLatestPost Widget **************** -->
<CallToAction
callToAction={{
text: 'Get template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}}
<BlogLatestPosts
id="blog"
title="Stay informed with AstroWind's blog"
information={`Explore our collection of articles, guides, and tutorials on web development, design trends, and using AstroWind effectively for your projects.`}
>
<Fragment slot="title">
Astro + <br class="block sm:hidden" /><span class="sm:whitespace-nowrap"> Tailwind CSS</span>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
<Fragment slot="subtitle">
Be very surprised by these huge fake numbers you are seeing on this page. <br class="hidden md:inline" />Don't
waste more time! :P
</Fragment>
</CallToAction>
</BlogLatestPosts>
</Layout>

View File

@ -24,10 +24,6 @@ const metadata = {
callToAction2={{ text: 'Learn more', href: '#features' }}
>
<Fragment slot="title">
<!-- Astrowind: <span class="hidden sm:inline">empowering</span> your website with <span
class="text-accent dark:text-white highlight">Astro 2.0</span
> + Tailwind CSS <span class="hidden sm:inline">templates</span> -->
Improve <span class="hidden sm:inline">the online presence of</span> your <span
class="text-accent dark:text-white highlight">Startup</span
> with Astrowind templates
@ -54,13 +50,24 @@ const metadata = {
</Fragment>
</Hero>
<!-- Features2 Widget ************** -->
<Features2
title="About us"
subtitle="We believe in the magic of turning dreams into stunning realities. Founded by passionate developers with a shared vision, we set out to simplify the website creation process. Our templates bring together the innovation of Astro 2.0 and the versatility of Tailwind CSS, enabling you to express your unique brand identity like never before."
>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</Features2>
<!-- Stats Widget ****************** -->
<Stats
title="Our statistics"
title="Our impressive statistics"
stats={[
{ title: 'Templates', amount: '56' },
{ title: 'Downloads', amount: '182K' },
{ title: 'Websites Launched', amount: '87' },
{ title: 'User Ratings', amount: '4.8' },
{ title: 'Satisfied Clients', amount: '116K' },
]}
@ -73,7 +80,7 @@ const metadata = {
subtitle="We offer a wide range of website templates that suit various industries and purposes such as business, portfolio, e-commerce, blog, etc."
items={[
{
title: 'Download and Installation Instructions',
title: 'Installation Instructions',
description:
'Offer clear instructions on how to download the purchased templates and install them on various website platforms or content management systems.',
icon: 'flat-color-icons:document',
@ -183,26 +190,6 @@ const metadata = {
</Fragment>
</FAQs>
<!-- CallToAction Widget *********** -->
<CallToAction
callToAction={{
targetBlank: true,
text: 'Get template',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}}
>
<Fragment slot="title">
Astro + <br class="block sm:hidden" /><span class="sm:whitespace-nowrap"> Tailwind CSS</span>
</Fragment>
<Fragment slot="subtitle">
Be very surprised by these huge fake numbers you are seeing on this page. <br class="hidden md:inline" />Don't
waste more time! :P
</Fragment>
</CallToAction>
<!-- Features3 Widget ************** -->
<Features3
@ -247,9 +234,23 @@ const metadata = {
},
},
]}
/>
<!-- CallToAction Widget *********** -->
<CallToAction
callToAction={{
targetBlank: true,
text: 'Get templates',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}}
>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
<Fragment slot="title">Be a part of our vision</Fragment>
<Fragment slot="subtitle">
Discover a dynamic work environment, unparalleled growth opportunities, and the chance to make a meaningful
impact.
</Fragment>
</Features3>
</CallToAction>
</Layout>