365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Netlify upload

Browse Source
This commit is contained in:
becarta
2025-02-04 02:09:28 +01:00
parent db790f0457
commit e406793c99
5 changed files with 10 additions and 592 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/CustomStyles.astro
View File

@@ -37,7 +37,7 @@ import '@fontsource-variable/inter';
--aw-color-bg-page-dark: rgb(3 6 32);
::selection {
background-color: lavender;
description-color: lavender;
}
}
@@ -56,15 +56,9 @@ import '@fontsource-variable/inter';
--aw-color-bg-page: rgb(3 6 32);
::selection {
background-color: black;
description-color: black;
color: snow;
}
}
.bg-hero {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../assets/images/richardbergsma.png');
background-size: cover;
background-position: center;
}
</style>

4
src/layouts/PageLayout.astro
View File

@@ -2,7 +2,6 @@
import Layout from '~/layouts/Layout.astro';
import Header from '~/components/widgets/Header.astro';
import Footer from '~/components/widgets/Footer.astro';
import Announcement from '~/components/widgets/Announcement.astro';
import { headerData, footerData } from '~/navigation';
@@ -16,9 +15,6 @@ const { metadata } = Astro.props;
---
<Layout metadata={metadata}>
<slot name="announcement">
<Announcement />
</slot>
<slot name="header">
<Header {...headerData} isSticky showRssFeed showToggleTheme />
</slot>

120
src/navigation.ts
View File

@@ -3,119 +3,15 @@ import { getPermalink, getBlogPermalink, getAsset } from './utils/permalinks';
export const headerData = {
links: [
{
text: 'Homes',
links: [
{
text: 'SaaS',
href: getPermalink('/homes/saas'),
},
{
text: 'Startup',
href: getPermalink('/homes/startup'),
},
{
text: 'Mobile App',
href: getPermalink('/homes/mobile-app'),
},
{
text: 'Personal',
href: getPermalink('/homes/personal'),
},
],
text: 'Home',
href: getPermalink('/'),
},
{
text: 'Pages',
links: [
{
text: 'Features (Anchor Link)',
href: getPermalink('/#features'),
},
{
text: 'Services',
href: getPermalink('/services'),
},
{
text: 'Pricing',
href: getPermalink('/pricing'),
},
{
text: 'About us',
href: getPermalink('/about'),
},
{
text: 'Contact',
href: getPermalink('/contact'),
},
{
text: 'Terms',
href: getPermalink('/terms'),
},
{
text: 'Privacy policy',
href: getPermalink('/privacy'),
},
],
},
{
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: 'Product Details (or Services)',
href: getPermalink('/landing/product'),
},
{
text: 'Coming Soon or Pre-Launch',
href: getPermalink('/landing/pre-launch'),
},
{
text: 'Subscription',
href: getPermalink('/landing/subscription'),
},
],
},
{
text: 'Blog',
links: [
{
text: 'Blog List',
href: getBlogPermalink(),
},
{
text: 'Article',
href: getPermalink('get-started-website-with-astro-tailwind-css', 'post'),
},
{
text: 'Article (with MDX)',
href: getPermalink('markdown-elements-demo-post', 'post'),
},
{
text: 'Category Page',
href: getPermalink('tutorials', 'category'),
},
{
text: 'Tag Page',
href: getPermalink('astro', 'tag'),
},
],
},
{
text: 'Widgets',
href: '#',
},
],
actions: [{ text: 'Download', href: 'https://github.com/onwidget/astrowind', target: '_blank' }],
{ text: 'About', href: getPermalink('/#about')},
{ text: 'Resume', href: getPermalink('/#resume') },
{ text: 'Porfolio', href: getPermalink('/#porfolio') },
{ text: 'Blog', href: getPermalink('/blog') },
]
};
export const footerData = {

244
src/pages/pricing.astro
View File

@@ -1,244 +0,0 @@
---
import Layout from '~/layouts/PageLayout.astro';
import HeroText from '~/components/widgets/HeroText.astro';
import Prices from '~/components/widgets/Pricing.astro';
import FAQs from '~/components/widgets/FAQs.astro';
import Steps from '~/components/widgets/Steps.astro';
import Features3 from '~/components/widgets/Features3.astro';
import CallToAction from '~/components/widgets/CallToAction.astro';
const metadata = {
title: 'Pricing',
};
---
<Layout metadata={metadata}>
<!-- HeroText Widget ******************* -->
<HeroText
tagline="Pricing"
title="Stellar Pricing for Every Journey"
subtitle="Choose the perfect plan that aligns with your cosmic goals."
/>
<!-- Pricing Widget ******************* -->
<Prices
title="Our prices"
subtitle="Only pay for what you need"
prices={[
{
title: 'basic',
subtitle: 'Optimal choice for personal use',
price: 29,
period: 'per month',
items: [
{
description: 'Etiam in libero, et volutpat',
},
{
description: 'Aenean ac nunc dolor tristique',
},
{
description: 'Cras scelerisque accumsan lib',
},
{
description: 'In hac habitasse',
},
],
callToAction: {
target: '_blank',
text: 'Get started',
href: '#',
},
},
{
title: 'standard',
subtitle: 'Optimal choice for small teams',
price: 69,
period: 'Per Month',
items: [
{
description: 'Proin vel laoreet',
},
{
description: 'Ut efficitur habitasse egestas',
},
{
description: 'Volutpat hac curabitur',
},
{
description: 'Pellentesque blandit ut nibh',
},
{
description: 'Donec fringilla sem',
},
],
callToAction: {
target: '_blank',
text: 'Get started',
href: '#',
},
hasRibbon: true,
ribbonTitle: 'popular',
},
{
title: 'premium',
subtitle: 'Optimal choice for companies',
price: 199,
period: 'Per Month',
items: [
{
description: 'Curabitur suscipit risus',
},
{
description: 'Aliquam habitasse malesuada',
},
{
description: 'Suspendisse sit amet blandit',
},
{
description: 'Suspendisse auctor blandit dui',
},
],
callToAction: {
target: '_blank',
text: 'Get started',
href: '#',
},
},
]}
/>
<!-- Features3 Widget ************** -->
<Features3
title="Price-related features"
subtitle="Discover the advantages of choosing our plans"
columns={2}
items={[
{
title: 'Tiered Pricing Plans',
description: 'Choose from a range of pricing plans designed to accommodate different budgets and requirements.',
icon: 'tabler:stairs',
},
{
title: 'Transparent Pricing',
description: 'Clearly displayed pricing details for each plan, with no hidden costs or unexpected charges.',
icon: 'tabler:flip-vertical',
},
{
title: 'Secure Payment Methods',
description: 'Secure payment gateways to protect your financial information during transactions.',
icon: 'tabler:shield-lock',
},
{
title: 'Instant Access',
description: `Immediate access to your chosen plan's features and templates upon subscription.`,
icon: 'tabler:accessible',
},
{
title: 'Upgrade Value',
description: 'Upgrade to higher-tier plans to unlock more features and benefits for an enhanced experience.',
icon: 'tabler:chevrons-up',
},
{
title: '24H support',
description: 'Questions answered via live chat, email or phone, every calendar day.',
icon: 'tabler:headset',
},
]}
classes={{ container: 'max-w-5xl' }}
/>
<!-- Steps Widget ****************** -->
<Steps
title="A guided journey from plans to creativity"
tagline="simplified process"
isReversed={true}
items={[
{
title: 'Explore plans',
icon: 'tabler:number-1',
},
{
title: 'Select a plan',
icon: 'tabler:number-2',
},
{
title: 'Sign Up / Log In',
icon: 'tabler:number-3',
},
{
title: 'Review order',
icon: 'tabler:number-4',
},
{
title: 'Enter payment details',
icon: 'tabler:number-5',
},
{
title: 'Confirmation',
icon: 'tabler:number-6',
},
{
title: 'Download and start using the template(s)',
icon: 'tabler:number-7',
},
]}
image={{
src: 'https://images.unsplash.com/photo-1536816579748-4ecb3f03d72a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80',
alt: 'Steps image',
}}
/>
<!-- FAQs Widget ******************* -->
<FAQs
title="Pricing FAQs"
subtitle="Choosing the right plan is important, and we're here to answer your questions. If you have queries about our pricing options, you're in the right place."
columns={1}
items={[
{
title: 'Do the plans come with customer support?',
description:
'Absolutely, all plans include access to our dedicated customer support to assist you with any queries or concerns.',
},
{
title: 'Is there a trial period for the different plans?',
description:
"Unfortunately, we don't offer trial periods for the plans. However, you can check out our demo section to preview the quality of our templates.",
},
{
title: 'Can I switch between plans?',
description:
'Certainly! You can easily upgrade or downgrade your plan, at any time, to find the one that best suits your evolving requirements.',
},
{
title: 'What payment methods do you accept?',
description:
'We accept major credit cards and online payment methods to ensure a convenient and secure transaction process.',
},
{
title: 'Are there any hidden fees beyond the displayed cost?',
description:
'No, the subscription cost covers all the features and templates listed under each plan. There are no hidden fees or extra charges.',
},
]}
/>
<!-- CallToAction Widget *********** -->
<CallToAction
title="Ready to boost your projects?"
subtitle="Join our community of satisfied customers who have transformed their work with our templates."
actions={[
{
variant: 'primary',
text: 'Get started now',
href: '/',
},
]}
/>
</Layout>

224
src/pages/services.astro
View File

@@ -1,224 +0,0 @@
---
import CallToAction from '~/components/widgets/CallToAction.astro';
import Content from '~/components/widgets/Content.astro';
import Features2 from '~/components/widgets/Features2.astro';
import Hero from '~/components/widgets/Hero.astro';
import Testimonials from '~/components/widgets/Testimonials.astro';
import Layout from '~/layouts/PageLayout.astro';
const metadata = {
title: 'Services',
};
---
<Layout metadata={metadata}>
<!-- Hero Widget ******************* -->
<Hero
tagline="Services"
title="Elevate your projects with our stunning templates"
subtitle="Explore our meticulously crafted templates tailored to various industries and purposes. From captivating presentations to functional website designs, we offer the tools you need to succeed."
actions={[{ variant: 'primary', target: '_blank', text: 'Start exploring', href: '/' }]}
image={{
src: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
alt: 'AstroWind Hero Image',
}}
/>
<!-- Features2 Widget ************** -->
<Features2
title="Explore our diverse templates"
subtitle="Discover our selection below to streamline and elevate your projects."
columns={3}
items={[
{
title: 'Educational',
description:
'By harmonizing instructional design and visual appeal, templates streamline content creation for varied materials, expediting development and cultivating engaging educational spaces.',
icon: 'tabler:school',
},
{
title: 'Interior Design',
description:
'Crafting functional, visually appealing spaces for residential and commercial use. Templates emphasize layout, colors, and furniture setups, offering a versatile toolkit for your design vision.',
icon: 'tabler:home-star',
},
{
title: 'Photography',
description: `Empowering photographers, our templates facilitate captivating storytelling. With a keen focus on layout, galleries, and typography, they cater to both professionals and enthusiasts.`,
icon: 'tabler:photo',
},
{
title: 'E-commerce',
description:
'Developing engaging online stores, our E-commerce templates ensure a dynamic presence to effectively showcase products. Ideal for startups or revamps.',
icon: 'tabler:shopping-cart',
},
{
title: 'Blog',
description:
'With attention to typography, these templates empower effective content presentation for writers at any stage, ensuring visually engaging and user-friendly blogs.',
icon: 'tabler:article',
},
{
title: 'Business',
description:
'Providing polished options for effective visual communication, these templates empower both startups and established companies for a professional brand presence.',
icon: 'tabler:building-store',
},
{
title: 'Branding',
description:
'Offering pre-designed elements for a consistent brand identity, including logos and marketing materials. Ideal for new ventures or revamps.',
icon: 'tabler:arrow-big-up-lines',
},
{
title: 'Medical',
description: `From presentations to patient forms, these tools enhance communication effectiveness for healthcare professionals. Ideal for medical practices and research pursuits.`,
icon: 'tabler:vaccine',
},
{
title: 'Fashion Design',
description:
'With attention to detail, customization, and contemporary design, they empower designers to showcase ideas cohesively. Ideal for all levels of designers.',
icon: 'tabler:tie',
},
]}
/>
<!-- Content Widget **************** -->
<Content
isReversed
items={[
{
title: 'High-Quality Designs',
description:
'Our templates feature top-tier designs that ensure a professional and polished appearance for your projects.',
icon: 'tabler:wand',
},
{
title: 'Customization Tools',
description:
'Tailor each template to your unique needs with user-friendly customization tools that let you personalize colors, fonts, and content.',
icon: 'tabler:settings',
},
{
title: 'Pre-Designed Elements',
description:
'Save time and effort with our ready-to-use elements, including graphics, icons, and layouts that enhance the visual appeal of your creations.',
icon: 'tabler:presentation',
},
{
title: 'Preview and Mockup Views',
description:
'Visualize the final outcome before making any changes using our preview and mockup views, ensuring your projects meet your expectations.',
icon: 'tabler:carousel-horizontal',
},
]}
image={{
src: 'https://images.unsplash.com/photo-1525909002-1b05e0c869d8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80',
alt: 'Features Image',
}}
>
<Fragment slot="content">
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Main Features</h3>
</Fragment>
</Content>
<!-- Content Widget **************** -->
<Content
isAfterContent
items={[
{
title: 'Time Savings',
description:
'Streamline your workflow, enabling you to create stunning materials efficiently and allocate more time to your core tasks.',
icon: 'tabler:clock',
},
{
title: 'Professional Appearance',
description:
'Elevate your projects with the polished and sophisticated look that our templates provide, making a lasting impression on your audience.',
icon: 'tabler:school',
},
{
title: 'Cost-Efficiency',
description:
'Benefit from cost savings by avoiding the need for custom design work, as our templates offer professional-grade designs at a fraction of the cost.',
icon: 'tabler:coin',
},
{
title: 'Instant Download',
description:
'Enjoy immediate access to your chosen templates upon purchase, enabling you to begin working on your projects without delay.',
icon: 'tabler:file-download',
},
]}
image={{
src: 'https://images.unsplash.com/photo-1552664688-cf412ec27db2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
alt: 'Benefits Image',
}}
>
<Fragment slot="content">
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Benefits</h3>
</Fragment>
</Content>
<!-- Testimonials Widget *********** -->
<Testimonials
title="Words from real customers"
testimonials={[
{
testimonial: `The designs are not only visually appealing but also highly professional. The templates have saved me a significant amount of time while helping me make a lasting impression on my clients.`,
name: 'Emily Kennedy',
job: 'Front-end developer',
image: {
src: 'https://images.unsplash.com/photo-1618835962148-cf177563c6c0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=930&q=80',
alt: 'Emily Kennedy Image',
},
},
{
testimonial: `It beautifully showcases my work, with its clean and elegant design that lets my photographs shine. Customization was a breeze, even for a non-tech person like me. The result is a professional and immersive portfolio that's garnered numerous compliments.`,
name: 'Sarah Hansen',
job: 'Photographer',
image: {
src: 'https://images.unsplash.com/photo-1561406636-b80293969660?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
alt: 'Sarah Hansen Image',
},
},
{
testimonial: `I discovered these templates and I'm impressed by their variety and quality. They've helped me establish a consistent brand image across my marketing and social platforms, elevating my business's overall appearance.`,
name: 'Mark Wilkinson',
job: 'Small business owner',
image: {
src: 'https://images.unsplash.com/photo-1545167622-3a6ac756afa4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=824&q=80',
alt: 'Mark Wilkinson Image',
},
},
]}
callToAction={{
target: '_blank',
text: 'More testimonials...',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:chevron-right',
}}
/>
<!-- CallToAction Widget *********** -->
<CallToAction
actions={[
{
variant: 'primary',
text: 'Start exploring',
href: '/',
},
]}
title="Dive into our template collection"
subtitle="Whether you're in business, design, or education, our templates are here to elevate your projects."
/>
</Layout>