diff --git a/src/layouts/LandingLayout.astro b/src/layouts/LandingLayout.astro new file mode 100644 index 0000000..1655645 --- /dev/null +++ b/src/layouts/LandingLayout.astro @@ -0,0 +1,36 @@ +--- +import PageLayout from '~/layouts/PageLayout.astro'; +import Header from '~/components/widgets/Header.astro'; + +import { headerData } from '~/navigation'; +import { MetaData } from '~/types'; + +export interface Props { + metadata?: MetaData; +} + +const { metadata } = Astro.props; +--- + + + + + + + +
+ + + + diff --git a/src/navigation.js b/src/navigation.js index 67a3aa8..87ae79b 100644 --- a/src/navigation.js +++ b/src/navigation.js @@ -3,19 +3,27 @@ import { getPermalink, getBlogPermalink, getAsset } from './utils/permalinks'; export const headerData = { links: [ { - text: 'Landing', + text: 'Homes', links: [ { text: 'Sass', - href: getPermalink('/landing/saas'), + href: getPermalink('/homes/saas'), }, { text: 'Startup', - href: getPermalink('/landing/startup'), + href: getPermalink('/homes/startup'), }, { - text: 'Mobile App', - href: getPermalink('/landing/mobile-app'), + text: 'App Download', + href: getPermalink('/homes/mobile-app'), + }, + { + text: 'Personal Portfolio', + href: "#", + }, + { + text: 'Event Registration', + href: "#", }, ], }, @@ -52,6 +60,35 @@ export const headerData = { }, ], }, + { + text: 'Landing', + links: [ + { + text: 'Lead Generation', + href: getPermalink('/landing/lead-generation'), + }, + { + text: 'Long-form Sales', + href: getPermalink('/landing/sales'), + }, + { + text: 'Click-Through', + href: getPermalink('/landing/click-through'), + }, + { + text: 'Squeeze', + href: getPermalink('/landing/squeeze'), + }, + { + text: 'Product Details (or Services)', + href: getPermalink('/landing/product'), + }, + { + text: 'Coming Soon or Pre-Launch', + href: getPermalink('/landing/pre-launch'), + }, + ], + }, { text: 'Blog', links: [ @@ -81,10 +118,6 @@ export const headerData = { text: 'Widgets', href: '#', }, - { - text: 'Contact', - href: '#', - }, ], actions: [{ type: 'button', text: 'Download', href: 'https://github.com/onwidget/astrowind' }], }; diff --git a/src/pages/landing/mobile-app.astro b/src/pages/homes/mobile-app.astro similarity index 59% rename from src/pages/landing/mobile-app.astro rename to src/pages/homes/mobile-app.astro index 5ec8312..896a399 100644 --- a/src/pages/landing/mobile-app.astro +++ b/src/pages/homes/mobile-app.astro @@ -1,7 +1,6 @@ --- -import Layout from '~/layouts/PageLayout.astro'; +import Layout from '~/layouts/LandingLayout.astro'; -import Header from '~/components/widgets/Header.astro'; import Hero2 from '~/components/widgets/Hero2.astro'; import CallToAction from '~/components/widgets/CallToAction.astro'; import Features3 from '~/components/widgets/Features3.astro'; @@ -11,39 +10,18 @@ import FAQs from '~/components/widgets/FAQs.astro'; import Stats from '~/components/widgets/Stats.astro'; const metadata = { - title: 'Mobile App Landing Page', + title: 'Mobile App Homepage', }; --- - - -
- Free template for @@ -69,24 +47,27 @@ const metadata = { columns={2} items={[ { - title: 'Download and install the app', - description: `Begin your journey by downloading our user-friendly app from your device's app store or our official website.`, + title: 'Download and Install the App', + description: + 'Morbi faucibus luctus quam, sit amet aliquet felis tempor id. Cras augue massa, ornare quis dignissim a, molestie vel nulla.', icon: 'tabler:square-number-1', }, { - title: 'Sign up', + title: 'Sign Up', description: - 'Create your account by providing the necessary information, enabling you to access our full range of features.', + 'Vivamus porttitor, tortor convallis aliquam pretium, turpis enim consectetur elit, vitae egestas purus erat ac nunc nulla.', icon: 'tabler:square-number-2', }, { - title: 'Browse templates', - description: 'Explore our diverse collection of website templates, categorized for easy navigation.', + title: 'Browse Templates', + description: + 'Duis sed lectus in nisl vehicula porttitor eget quis odio. Aliquam erat volutpat. Nulla eleifend nulla id sem fermentum.', icon: 'tabler:square-number-3', }, { - title: 'Preview and select a template', - description: `Visualize the potential of each template through previews, then choose the one that aligns best with your project's needs.`, + title: 'Preview and Select a Template', + description: + 'Duis sed lectus in nisl vehicula porttitor eget quis odio. Aliquam erat volutpat. Nulla eleifend nulla id sem fermentum.', icon: 'tabler:square-number-4', }, ]} @@ -99,32 +80,34 @@ const metadata = { @@ -264,12 +251,17 @@ const metadata = { + > + Get Started Now + + + Be very surprised by these huge fake numbers you are seeing on this page. Don't + waste more time! :P + + diff --git a/src/pages/landing/saas.astro b/src/pages/homes/saas.astro similarity index 100% rename from src/pages/landing/saas.astro rename to src/pages/homes/saas.astro diff --git a/src/pages/landing/startup.astro b/src/pages/homes/startup.astro similarity index 97% rename from src/pages/landing/startup.astro rename to src/pages/homes/startup.astro index 0f06c3b..82792ec 100644 --- a/src/pages/landing/startup.astro +++ b/src/pages/homes/startup.astro @@ -1,11 +1,9 @@ --- 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 '~/navigation'; import Features2 from '~/components/widgets/Features2.astro'; import Features from '~/components/widgets/Features.astro'; import Stats from '~/components/widgets/Stats.astro'; @@ -18,10 +16,6 @@ const metadata = { --- - -
- - + + + + diff --git a/src/pages/landing/lead-generation.astro b/src/pages/landing/lead-generation.astro new file mode 100644 index 0000000..4f06f04 --- /dev/null +++ b/src/pages/landing/lead-generation.astro @@ -0,0 +1,25 @@ +--- +import Layout from '~/layouts/LandingLayout.astro'; + +import Hero2 from '~/components/widgets/Hero2.astro'; + +const metadata = { + title: 'Lead Generation Landing Page Demo', +}; +--- + + + + + + diff --git a/src/pages/landing/pre-launch.astro b/src/pages/landing/pre-launch.astro new file mode 100644 index 0000000..d3dc09f --- /dev/null +++ b/src/pages/landing/pre-launch.astro @@ -0,0 +1,25 @@ +--- +import Layout from '~/layouts/LandingLayout.astro'; + +import Hero2 from '~/components/widgets/Hero2.astro'; + +const metadata = { + title: 'Coming Soon Landing Page', +}; +--- + + + + + + diff --git a/src/pages/landing/product.astro b/src/pages/landing/product.astro new file mode 100644 index 0000000..4a0ca4b --- /dev/null +++ b/src/pages/landing/product.astro @@ -0,0 +1,25 @@ +--- +import Layout from '~/layouts/LandingLayout.astro'; + +import Hero2 from '~/components/widgets/Hero2.astro'; + +const metadata = { + title: 'Product Details Landing Page Demo', +}; +--- + + + + + + diff --git a/src/pages/landing/sales.astro b/src/pages/landing/sales.astro new file mode 100644 index 0000000..f2e2257 --- /dev/null +++ b/src/pages/landing/sales.astro @@ -0,0 +1,25 @@ +--- +import Layout from '~/layouts/LandingLayout.astro'; + +import Hero2 from '~/components/widgets/Hero2.astro'; + +const metadata = { + title: 'Sales Landing Page Demo', +}; +--- + + + + + + diff --git a/src/pages/landing/squeeze.astro b/src/pages/landing/squeeze.astro new file mode 100644 index 0000000..1c6807f --- /dev/null +++ b/src/pages/landing/squeeze.astro @@ -0,0 +1,25 @@ +--- +import Layout from '~/layouts/LandingLayout.astro'; + +import Hero2 from '~/components/widgets/Hero2.astro'; + +const metadata = { + title: 'Squeeze Landing Page Demo', +}; +--- + + + + + +