68 lines
2.3 KiB
Plaintext
68 lines
2.3 KiB
Plaintext
---
|
|
import Layout from '~/layouts/PageLayout.astro';
|
|
|
|
import Header from '~/components/widgets/Header.astro';
|
|
import Hero from '~/components/widgets/Hero.astro';
|
|
import CallToAction from '~/components/widgets/CallToAction.astro';
|
|
|
|
import { headerData } from '~/data';
|
|
|
|
const meta = {
|
|
title: "Startup Landing Page",
|
|
};
|
|
---
|
|
|
|
<Layout {meta}>
|
|
<Fragment slot="header">
|
|
<Header
|
|
{...headerData}
|
|
showRssFeed
|
|
showToggleTheme
|
|
position="left"
|
|
/>
|
|
</Fragment>
|
|
|
|
<!-- Hero2 Widget ******************* -->
|
|
|
|
<Hero
|
|
callToAction={{ text: 'Get template', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
|
|
callToAction2={{ text: 'Learn more', href: '#features' }}
|
|
>
|
|
<Fragment slot="title">
|
|
Free template for <span class="hidden lg:inline">create your website <br />with</span>
|
|
<span class="text-accent dark:text-white highlight"> Astro v2</span> + Tailwind CSS
|
|
</Fragment>
|
|
|
|
<Fragment slot="subtitle">
|
|
<span class="hidden sm:inline">
|
|
<span class="font-semibold">AstroWind</span> is a free, customizable and production-ready template for Astro 2 +
|
|
Tailwind CSS.</span
|
|
>
|
|
<span class="block mb-1 sm:hidden font-bold text-blue-600">AstroWind: Production-ready.</span> Suitable for Startups,
|
|
Small Business, Sass Websites, Professional Portfolios, Marketing Websites, Landing Pages & Blogs.
|
|
</Fragment>
|
|
|
|
<Fragment slot="image">
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/dsTXcSeAZq8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="width:100%"></iframe>
|
|
</Fragment>
|
|
</Hero>
|
|
|
|
<!-- CallToAction Widget *********** -->
|
|
|
|
<CallToAction
|
|
callToAction={{
|
|
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>
|
|
</Layout> |