added intial changes
This commit is contained in:
BIN
src/assets/images/mainimage.png
Normal file
BIN
src/assets/images/mainimage.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
src/assets/images/wallapaper-737-runway.png
Normal file
BIN
src/assets/images/wallapaper-737-runway.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 628 KiB |
BIN
src/assets/images/xplane-dualprop-wallpaper.png
Normal file
BIN
src/assets/images/xplane-dualprop-wallpaper.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
src/assets/images/xplane-image-2.jpeg
Normal file
BIN
src/assets/images/xplane-image-2.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
@@ -2,5 +2,5 @@
|
||||
---
|
||||
|
||||
<span class="self-center ml-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
|
||||
🚀 AstroWind</span
|
||||
Xplane WebRTC</span
|
||||
>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
---
|
||||
|
||||
<div
|
||||
<!-- <div
|
||||
class="hidden md:block bg-blue-900 dark:bg-slate-800 dark:border-slate-800 dark:text-slate-400 border-b border-blue-900 text-sm px-3 py-2 text-gray-200 overflow-hidden whitespace-nowrap text-ellipsis"
|
||||
>
|
||||
<span class="text-xs py-0.5 px-1 bg-primary dark:bg-slate-700 dark:text-slate-300 font-semibold">NEW</span>
|
||||
@@ -24,4 +24,4 @@
|
||||
height="20"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
import defaultImage from './assets/images/default.png';
|
||||
|
||||
const CONFIG = {
|
||||
name: 'AstroWind',
|
||||
name: 'Xplane WebRTC',
|
||||
|
||||
origin: 'https://astrowind.vercel.app',
|
||||
basePathname: '/',
|
||||
trailingSlash: false,
|
||||
|
||||
title: 'AstroWind — Free template for create a website with Astro + Tailwind CSS',
|
||||
title: 'Xplane WebRTC',
|
||||
description:
|
||||
'🚀 Suitable for Startups, Small Business, Sass Websites, Professional Portfolios, Marketing Websites, Landing Pages & Blogs.',
|
||||
'',
|
||||
defaultImage: defaultImage,
|
||||
|
||||
defaultTheme: 'system', // Values: "system" | "light" | "dark" | "light:only" | "dark:only"
|
||||
|
||||
216
src/data.js
216
src/data.js
@@ -2,123 +2,123 @@ import { getPermalink, getBlogPermalink, getAsset } from './utils/permalinks';
|
||||
|
||||
export const headerData = {
|
||||
links: [
|
||||
{
|
||||
text: 'Landing',
|
||||
links: [
|
||||
{
|
||||
text: 'Sass',
|
||||
href: getPermalink('/landing/saas'),
|
||||
},
|
||||
{
|
||||
text: 'Startup',
|
||||
href: getPermalink('/landing/startup'),
|
||||
},
|
||||
{
|
||||
text: 'Mobile App',
|
||||
href: getPermalink('/landing/mobile-app'),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
text: 'Pages',
|
||||
links: [
|
||||
{
|
||||
text: 'Features',
|
||||
href: '#',
|
||||
},
|
||||
{
|
||||
text: 'Pricing',
|
||||
href: '#',
|
||||
},
|
||||
{
|
||||
text: 'About us',
|
||||
href: '#',
|
||||
},
|
||||
{
|
||||
text: 'Contact',
|
||||
href: '#',
|
||||
},
|
||||
{
|
||||
text: 'Terms',
|
||||
href: getPermalink('/terms'),
|
||||
},
|
||||
{
|
||||
text: 'Privacy policy',
|
||||
href: getPermalink('/privacy'),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
text: 'Widgets',
|
||||
href: '#',
|
||||
},
|
||||
{
|
||||
text: 'Blog',
|
||||
href: getBlogPermalink(),
|
||||
},
|
||||
],
|
||||
actions: [
|
||||
{ type: 'button', text: 'Download', href: 'https://github.com/onwidget/astrowind' }
|
||||
// {
|
||||
// text: 'Landing',
|
||||
// links: [
|
||||
// {
|
||||
// text: 'Sass',
|
||||
// href: getPermalink('/landing/saas'),
|
||||
// },
|
||||
// {
|
||||
// text: 'Startup',
|
||||
// href: getPermalink('/landing/startup'),
|
||||
// },
|
||||
// {
|
||||
// text: 'Mobile App',
|
||||
// href: getPermalink('/landing/mobile-app'),
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// text: 'Pages',
|
||||
// links: [
|
||||
// {
|
||||
// text: 'Features',
|
||||
// href: '#',
|
||||
// },
|
||||
// {
|
||||
// text: 'Pricing',
|
||||
// href: '#',
|
||||
// },
|
||||
// {
|
||||
// text: 'About us',
|
||||
// href: '#',
|
||||
// },
|
||||
// {
|
||||
// text: 'Contact',
|
||||
// href: '#',
|
||||
// },
|
||||
// {
|
||||
// text: 'Terms',
|
||||
// href: getPermalink('/terms'),
|
||||
// },
|
||||
// {
|
||||
// text: 'Privacy policy',
|
||||
// href: getPermalink('/privacy'),
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// text: 'Widgets',
|
||||
// href: '#',
|
||||
// },
|
||||
// {
|
||||
// text: 'Blog',
|
||||
// href: getBlogPermalink(),
|
||||
// },
|
||||
],
|
||||
// actions: [
|
||||
// { type: 'button', text: 'Download', href: 'https://github.com/onwidget/astrowind' }
|
||||
// ],
|
||||
};
|
||||
|
||||
export const footerData = {
|
||||
links: [
|
||||
{
|
||||
title: 'Product',
|
||||
links: [
|
||||
{ text: 'Features', href: '#' },
|
||||
{ text: 'Security', href: '#' },
|
||||
{ text: 'Team', href: '#' },
|
||||
{ text: 'Enterprise', href: '#' },
|
||||
{ text: 'Customer stories', href: '#' },
|
||||
{ text: 'Pricing', href: '#' },
|
||||
{ text: 'Resources', href: '#' },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Platform',
|
||||
links: [
|
||||
{ text: 'Developer API', href: '#' },
|
||||
{ text: 'Partners', href: '#' },
|
||||
{ text: 'Atom', href: '#' },
|
||||
{ text: 'Electron', href: '#' },
|
||||
{ text: 'AstroWind Desktop', href: '#' },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Support',
|
||||
links: [
|
||||
{ text: 'Docs', href: '#' },
|
||||
{ text: 'Community Forum', href: '#' },
|
||||
{ text: 'Professional Services', href: '#' },
|
||||
{ text: 'Skills', href: '#' },
|
||||
{ text: 'Status', href: '#' },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Company',
|
||||
links: [
|
||||
{ text: 'About', href: '#' },
|
||||
{ text: 'Blog', href: '#' },
|
||||
{ text: 'Careers', href: '#' },
|
||||
{ text: 'Press', href: '#' },
|
||||
{ text: 'Inclusion', href: '#' },
|
||||
{ text: 'Social Impact', href: '#' },
|
||||
{ text: 'Shop', href: '#' },
|
||||
],
|
||||
},
|
||||
// {
|
||||
// title: 'Product',
|
||||
// links: [
|
||||
// { text: 'Features', href: '#' },
|
||||
// { text: 'Security', href: '#' },
|
||||
// { text: 'Team', href: '#' },
|
||||
// { text: 'Enterprise', href: '#' },
|
||||
// { text: 'Customer stories', href: '#' },
|
||||
// { text: 'Pricing', href: '#' },
|
||||
// { text: 'Resources', href: '#' },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// title: 'Platform',
|
||||
// links: [
|
||||
// { text: 'Developer API', href: '#' },
|
||||
// { text: 'Partners', href: '#' },
|
||||
// { text: 'Atom', href: '#' },
|
||||
// { text: 'Electron', href: '#' },
|
||||
// { text: 'AstroWind Desktop', href: '#' },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// title: 'Support',
|
||||
// links: [
|
||||
// { text: 'Docs', href: '#' },
|
||||
// { text: 'Community Forum', href: '#' },
|
||||
// { text: 'Professional Services', href: '#' },
|
||||
// { text: 'Skills', href: '#' },
|
||||
// { text: 'Status', href: '#' },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// title: 'Company',
|
||||
// links: [
|
||||
// { text: 'About', href: '#' },
|
||||
// { text: 'Blog', href: '#' },
|
||||
// { text: 'Careers', href: '#' },
|
||||
// { text: 'Press', href: '#' },
|
||||
// { text: 'Inclusion', href: '#' },
|
||||
// { text: 'Social Impact', href: '#' },
|
||||
// { text: 'Shop', href: '#' },
|
||||
// ],
|
||||
// },
|
||||
],
|
||||
secondaryLinks: [
|
||||
{ text: 'Terms', href: getPermalink('/terms') },
|
||||
{ text: 'Privacy Policy', href: getPermalink('/privacy') },
|
||||
// { text: 'Terms', href: getPermalink('/terms') },
|
||||
// { text: 'Privacy Policy', href: getPermalink('/privacy') },
|
||||
],
|
||||
socialLinks: [
|
||||
{ ariaLabel: 'Twitter', icon: 'tabler:brand-twitter', href: '#' },
|
||||
{ ariaLabel: 'Instagram', icon: 'tabler:brand-instagram', href: '#' },
|
||||
{ ariaLabel: 'Facebook', icon: 'tabler:brand-facebook', href: '#' },
|
||||
{ ariaLabel: 'RSS', icon: 'tabler:rss', href: getAsset('/rss.xml') },
|
||||
{ ariaLabel: 'Github', icon: 'tabler:brand-github', href: 'https://github.com/onwidget/astrowind' },
|
||||
// { ariaLabel: 'Twitter', icon: 'tabler:brand-twitter', href: '#' },
|
||||
// { ariaLabel: 'Instagram', icon: 'tabler:brand-instagram', href: '#' },
|
||||
// { ariaLabel: 'Facebook', icon: 'tabler:brand-facebook', href: '#' },
|
||||
// { ariaLabel: 'RSS', icon: 'tabler:rss', href: getAsset('/rss.xml') },
|
||||
// { ariaLabel: 'Github', icon: 'tabler:brand-github', href: 'https://github.com/onwidget/astrowind' },
|
||||
],
|
||||
footNote: `
|
||||
<span class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover mr-1.5 float-left rounded-sm bg-[url(https://onwidget.com/favicon/favicon-32x32.png)]"></span>
|
||||
|
||||
@@ -1,107 +1,95 @@
|
||||
---
|
||||
import { SITE } from '~/config.mjs';
|
||||
import Layout from '~/layouts/PageLayout.astro';
|
||||
|
||||
import Hero from '~/components/widgets/Hero.astro';
|
||||
import Note from '~/components/widgets/Note.astro';
|
||||
import Features from '~/components/widgets/Features.astro';
|
||||
import Features2 from '~/components/widgets/Features2.astro';
|
||||
import Steps from '~/components/widgets/Steps.astro';
|
||||
import Header from '~/components/widgets/Header.astro';
|
||||
import Hero2 from '~/components/widgets/Hero2.astro';
|
||||
import Steps2 from '~/components/widgets/Steps2.astro';
|
||||
import Content from '~/components/widgets/Content.astro';
|
||||
import LatestPosts from '~/components/blog/LatestPosts.astro';
|
||||
import FAQs from '~/components/widgets/FAQs.astro';
|
||||
import Stats from '~/components/widgets/Stats.astro';
|
||||
import CallToAction from '~/components/widgets/CallToAction.astro';
|
||||
|
||||
import { headerData } from '~/data';
|
||||
|
||||
const meta = {
|
||||
title: SITE.title,
|
||||
description: SITE.description,
|
||||
dontUseTitleTemplate: true,
|
||||
title: 'Landing page',
|
||||
};
|
||||
---
|
||||
|
||||
<Layout {meta}>
|
||||
<!-- Hero Widget ******************* -->
|
||||
<Fragment slot="header">
|
||||
<Header
|
||||
{...headerData}
|
||||
actions={[
|
||||
// {
|
||||
// type: "ghost",
|
||||
// text: 'Login',
|
||||
// href: '#',
|
||||
// },
|
||||
// {
|
||||
// type: "primary",
|
||||
// text: 'Sign Up',
|
||||
// href: '#',
|
||||
// },
|
||||
]}
|
||||
isSticky
|
||||
/>
|
||||
</Fragment>
|
||||
|
||||
<Hero
|
||||
callToAction={{ text: 'Get template', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
image={{ src: import('~/assets/images/hero.png'), alt: 'AstroWind Hero Image' }}
|
||||
<!-- Hero2 Widget ******************* -->
|
||||
|
||||
<Hero2
|
||||
callToAction={{ text: 'Source Code', href: 'https://github.com/Xplane11-WebRTC' }}
|
||||
|
||||
image={{ src: import('~/assets/images/wallapaper-737-runway.png'), alt: 'Xplane Hero Image' }}
|
||||
>
|
||||
<Fragment slot="title">
|
||||
Free template for <span class="hidden lg:inline">create your website <br class="2xl:hidden"/> with</span>
|
||||
<span class="text-accent dark:text-white highlight"> Astro 2.0</span> + Tailwind CSS
|
||||
Xplane <br />
|
||||
<span class="text-accent dark:text-white highlight"> Web</span>RTC
|
||||
</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.0 +
|
||||
Tailwind CSS.</span
|
||||
<span class="font-semibold">The Xplane WebRTC</span> project takes inspiration from Google Stadia for a streaming based solution for playing video games. But our plan is to build one specifically for flight simulators. </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.
|
||||
<span class="block mb-1 sm:hidden font-bold text-blue-600"></span>The entire project is Open source.
|
||||
</Fragment>
|
||||
</Hero>
|
||||
|
||||
<!-- Note Widget ******************* -->
|
||||
|
||||
<Note />
|
||||
|
||||
<!-- Features Widget *************** -->
|
||||
|
||||
<Features
|
||||
highlight="Features"
|
||||
title="What you get with AstroWind"
|
||||
subtitle="Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae."
|
||||
items={[
|
||||
[
|
||||
{
|
||||
title: 'Astro + Tailwind CSS Integration',
|
||||
description:
|
||||
'A seamless integration between two great frameworks that offer high productivity, performance and versatility.',
|
||||
icon: 'tabler:brand-tailwind',
|
||||
},
|
||||
{
|
||||
title: 'Ready-to-use Components',
|
||||
description:
|
||||
'Widgets made with Tailwind CSS ready to be used in Marketing Websites, SaaS, Blogs, Personal Profiles, Small Business...',
|
||||
icon: 'tabler:components',
|
||||
},
|
||||
{
|
||||
title: 'Best Practices',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
|
||||
icon: 'tabler:list-check',
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
title: 'Excellent Page Speed',
|
||||
description:
|
||||
'Having a good page speed impacts organic search ranking, improves user experience (UI/UX) and increase conversion rates.',
|
||||
icon: 'tabler:rocket',
|
||||
},
|
||||
{
|
||||
title: 'Search Engine Optimization (SEO)',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
|
||||
icon: 'tabler:arrows-right-left',
|
||||
},
|
||||
{
|
||||
title: 'Open to new ideas and contributions',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
|
||||
icon: 'tabler:bulb',
|
||||
},
|
||||
],
|
||||
]}
|
||||
/>
|
||||
</Hero2>
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
|
||||
<Content
|
||||
highlight="Inside template"
|
||||
title="And what's inside? ..."
|
||||
isReversed
|
||||
items={[
|
||||
{
|
||||
title: 'Open',
|
||||
description:
|
||||
'We plan to be fully transparent and keep our source code fully open source.',
|
||||
},
|
||||
{
|
||||
title: 'p2p',
|
||||
description:
|
||||
'Our entire infrastructure will be designed to run on a p2p network.',
|
||||
},
|
||||
{
|
||||
title: 'Trimming Fat',
|
||||
description:
|
||||
'We are actively researching on building a custom trimmed down kernel for better performance.',
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: import('~/assets/images/mainimage.png'),
|
||||
alt: 'Colorful Image',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Objectives</h3>
|
||||
The main aim is to allow players from anywhere even with a potato machine experience playing
|
||||
flight simulators.
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
|
||||
<!-- <Content
|
||||
items={[
|
||||
{
|
||||
title: 'Per ei quaeque sensibus',
|
||||
@@ -129,211 +117,73 @@ const meta = {
|
||||
Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te euismod
|
||||
tacimates.
|
||||
</Fragment>
|
||||
</Content>
|
||||
</Content> -->
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
|
||||
<Content
|
||||
<!-- <Content
|
||||
isReversed
|
||||
isAfterContent
|
||||
items={[
|
||||
{
|
||||
title: 'Per ei quaeque sensibus',
|
||||
description:
|
||||
'Ex usu illum iudico molestie. Pro ne agam facete mediocritatem, ridens labore facete mea ei. Pro id apeirian dignissim.',
|
||||
},
|
||||
{
|
||||
title: 'Cu imperdiet posidonium sed',
|
||||
description:
|
||||
'Amet utinam aliquando ut mea, malis admodum ocurreret nec et, elit tibique cu nec. Nec ex maluisset inciderint, ex quis.',
|
||||
},
|
||||
{
|
||||
title: 'Nulla omittam sadipscing mel ne',
|
||||
},
|
||||
{
|
||||
title: 'Per ei quaeque sensibus',
|
||||
},
|
||||
{
|
||||
title: 'Cu imperdiet posidonium sed',
|
||||
},
|
||||
{
|
||||
title: 'Nulla omittam sadipscing mel ne',
|
||||
description:
|
||||
'At sed possim oporteat probatus, justo graece ne nec, minim commodo legimus ut vix. Ut eos iudico quando soleat, nam modus.',
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: import('~/assets/images/vintage.jpg'),
|
||||
alt: 'Vintage Image',
|
||||
src: import('~/assets/images/caos.jpg'),
|
||||
alt: 'Colorful Image',
|
||||
}}
|
||||
/>
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Ad vix debet docendi</h3>
|
||||
Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te euismod
|
||||
tacimates.
|
||||
</Fragment>
|
||||
</Content> -->
|
||||
|
||||
<!-- Steps Widget ****************** -->
|
||||
<!-- Steps2 Widget ****************** -->
|
||||
|
||||
<Steps
|
||||
title="Get your dream website up and running in no time with AstroWind."
|
||||
items={[
|
||||
{
|
||||
title: 'Step 1: <span class="font-medium">Download</span>',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mirisus tempus nulla, sed porttitor est nibh at nulla. Praesent placerat enim ut ex tincidunt vehicula.',
|
||||
icon: 'tabler:package',
|
||||
},
|
||||
{
|
||||
title: 'Step 2: <span class="font-medium">Add content</em>',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mirisus tempus nulla, sed porttitor est nibh at nulla.',
|
||||
icon: 'tabler:letter-case',
|
||||
},
|
||||
{
|
||||
title: 'Step 3: <span class="font-medium">Customize styles</span>',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mirisus tempus nulla, sed porttitor est nibh at nulla. Praesent placerat enim ut ex tincidunt vehicula. Fusce sit amet dui tellus.',
|
||||
icon: 'tabler:paint',
|
||||
},
|
||||
{
|
||||
title: 'Ready!',
|
||||
icon: 'tabler:check',
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: import('~/assets/images/creativity.jpg'),
|
||||
alt: 'Steps image',
|
||||
<!-- <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."
|
||||
callToAction={{
|
||||
text: 'Get template',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
}}
|
||||
/>
|
||||
|
||||
<!-- Features2 Widget ************** -->
|
||||
|
||||
<Features2
|
||||
title="Most used widgets"
|
||||
subtitle="Provides frequently used components for building websites using Tailwind CSS"
|
||||
highlight="Components"
|
||||
items={[
|
||||
{
|
||||
title: 'Headers',
|
||||
title: 'Responsive Elements',
|
||||
description:
|
||||
'In general, Headers contain information that makes it easier for visitors to interact with the website.',
|
||||
icon: 'flat-color-icons:template',
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
|
||||
},
|
||||
{
|
||||
title: 'Heros',
|
||||
title: 'Flexible Team',
|
||||
description:
|
||||
'If you want your website to get more than its fair share of visitors, the Hero section needs to be stellar.',
|
||||
icon: 'flat-color-icons:gallery',
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
|
||||
},
|
||||
{
|
||||
title: 'Features',
|
||||
title: 'Ecologic Software',
|
||||
description:
|
||||
'Display your product in action and how the Features actually create a solution for your target customer.',
|
||||
icon: 'flat-color-icons:todo-list',
|
||||
},
|
||||
{
|
||||
title: 'Content',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.',
|
||||
icon: 'flat-color-icons:document',
|
||||
},
|
||||
{
|
||||
title: 'Call-to-Action',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.',
|
||||
icon: 'flat-color-icons:advertising',
|
||||
},
|
||||
{
|
||||
title: 'Pricing',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.',
|
||||
icon: 'flat-color-icons:currency-exchange',
|
||||
},
|
||||
{
|
||||
title: 'Testimonial',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.',
|
||||
icon: 'flat-color-icons:voice-presentation',
|
||||
},
|
||||
{
|
||||
title: 'Contact',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.',
|
||||
icon: 'flat-color-icons:business-contact',
|
||||
},
|
||||
{
|
||||
title: 'Footers',
|
||||
description:
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.',
|
||||
icon: 'icon-park:page-template',
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- HighlightedPosts Widget ******* -->
|
||||
|
||||
<LatestPosts
|
||||
title="Find out more content in our Blog"
|
||||
information={`The blog is used to display AstroWind documentation.
|
||||
Each new article will be an important step that you will need to know to be an expert in creating a website using Astro + Tailwind CSS.
|
||||
Astro is a very interesting technology. Thanks.
|
||||
`}
|
||||
postIds={[
|
||||
'get-started-website-with-astro-tailwind-css.md',
|
||||
'how-to-customize-astrowind-to-your-brand.md',
|
||||
'useful-resources-to-create-websites.md',
|
||||
'astrowind-template-in-depth.md',
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- FAQs Widget ******************* -->
|
||||
|
||||
<FAQs
|
||||
title="Frequently Asked Questions"
|
||||
subtitle="Duis turpis dui, fringilla mattis sem nec, fringilla euismod neque. Morbi tincidunt lacus nec tortor scelerisque pulvinar."
|
||||
highlight="FAQs"
|
||||
items={[
|
||||
[
|
||||
{
|
||||
question: 'What do I need to start?',
|
||||
answer:
|
||||
'Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds. Many say exploration is part of our destiny, but it’s actually our duty to future generations.',
|
||||
},
|
||||
{
|
||||
question: 'How to install the Astro + Tailwind CSS template?',
|
||||
answer:
|
||||
"Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing.",
|
||||
},
|
||||
{
|
||||
question: "What's something that you don't understand?",
|
||||
answer:
|
||||
"A flower in my garden, a mystery in my panties. Heart attack never stopped old Big Bear. I didn't even know we were calling him Big Bear.",
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
question: "What's an example of when you changed your mind?",
|
||||
answer:
|
||||
"Michael Knight a young loner on a crusade to champion the cause of the innocent. The helpless. The powerless in a world of criminals who operate above the law. Here he comes Here comes Speed Racer. He's a demon on wheels.",
|
||||
},
|
||||
{
|
||||
question: 'What is something that you would like to try again?',
|
||||
answer:
|
||||
"A business big enough that it could be listed on the NASDAQ goes belly up. Disappears! It ceases to exist without me. No, you clearly don't know who you're talking to, so let me clue you in.",
|
||||
},
|
||||
{
|
||||
question: 'If you could only ask one question to each person you meet, what would that question be?',
|
||||
answer:
|
||||
"This is not about revenge. This is about justice. A lot of things can change in twelve years, Admiral. Well, that's certainly good to know. About four years. I got tired of hearing how young I looked.",
|
||||
},
|
||||
],
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- Stats Widget ****************** -->
|
||||
|
||||
<Stats
|
||||
items={[
|
||||
{ name: 'Downloads', value: '132K' },
|
||||
{ name: 'Stars', value: '24.8K' },
|
||||
{ name: 'Forks', value: '10.3K' },
|
||||
{ name: 'Users', value: '48.4K' },
|
||||
]}
|
||||
/>
|
||||
/> -->
|
||||
|
||||
<!-- CallToAction Widget *********** -->
|
||||
|
||||
<CallToAction
|
||||
<!-- <CallToAction
|
||||
callToAction={{
|
||||
text: 'Get template',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
@@ -349,4 +199,4 @@ const meta = {
|
||||
waste more time! :P
|
||||
</Fragment>
|
||||
</CallToAction>
|
||||
</Layout>
|
||||
</Layout> -->
|
||||
|
||||
@@ -19,16 +19,16 @@ const meta = {
|
||||
<Header
|
||||
{...headerData}
|
||||
actions={[
|
||||
{
|
||||
type: "ghost",
|
||||
text: 'Login',
|
||||
href: '#',
|
||||
},
|
||||
{
|
||||
type: "primary",
|
||||
text: 'Sign Up',
|
||||
href: '#',
|
||||
},
|
||||
// {
|
||||
// type: "ghost",
|
||||
// text: 'Login',
|
||||
// href: '#',
|
||||
// },
|
||||
// {
|
||||
// type: "primary",
|
||||
// text: 'Sign Up',
|
||||
// href: '#',
|
||||
// },
|
||||
]}
|
||||
isSticky
|
||||
/>
|
||||
@@ -37,22 +37,20 @@ const meta = {
|
||||
<!-- Hero2 Widget ******************* -->
|
||||
|
||||
<Hero2
|
||||
callToAction={{ text: 'Get template', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
image={{ src: import('~/assets/images/hero.png'), alt: 'AstroWind Hero Image' }}
|
||||
callToAction={{ text: 'Source Code', href: 'https://github.com/Xplane11-WebRTC', icon: 'tabler:github' }}
|
||||
|
||||
image={{ src: import('~/assets/images/mainimage.png'), alt: 'AstroWind Hero Image' }}
|
||||
>
|
||||
<Fragment slot="title">
|
||||
Free template for <br />
|
||||
<span class="text-accent dark:text-white highlight"> Astro 2.0</span> + Tailwind CSS
|
||||
Xplane <br />
|
||||
<span class="text-accent dark:text-white highlight"> Web</span>RTC
|
||||
</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.0 +
|
||||
Tailwind CSS.</span
|
||||
<span class="font-semibold">The Xplane WebRTC</span> project takes inspiration from Google Stadia for a streaming based solution for playing video games. But our plan is to build one specifically for flight simulators. </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.
|
||||
<span class="block mb-1 sm:hidden font-bold text-blue-600"></span>The entire project is Open source.
|
||||
</Fragment>
|
||||
</Hero2>
|
||||
|
||||
@@ -62,9 +60,9 @@ const meta = {
|
||||
isReversed
|
||||
items={[
|
||||
{
|
||||
title: 'Per ei quaeque sensibus',
|
||||
title: 'Open',
|
||||
description:
|
||||
'Ex usu illum iudico molestie. Pro ne agam facete mediocritatem, ridens labore facete mea ei. Pro id apeirian dignissim.',
|
||||
'We plan to be fully transparent and keep our source code fully open source',
|
||||
},
|
||||
{
|
||||
title: 'Cu imperdiet posidonium sed',
|
||||
@@ -83,9 +81,9 @@ const meta = {
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Ad vix debet docendi</h3>
|
||||
Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te euismod
|
||||
tacimates.
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Objectives</h3>
|
||||
The main aim is to allow players from anywhere even with a potato machine experience playing
|
||||
flight simulators.
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user