Cleanup
This commit is contained in:
parent
a87911cd7f
commit
cc36db2655
SSH Key Fingerprint:
SHA256:kSQDrQDmKzljJzfGYcd3m9RqHi4h8rSwkZ3sQ9kBURo
Binary file not shown.
|
Before Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
@ -1,9 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
|
|
||||||
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
|
|
||||||
<style>
|
|
||||||
path { fill: #000; }
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
path { fill: #FFF; }
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 749 B |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 563 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 539 KiB |
Binary file not shown.
@ -1,14 +0,0 @@
|
|||||||
---
|
|
||||||
import Item from '~/components/blog/GridItem.astro';
|
|
||||||
import type { Post } from '~/types';
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
posts: Array<Post>;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { posts } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="grid gap-6 row-gap-5 md:grid-cols-2 lg:grid-cols-4 -mb-6">
|
|
||||||
{posts.map((post) => <Item post={post} />)}
|
|
||||||
</div>
|
|
||||||
@ -1,71 +0,0 @@
|
|||||||
---
|
|
||||||
import { APP_BLOG } from 'astrowind:config';
|
|
||||||
import type { Post } from '~/types';
|
|
||||||
|
|
||||||
import Image from '~/components/common/Image.astro';
|
|
||||||
|
|
||||||
import { findImage } from '~/utils/images';
|
|
||||||
import { getPermalink } from '~/utils/permalinks';
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
post: Post;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { post } = Astro.props;
|
|
||||||
const image = await findImage(post.image);
|
|
||||||
|
|
||||||
const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') : '';
|
|
||||||
---
|
|
||||||
|
|
||||||
<article
|
|
||||||
class="mb-6 transition intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade"
|
|
||||||
>
|
|
||||||
<div class="relative md:h-64 bg-gray-400 dark:bg-slate-700 rounded shadow-lg mb-6">
|
|
||||||
{
|
|
||||||
image &&
|
|
||||||
(link ? (
|
|
||||||
<a href={link}>
|
|
||||||
<Image
|
|
||||||
src={image}
|
|
||||||
class="w-full md:h-full rounded shadow-lg bg-gray-400 dark:bg-slate-700"
|
|
||||||
widths={[400, 900]}
|
|
||||||
width={400}
|
|
||||||
sizes="(max-width: 900px) 400px, 900px"
|
|
||||||
alt={post.title}
|
|
||||||
aspectRatio="16:9"
|
|
||||||
layout="cover"
|
|
||||||
loading="lazy"
|
|
||||||
decoding="async"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
) : (
|
|
||||||
<Image
|
|
||||||
src={image}
|
|
||||||
class="w-full md:h-full rounded shadow-lg bg-gray-400 dark:bg-slate-700"
|
|
||||||
widths={[400, 900]}
|
|
||||||
width={400}
|
|
||||||
sizes="(max-width: 900px) 400px, 900px"
|
|
||||||
alt={post.title}
|
|
||||||
aspectRatio="16:9"
|
|
||||||
layout="cover"
|
|
||||||
loading="lazy"
|
|
||||||
decoding="async"
|
|
||||||
/>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="text-xl sm:text-2xl font-bold leading-tight mb-2 font-heading dark:text-slate-300">
|
|
||||||
{
|
|
||||||
link ? (
|
|
||||||
<a class="inline-block hover:text-primary dark:hover:text-blue-700 transition ease-in duration-200" href={link}>
|
|
||||||
{post.title}
|
|
||||||
</a>
|
|
||||||
) : (
|
|
||||||
post.title
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
<p class="text-muted dark:text-slate-400 text-lg">{post.excerpt}</p>
|
|
||||||
</article>
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
---
|
|
||||||
const { title = await Astro.slots.render('default'), subtitle = await Astro.slots.render('subtitle') } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<header class="mb-8 md:mb-16 text-center max-w-3xl mx-auto">
|
|
||||||
<h1 class="text-4xl md:text-5xl font-bold leading-tighter tracking-tighter font-heading" set:html={title} />
|
|
||||||
{
|
|
||||||
subtitle && (
|
|
||||||
<div class="mt-2 md:mt-3 mx-auto text-xl text-gray-500 dark:text-slate-400 font-medium" set:html={subtitle} />
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</header>
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
---
|
|
||||||
import Item from '~/components/blog/ListItem.astro';
|
|
||||||
import type { Post } from '~/types';
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
posts: Array<Post>;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { posts } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
{
|
|
||||||
posts.map((post) => (
|
|
||||||
<li class="mb-12 md:mb-20">
|
|
||||||
<Item post={post} />
|
|
||||||
</li>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</ul>
|
|
||||||
@ -1,120 +0,0 @@
|
|||||||
---
|
|
||||||
import type { ImageMetadata } from 'astro';
|
|
||||||
import { Icon } from 'astro-icon/components';
|
|
||||||
import Image from '~/components/common/Image.astro';
|
|
||||||
import PostTags from '~/components/blog/Tags.astro';
|
|
||||||
|
|
||||||
import { APP_BLOG } from 'astrowind:config';
|
|
||||||
import type { Post } from '~/types';
|
|
||||||
|
|
||||||
import { getPermalink } from '~/utils/permalinks';
|
|
||||||
import { findImage } from '~/utils/images';
|
|
||||||
import { getFormattedDate } from '~/utils/utils';
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
post: Post;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { post } = Astro.props;
|
|
||||||
const image = (await findImage(post.image)) as ImageMetadata | undefined;
|
|
||||||
|
|
||||||
const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') : '';
|
|
||||||
---
|
|
||||||
|
|
||||||
<article
|
|
||||||
class={`max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8 intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade ${image ? 'md:grid-cols-2' : ''}`}
|
|
||||||
>
|
|
||||||
{
|
|
||||||
image &&
|
|
||||||
(link ? (
|
|
||||||
<a class="relative block group" href={link ?? 'javascript:void(0)'}>
|
|
||||||
<div class="relative h-0 pb-[56.25%] md:pb-[75%] md:h-72 lg:pb-[56.25%] overflow-hidden bg-gray-400 dark:bg-slate-700 rounded shadow-lg">
|
|
||||||
{image && (
|
|
||||||
<Image
|
|
||||||
src={image}
|
|
||||||
class="absolute inset-0 object-cover w-full h-full mb-6 rounded shadow-lg bg-gray-400 dark:bg-slate-700"
|
|
||||||
widths={[400, 900]}
|
|
||||||
width={900}
|
|
||||||
sizes="(max-width: 900px) 400px, 900px"
|
|
||||||
alt={post.title}
|
|
||||||
aspectRatio="16:9"
|
|
||||||
loading="lazy"
|
|
||||||
decoding="async"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
) : (
|
|
||||||
<div class="relative h-0 pb-[56.25%] md:pb-[75%] md:h-72 lg:pb-[56.25%] overflow-hidden bg-gray-400 dark:bg-slate-700 rounded shadow-lg">
|
|
||||||
{image && (
|
|
||||||
<Image
|
|
||||||
src={image}
|
|
||||||
class="absolute inset-0 object-cover w-full h-full mb-6 rounded shadow-lg bg-gray-400 dark:bg-slate-700"
|
|
||||||
widths={[400, 900]}
|
|
||||||
width={900}
|
|
||||||
sizes="(max-width: 900px) 400px, 900px"
|
|
||||||
alt={post.title}
|
|
||||||
aspectRatio="16:9"
|
|
||||||
loading="lazy"
|
|
||||||
decoding="async"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
<div class="mt-2">
|
|
||||||
<header>
|
|
||||||
<div class="mb-1">
|
|
||||||
<span class="text-sm">
|
|
||||||
<Icon name="tabler:clock" class="w-3.5 h-3.5 inline-block -mt-0.5 dark:text-gray-400" />
|
|
||||||
<time datetime={String(post.publishDate)} class="inline-block">{getFormattedDate(post.publishDate)}</time>
|
|
||||||
{
|
|
||||||
post.author && (
|
|
||||||
<>
|
|
||||||
{' '}
|
|
||||||
· <Icon name="tabler:user" class="w-3.5 h-3.5 inline-block -mt-0.5 dark:text-gray-400" />
|
|
||||||
<span>{post.author.replaceAll('-', ' ')}</span>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
{
|
|
||||||
post.category && (
|
|
||||||
<>
|
|
||||||
{' '}
|
|
||||||
·{' '}
|
|
||||||
<a class="hover:underline" href={getPermalink(post.category.slug, 'category')}>
|
|
||||||
{post.category.title}
|
|
||||||
</a>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<h2 class="text-xl sm:text-2xl font-bold leading-tight mb-2 font-heading dark:text-slate-300">
|
|
||||||
{
|
|
||||||
link ? (
|
|
||||||
<a
|
|
||||||
class="inline-block hover:text-primary dark:hover:text-blue-700 transition ease-in duration-200"
|
|
||||||
href={link}
|
|
||||||
>
|
|
||||||
{post.title}
|
|
||||||
</a>
|
|
||||||
) : (
|
|
||||||
post.title
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</h2>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
{post.excerpt && <p class="flex-grow text-muted dark:text-slate-400 text-lg">{post.excerpt}</p>}
|
|
||||||
{
|
|
||||||
post.tags && Array.isArray(post.tags) ? (
|
|
||||||
<footer class="mt-5">
|
|
||||||
<PostTags tags={post.tags} />
|
|
||||||
</footer>
|
|
||||||
) : (
|
|
||||||
<Fragment />
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
---
|
|
||||||
import { Icon } from 'astro-icon/components';
|
|
||||||
import { getPermalink } from '~/utils/permalinks';
|
|
||||||
import Button from '~/components/ui/Button.astro';
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
prevUrl?: string;
|
|
||||||
nextUrl?: string;
|
|
||||||
prevText?: string;
|
|
||||||
nextText?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { prevUrl, nextUrl, prevText = 'Newer posts', nextText = 'Older posts' } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
{
|
|
||||||
(prevUrl || nextUrl) && (
|
|
||||||
<div class="container flex">
|
|
||||||
<div class="flex flex-row mx-auto container justify-between">
|
|
||||||
<Button
|
|
||||||
variant="tertiary"
|
|
||||||
class={`md:px-3 px-3 mr-2 ${!prevUrl ? 'invisible' : ''}`}
|
|
||||||
href={getPermalink(prevUrl)}
|
|
||||||
>
|
|
||||||
<Icon name="tabler:chevron-left" class="w-6 h-6" />
|
|
||||||
<p class="ml-2">{prevText}</p>
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
<Button variant="tertiary" class={`md:px-3 px-3 ${!nextUrl ? 'invisible' : ''}`} href={getPermalink(nextUrl)}>
|
|
||||||
<span class="mr-2">{nextText}</span>
|
|
||||||
<Icon name="tabler:chevron-right" class="w-6 h-6" />
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
---
|
|
||||||
import { APP_BLOG } from 'astrowind:config';
|
|
||||||
|
|
||||||
import { getRelatedPosts } from '~/utils/blog';
|
|
||||||
import BlogHighlightedPosts from '../widgets/BlogHighlightedPosts.astro';
|
|
||||||
import type { Post } from '~/types';
|
|
||||||
import { getBlogPermalink } from '~/utils/permalinks';
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
post: Post;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { post } = Astro.props;
|
|
||||||
|
|
||||||
const relatedPosts = post.tags ? await getRelatedPosts(post, 4) : [];
|
|
||||||
---
|
|
||||||
|
|
||||||
{
|
|
||||||
APP_BLOG.isRelatedPostsEnabled ? (
|
|
||||||
<BlogHighlightedPosts
|
|
||||||
classes={{
|
|
||||||
container:
|
|
||||||
'pt-0 lg:pt-0 md:pt-0 intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade',
|
|
||||||
}}
|
|
||||||
title="Related Posts"
|
|
||||||
linkText="View All Posts"
|
|
||||||
linkUrl={getBlogPermalink()}
|
|
||||||
postIds={relatedPosts.map((post) => post.id)}
|
|
||||||
/>
|
|
||||||
) : null
|
|
||||||
}
|
|
||||||
@ -1,103 +0,0 @@
|
|||||||
---
|
|
||||||
import { Icon } from 'astro-icon/components';
|
|
||||||
|
|
||||||
import Image from '~/components/common/Image.astro';
|
|
||||||
import PostTags from '~/components/blog/Tags.astro';
|
|
||||||
import SocialShare from '~/components/common/SocialShare.astro';
|
|
||||||
|
|
||||||
import { getPermalink } from '~/utils/permalinks';
|
|
||||||
import { getFormattedDate } from '~/utils/utils';
|
|
||||||
|
|
||||||
import type { Post } from '~/types';
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
post: Post;
|
|
||||||
url: string | URL;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { post, url } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<section class="py-8 sm:py-16 lg:py-20 mx-auto">
|
|
||||||
<article>
|
|
||||||
<header
|
|
||||||
class={post.image
|
|
||||||
? 'intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade'
|
|
||||||
: 'intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade'}
|
|
||||||
>
|
|
||||||
<div class="flex justify-between flex-col sm:flex-row max-w-3xl mx-auto mt-0 mb-2 px-4 sm:px-6 sm:items-center">
|
|
||||||
<p>
|
|
||||||
<Icon name="tabler:clock" class="w-4 h-4 inline-block -mt-0.5 dark:text-gray-400" />
|
|
||||||
<time datetime={String(post.publishDate)} class="inline-block">{getFormattedDate(post.publishDate)}</time>
|
|
||||||
{
|
|
||||||
post.author && (
|
|
||||||
<>
|
|
||||||
{' '}
|
|
||||||
· <Icon name="tabler:user" class="w-4 h-4 inline-block -mt-0.5 dark:text-gray-400" />
|
|
||||||
<span class="inline-block">{post.author}</span>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
{
|
|
||||||
post.category && (
|
|
||||||
<>
|
|
||||||
{' '}
|
|
||||||
·{' '}
|
|
||||||
<a class="hover:underline inline-block" href={getPermalink(post.category.slug, 'category')}>
|
|
||||||
{post.category.title}
|
|
||||||
</a>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
{
|
|
||||||
post.readingTime && (
|
|
||||||
<>
|
|
||||||
· <span>{post.readingTime}</span> min read
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1
|
|
||||||
class="px-4 sm:px-6 max-w-3xl mx-auto text-4xl md:text-5xl font-bold leading-tighter tracking-tighter font-heading"
|
|
||||||
>
|
|
||||||
{post.title}
|
|
||||||
</h1>
|
|
||||||
<p
|
|
||||||
class="max-w-3xl mx-auto mt-4 mb-8 px-4 sm:px-6 text-xl md:text-2xl text-muted dark:text-slate-400 text-justify"
|
|
||||||
>
|
|
||||||
{post.excerpt}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
{
|
|
||||||
post.image ? (
|
|
||||||
<Image
|
|
||||||
src={post.image}
|
|
||||||
class="max-w-full lg:max-w-[900px] mx-auto mb-6 sm:rounded-md bg-gray-400 dark:bg-slate-700"
|
|
||||||
widths={[400, 900]}
|
|
||||||
sizes="(max-width: 900px) 400px, 900px"
|
|
||||||
alt={post?.excerpt || ''}
|
|
||||||
width={900}
|
|
||||||
height={506}
|
|
||||||
loading="eager"
|
|
||||||
decoding="async"
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<div class="max-w-3xl mx-auto px-4 sm:px-6">
|
|
||||||
<div class="border-t dark:border-slate-700" />
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</header>
|
|
||||||
<div
|
|
||||||
class="mx-auto px-6 sm:px-6 max-w-3xl prose prose-md lg:prose-xl dark:prose-invert dark:prose-headings:text-slate-300 prose-headings:font-heading prose-headings:leading-tighter prose-headings:tracking-tighter prose-headings:font-bold prose-a:text-primary dark:prose-a:text-blue-400 prose-img:rounded-md prose-img:shadow-lg mt-8 prose-headings:scroll-mt-[80px] prose-li:my-0"
|
|
||||||
>
|
|
||||||
<slot />
|
|
||||||
</div>
|
|
||||||
<div class="mx-auto px-6 sm:px-6 max-w-3xl mt-8 flex justify-between flex-col sm:flex-row">
|
|
||||||
<PostTags tags={post.tags} class="mr-5 rtl:mr-0 rtl:ml-5" />
|
|
||||||
<SocialShare url={url} text={post.title} class="mt-5 sm:mt-1 align-middle text-gray-500 dark:text-slate-600" />
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</section>
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
---
|
|
||||||
import { getPermalink } from '~/utils/permalinks';
|
|
||||||
|
|
||||||
import { APP_BLOG } from 'astrowind:config';
|
|
||||||
import type { Post } from '~/types';
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
tags: Post['tags'];
|
|
||||||
class?: string;
|
|
||||||
title?: string | undefined;
|
|
||||||
isCategory?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { tags, class: className = 'text-sm', title = undefined, isCategory = false } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
{
|
|
||||||
tags && Array.isArray(tags) && (
|
|
||||||
<>
|
|
||||||
<>
|
|
||||||
{title !== undefined && (
|
|
||||||
<span class="align-super font-normal underline underline-offset-4 decoration-2 dark:text-slate-400">
|
|
||||||
{title}
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
<ul class={className}>
|
|
||||||
{tags.map((tag) => (
|
|
||||||
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 rtl:mr-0 rtl:ml-2 mb-2 py-0.5 px-2 lowercase font-medium">
|
|
||||||
{!APP_BLOG?.tag?.isEnabled ? (
|
|
||||||
tag.title
|
|
||||||
) : (
|
|
||||||
<a
|
|
||||||
href={getPermalink(tag.slug, isCategory ? 'category' : 'tag')}
|
|
||||||
class="text-muted dark:text-slate-300 hover:text-primary dark:hover:text-gray-200"
|
|
||||||
>
|
|
||||||
{tag.title}
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
</li>
|
|
||||||
))}
|
|
||||||
</ul>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
---
|
|
||||||
import { Icon } from 'astro-icon/components';
|
|
||||||
import { getBlogPermalink } from '~/utils/permalinks';
|
|
||||||
import { I18N } from 'astrowind:config';
|
|
||||||
import Button from '~/components/ui/Button.astro';
|
|
||||||
|
|
||||||
const { textDirection } = I18N;
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="mx-auto px-6 sm:px-6 max-w-3xl pt-8 md:pt-4 pb-12 md:pb-20">
|
|
||||||
<Button variant="tertiary" class="px-3 md:px-3" href={getBlogPermalink()}>
|
|
||||||
{
|
|
||||||
textDirection === 'rtl' ? (
|
|
||||||
<Icon name="tabler:chevron-right" class="w-5 h-5 mr-1 -ml-1.5 rtl:-mr-1.5 rtl:ml-1" />
|
|
||||||
) : (
|
|
||||||
<Icon name="tabler:chevron-left" class="w-5 h-5 mr-1 -ml-1.5 rtl:-mr-1.5 rtl:ml-1" />
|
|
||||||
)
|
|
||||||
} Back to Blog
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
@ -13,11 +13,8 @@ const title = `Error 404`;
|
|||||||
<span class="sr-only">Error</span>
|
<span class="sr-only">Error</span>
|
||||||
<span class="text-primary">404</span>
|
<span class="text-primary">404</span>
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-3xl font-semibold md:text-3xl">Sorry, we couldn't find this page.</p>
|
<p class="text-3xl mb-8 font-semibold md:text-3xl">Sorry, pagina niet gevonden.</p>
|
||||||
<p class="mt-4 mb-8 text-lg text-muted dark:text-slate-400">
|
<a rel="noopener noreferrer" href={getHomePermalink()} class="btn ml-4">Terug naar Home</a>
|
||||||
But dont worry, you can find plenty of other things on our homepage.
|
|
||||||
</p>
|
|
||||||
<a rel="noopener noreferrer" href={getHomePermalink()} class="btn ml-4">Back to homepage</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -1,228 +0,0 @@
|
|||||||
---
|
|
||||||
import Features2 from '~/components/widgets/Features2.astro';
|
|
||||||
import Features3 from '~/components/widgets/Features3.astro';
|
|
||||||
import Hero from '~/components/widgets/Hero.astro';
|
|
||||||
import Stats from '~/components/widgets/Stats.astro';
|
|
||||||
import Steps2 from '~/components/widgets/Steps2.astro';
|
|
||||||
import Layout from '~/layouts/PageLayout.astro';
|
|
||||||
|
|
||||||
const metadata = {
|
|
||||||
title: 'About us',
|
|
||||||
};
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout metadata={metadata}>
|
|
||||||
<!-- Hero Widget ******************* -->
|
|
||||||
|
|
||||||
<Hero
|
|
||||||
tagline="About us"
|
|
||||||
image={{
|
|
||||||
src: 'https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
|
|
||||||
alt: 'Caos Image',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Fragment slot="title">
|
|
||||||
Elevate your online presence with our <br />
|
|
||||||
<span class="text-accent dark:text-white highlight"> Beautiful Website Templates</span>
|
|
||||||
</Fragment>
|
|
||||||
|
|
||||||
<Fragment slot="subtitle">
|
|
||||||
Donec efficitur, ipsum quis congue luctus, mauris magna convallis mauris, eu auctor nisi lectus non augue. Donec
|
|
||||||
quis lorem non massa vulputate efficitur ac at turpis. Sed tincidunt ex a nunc convallis, et lobortis nisi tempus.
|
|
||||||
Suspendisse vitae nisi eget tortor luctus maximus sed non lectus.
|
|
||||||
</Fragment>
|
|
||||||
</Hero>
|
|
||||||
|
|
||||||
<!-- Stats Widget ****************** -->
|
|
||||||
|
|
||||||
<Stats
|
|
||||||
title="Statistics about us"
|
|
||||||
stats={[
|
|
||||||
{ title: 'Offices', amount: '4' },
|
|
||||||
{ title: 'Employees', amount: '248' },
|
|
||||||
{ title: 'Templates', amount: '12' },
|
|
||||||
{ title: 'Awards', amount: '24' },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Features3 Widget ************** -->
|
|
||||||
|
|
||||||
<Features3
|
|
||||||
title="Our templates"
|
|
||||||
subtitle="Etiam scelerisque, enim eget vestibulum luctus, nibh mauris blandit nulla, nec vestibulum risus justo ut enim. Praesent lacinia diam et ante imperdiet euismod."
|
|
||||||
columns={3}
|
|
||||||
isBeforeContent={true}
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'Educational',
|
|
||||||
description:
|
|
||||||
'Morbi faucibus luctus quam, sit amet aliquet felis tempor id. Cras augue massa, ornare quis dignissim a, molestie vel nulla.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Interior Design',
|
|
||||||
description:
|
|
||||||
'Vivamus porttitor, tortor convallis aliquam pretium, turpis enim consectetur elit, vitae egestas purus erat ac nunc nulla.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Photography',
|
|
||||||
description:
|
|
||||||
'Duis sed lectus in nisl vehicula porttitor eget quis odio. Aliquam erat volutpat. Nulla eleifend nulla id sem fermentum.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Features3 Widget ************** -->
|
|
||||||
|
|
||||||
<Features3
|
|
||||||
columns={3}
|
|
||||||
isAfterContent={true}
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'E-commerce',
|
|
||||||
description:
|
|
||||||
'Rutrum non odio at vehicula. Proin ipsum justo, dignissim in vehicula sit amet, dignissim id quam. Sed ac tincidunt sapien.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Blog',
|
|
||||||
description:
|
|
||||||
'Nullam efficitur volutpat sem sed fringilla. Suspendisse et enim eu orci volutpat laoreet ac vitae libero.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Business',
|
|
||||||
description:
|
|
||||||
'Morbi et elit finibus, facilisis justo ut, pharetra ipsum. Donec efficitur, ipsum quis congue luctus, mauris magna.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Branding',
|
|
||||||
description:
|
|
||||||
'Suspendisse vitae nisi eget tortor luctus maximus sed non lectus. Cras malesuada pretium placerat. Nullam venenatis dolor a ante rhoncus.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Medical',
|
|
||||||
description:
|
|
||||||
'Vestibulum malesuada lacus id nibh posuere feugiat. Nam volutpat nulla a felis ultrices, id suscipit mauris congue. In hac habitasse platea dictumst.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Fashion Design',
|
|
||||||
description:
|
|
||||||
'Maecenas eu tellus eget est scelerisque lacinia et a diam. Aliquam velit lorem, vehicula id fermentum et, rhoncus et purus.',
|
|
||||||
icon: 'tabler:template',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
image={{
|
|
||||||
src: 'https://images.unsplash.com/photo-1504384308090-c894fdcc538d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
|
|
||||||
alt: 'Colorful Image',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Steps2 Widget ****************** -->
|
|
||||||
|
|
||||||
<Steps2
|
|
||||||
title="Our values"
|
|
||||||
subtitle="Maecenas eu tellus eget est scelerisque lacinia et a diam. Aliquam velit lorem, vehicula id fermentum et, rhoncus et purus. Nulla facilisi. Vestibulum malesuada lacus."
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'Customer-centric approach',
|
|
||||||
description:
|
|
||||||
'Donec id nibh neque. Quisque et fermentum tortor. Fusce vitae dolor a mauris dignissim commodo. Ut eleifend luctus condimentum.',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Constant Improvement',
|
|
||||||
description:
|
|
||||||
'Phasellus laoreet fermentum venenatis. Vivamus dapibus pulvinar arcu eget mattis. Fusce eget mauris leo.',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Ethical Practices',
|
|
||||||
description:
|
|
||||||
'Vestibulum imperdiet libero et lectus molestie, et maximus augue porta. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Steps2 Widget ****************** -->
|
|
||||||
|
|
||||||
<Steps2
|
|
||||||
title="Achievements"
|
|
||||||
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."
|
|
||||||
isReversed={true}
|
|
||||||
callToAction={{
|
|
||||||
text: 'See more',
|
|
||||||
href: '/',
|
|
||||||
}}
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'Global reach',
|
|
||||||
description: 'Nam malesuada urna in enim imperdiet tincidunt. Phasellus non tincidunt nisi, at elementum mi.',
|
|
||||||
icon: 'tabler:globe',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Positive customer feedback and reviews',
|
|
||||||
description:
|
|
||||||
'Cras semper nulla leo, eget laoreet erat cursus sed. Praesent faucibus massa in purus iaculis dictum.',
|
|
||||||
icon: 'tabler:message-star',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Awards and recognition as industry experts',
|
|
||||||
description:
|
|
||||||
'Phasellus lacinia cursus velit, eu malesuada magna pretium eu. Etiam aliquet tellus purus, blandit lobortis ex rhoncus vitae.',
|
|
||||||
icon: 'tabler:award',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Features2 Widget ************** -->
|
|
||||||
|
|
||||||
<Features2
|
|
||||||
title="Our locations"
|
|
||||||
tagline="Find us"
|
|
||||||
columns={4}
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'EE.UU',
|
|
||||||
description: '1234 Lorem Ipsum St, 12345, Miami',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Spain',
|
|
||||||
description: '5678 Lorem Ipsum St, 56789, Madrid',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Australia',
|
|
||||||
description: '9012 Lorem Ipsum St, 90123, Sydney',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Brazil',
|
|
||||||
description: '3456 Lorem Ipsum St, 34567, São Paulo',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Features2 Widget ************** -->
|
|
||||||
|
|
||||||
<Features2
|
|
||||||
title="Technical Support"
|
|
||||||
tagline="Contact us"
|
|
||||||
columns={2}
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'Chat with us',
|
|
||||||
description:
|
|
||||||
'Integer luctus laoreet libero, auctor varius purus rutrum sit amet. Ut nec molestie nisi, quis eleifend mi.',
|
|
||||||
icon: 'tabler:messages',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Call us',
|
|
||||||
description:
|
|
||||||
'Mauris faucibus finibus orci, in posuere elit viverra non. In hac habitasse platea dictumst. Cras lobortis metus a hendrerit congue.',
|
|
||||||
icon: 'tabler:headset',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</Layout>
|
|
||||||
@ -11,6 +11,7 @@ import image2 from "~/assets/images/buiten.webp";
|
|||||||
import image3 from "~/assets/images/steiger.webp";
|
import image3 from "~/assets/images/steiger.webp";
|
||||||
import image4 from "~/assets/images/buiten3.webp";
|
import image4 from "~/assets/images/buiten3.webp";
|
||||||
import image5 from "~/assets/images/teras.webp";
|
import image5 from "~/assets/images/teras.webp";
|
||||||
|
import image6 from "~/assets/images/vuurplaats.webp";
|
||||||
|
|
||||||
const images = [
|
const images = [
|
||||||
{ src: image0, alt: 'Tafel vanuit binnen in de kroeg' },
|
{ src: image0, alt: 'Tafel vanuit binnen in de kroeg' },
|
||||||
@ -19,6 +20,7 @@ const images = [
|
|||||||
{ src: image3, alt: 'Steiger langs het water' },
|
{ src: image3, alt: 'Steiger langs het water' },
|
||||||
{ src: image4, alt: 'Ingang van de kroeg' },
|
{ src: image4, alt: 'Ingang van de kroeg' },
|
||||||
{ src: image5, alt: 'Terras met uitzicht op tuin' },
|
{ src: image5, alt: 'Terras met uitzicht op tuin' },
|
||||||
|
{ src: image6, alt: 'Vuurplaats' },
|
||||||
];
|
];
|
||||||
|
|
||||||
const metadata = {
|
const metadata = {
|
||||||
|
|||||||
@ -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>
|
|
||||||
@ -1,185 +0,0 @@
|
|||||||
---
|
|
||||||
title: 'Privacy Policy'
|
|
||||||
layout: '~/layouts/MarkdownLayout.astro'
|
|
||||||
---
|
|
||||||
|
|
||||||
_Last updated_: January 06, 2023
|
|
||||||
|
|
||||||
This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You.
|
|
||||||
|
|
||||||
We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy. This Privacy Policy is just a Demo.
|
|
||||||
|
|
||||||
## Interpretation and Definitions
|
|
||||||
|
|
||||||
### Interpretation
|
|
||||||
|
|
||||||
The words of which the initial letter is capitalized have meanings defined under the following conditions. The following definitions shall have the same meaning regardless of whether they appear in singular or in plural.
|
|
||||||
|
|
||||||
### Definitions
|
|
||||||
|
|
||||||
For the purposes of this Privacy Policy:
|
|
||||||
|
|
||||||
- **Account** means a unique account created for You to access our Service or parts of our Service.
|
|
||||||
- **Company** (referred to as either "the Company", "We", "Us" or "Our" in this Agreement) refers to AstroWind LLC, 1 Cupertino, CA 95014.
|
|
||||||
- **Cookies** are small files that are placed on Your computer, mobile device or any other device by a website, containing the details of Your browsing history on that website among its many uses.
|
|
||||||
- **Country** refers to: California, United States
|
|
||||||
- **Device** means any device that can access the Service such as a computer, a cellphone or a digital tablet.
|
|
||||||
- **Personal Data** is any information that relates to an identified or identifiable individual.
|
|
||||||
- **Service** refers to the Website.
|
|
||||||
- **Service Provider** means any natural or legal person who processes the data on behalf of the Company. It refers to third-party companies or individuals employed by the Company to facilitate the Service, to provide the Service on behalf of the Company, to perform services related to the Service or to assist the Company in analyzing how the Service is used.
|
|
||||||
- **Usage Data** refers to data collected automatically, either generated by the use of the Service or from the Service infrastructure itself (for example, the duration of a page visit).
|
|
||||||
- **Website** refers to AstroWind, accessible from [https://astrowind.vercel.app](https://astrowind.vercel.app)
|
|
||||||
- **You** means the individual accessing or using the Service, or the company, or other legal entity on behalf of which such individual is accessing or using the Service, as applicable.
|
|
||||||
|
|
||||||
## Collecting and Using Your Personal Data
|
|
||||||
|
|
||||||
### Types of Data Collected
|
|
||||||
|
|
||||||
#### Personal Data
|
|
||||||
|
|
||||||
While using Our Service, We may ask You to provide Us with certain personally identifiable information that can be used to contact or identify You. Personally identifiable information may include, but is not limited to:
|
|
||||||
|
|
||||||
- Usage Data
|
|
||||||
|
|
||||||
#### Usage Data
|
|
||||||
|
|
||||||
Usage Data is collected automatically when using the Service.
|
|
||||||
|
|
||||||
Usage Data may include information such as Your Device's Internet Protocol address (e.g. IP address), browser type, browser version, the pages of our Service that You visit, the time and date of Your visit, the time spent on those pages, unique device identifiers and other diagnostic data.
|
|
||||||
|
|
||||||
When You access the Service by or through a mobile device, We may collect certain information automatically, including, but not limited to, the type of mobile device You use, Your mobile device unique ID, the IP address of Your mobile device, Your mobile operating system, the type of mobile Internet browser You use, unique device identifiers and other diagnostic data.
|
|
||||||
|
|
||||||
We may also collect information that Your browser sends whenever You visit our Service or when You access the Service by or through a mobile device.
|
|
||||||
|
|
||||||
#### Tracking Technologies and Cookies
|
|
||||||
|
|
||||||
We use Cookies and similar tracking technologies to track the activity on Our Service and store certain information. Tracking technologies used are beacons, tags, and scripts to collect and track information and to improve and analyze Our Service. The technologies We use may include:
|
|
||||||
|
|
||||||
- **Cookies or Browser Cookies.** A cookie is a small file placed on Your Device. You can instruct Your browser to refuse all Cookies or to indicate when a Cookie is being sent. However, if You do not accept Cookies, You may not be able to use some parts of our Service. Unless you have adjusted Your browser setting so that it will refuse Cookies, our Service may use Cookies.
|
|
||||||
- **Web Beacons.** Certain sections of our Service and our emails may contain small electronic files known as web beacons (also referred to as clear gifs, pixel tags, and single-pixel gifs) that permit the Company, for example, to count users who have visited those pages or opened an email and for other related website statistics (for example, recording the popularity of a certain section and verifying system and server integrity).
|
|
||||||
|
|
||||||
Cookies can be "Persistent" or "Session" Cookies. Persistent Cookies remain on Your personal computer or mobile device when You go offline, while Session Cookies are deleted as soon as You close Your web browser.
|
|
||||||
|
|
||||||
We use both Session and Persistent Cookies for the purposes set out below:
|
|
||||||
|
|
||||||
- **Necessary / Essential Cookies**
|
|
||||||
|
|
||||||
Type: Session Cookies
|
|
||||||
|
|
||||||
Administered by: Us
|
|
||||||
|
|
||||||
Purpose: These Cookies are essential to provide You with services available through the Website and to enable You to use some of its features. They help to authenticate users and prevent fraudulent use of user accounts. Without these Cookies, the services that You have asked for cannot be provided, and We only use these Cookies to provide You with those services.
|
|
||||||
|
|
||||||
- **Cookies Policy / Notice Acceptance Cookies**
|
|
||||||
|
|
||||||
Type: Persistent Cookies
|
|
||||||
|
|
||||||
Administered by: Us
|
|
||||||
|
|
||||||
Purpose: These Cookies identify if users have accepted the use of cookies on the Website.
|
|
||||||
|
|
||||||
- **Functionality Cookies**
|
|
||||||
|
|
||||||
Type: Persistent Cookies
|
|
||||||
|
|
||||||
Administered by: Us
|
|
||||||
|
|
||||||
Purpose: These Cookies allow us to remember choices You make when You use the Website, such as remembering your login details or language preference. The purpose of these Cookies is to provide You with a more personal experience and to avoid You having to re-enter your preferences every time You use the Website.
|
|
||||||
|
|
||||||
For more information about the cookies we use and your choices regarding cookies, please visit our Cookies Policy or the Cookies section of our Privacy Policy.
|
|
||||||
|
|
||||||
## Use of Your Personal Data
|
|
||||||
|
|
||||||
The Company may use Personal Data for the following purposes:
|
|
||||||
|
|
||||||
- **To provide and maintain our Service**, including to monitor the usage of our Service.
|
|
||||||
- **To manage Your Account:** to manage Your registration as a user of the Service. The Personal Data You provide can give You access to different functionalities of the Service that are available to You as a registered user.
|
|
||||||
- **For the performance of a contract:** the development, compliance and undertaking of the purchase contract for the products, items or services You have purchased or of any other contract with Us through the Service.
|
|
||||||
- **To contact You:** To contact You by email, telephone calls, SMS, or other equivalent forms of electronic communication, such as a mobile application's push notifications regarding updates or informative communications related to the functionalities, products or contracted services, including the security updates, when necessary or reasonable for their implementation.
|
|
||||||
- **To provide You** with news, special offers and general information about other goods, services and events which we offer that are similar to those that you have already purchased or enquired about unless You have opted not to receive such information.
|
|
||||||
- **To manage Your requests:** To attend and manage Your requests to Us.
|
|
||||||
- **For business transfers:** We may use Your information to evaluate or conduct a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of Our assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which Personal Data held by Us about our Service users is among the assets transferred.
|
|
||||||
- **For other purposes**: We may use Your information for other purposes, such as data analysis, identifying usage trends, determining the effectiveness of our promotional campaigns and to evaluate and improve our Service, products, services, marketing and your experience.
|
|
||||||
|
|
||||||
We may share Your personal information in the following situations:
|
|
||||||
|
|
||||||
- **With Service Providers:** We may share Your personal information with Service Providers to monitor and analyze the use of our Service, to contact You.
|
|
||||||
- **For business transfers:** We may share or transfer Your personal information in connection with, or during negotiations of, any merger, sale of Company assets, financing, or acquisition of all or a portion of Our business to another company.
|
|
||||||
- **With Affiliates:** We may share Your information with Our affiliates, in which case we will require those affiliates to honor this Privacy Policy. Affiliates include Our parent company and any other subsidiaries, joint venture partners or other companies that We control or that are under common control with Us.
|
|
||||||
- **With business partners:** We may share Your information with Our business partners to offer You certain products, services or promotions.
|
|
||||||
- **With other users:** when You share personal information or otherwise interact in the public areas with other users, such information may be viewed by all users and may be publicly distributed outside.
|
|
||||||
- **With Your consent**: We may disclose Your personal information for any other purpose with Your consent.
|
|
||||||
|
|
||||||
## Retention of Your Personal Data
|
|
||||||
|
|
||||||
The Company will retain Your Personal Data only for as long as is necessary for the purposes set out in this Privacy Policy. We will retain and use Your Personal Data to the extent necessary to comply with our legal obligations (for example, if we are required to retain your data to comply with applicable laws), resolve disputes, and enforce our legal agreements and policies.
|
|
||||||
|
|
||||||
The Company will also retain Usage Data for internal analysis purposes. Usage Data is generally retained for a shorter period of time, except when this data is used to strengthen the security or to improve the functionality of Our Service, or We are legally obligated to retain this data for longer time periods.
|
|
||||||
|
|
||||||
## Transfer of Your Personal Data
|
|
||||||
|
|
||||||
Your information, including Personal Data, is processed at the Company's operating offices and in any other places where the parties involved in the processing are located. It means that this information may be transferred to — and maintained on — computers located outside of Your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from Your jurisdiction.
|
|
||||||
|
|
||||||
Your consent to this Privacy Policy followed by Your submission of such information represents Your agreement to that transfer.
|
|
||||||
|
|
||||||
The Company will take all steps reasonably necessary to ensure that Your data is treated securely and in accordance with this Privacy Policy and no transfer of Your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of Your data and other personal information.
|
|
||||||
|
|
||||||
## Delete Your Personal Data
|
|
||||||
|
|
||||||
You have the right to delete or request that We assist in deleting the Personal Data that We have collected about You.
|
|
||||||
|
|
||||||
Our Service may give You the ability to delete certain information about You from within the Service.
|
|
||||||
|
|
||||||
You may update, amend, or delete Your information at any time by signing in to Your Account, if you have one, and visiting the account settings section that allows you to manage Your personal information. You may also contact Us to request access to, correct, or delete any personal information that You have provided to Us.
|
|
||||||
|
|
||||||
Please note, however, that We may need to retain certain information when we have a legal obligation or lawful basis to do so.
|
|
||||||
|
|
||||||
## Disclosure of Your Personal Data
|
|
||||||
|
|
||||||
### Business Transactions
|
|
||||||
|
|
||||||
If the Company is involved in a merger, acquisition or asset sale, Your Personal Data may be transferred. We will provide notice before Your Personal Data is transferred and becomes subject to a different Privacy Policy.
|
|
||||||
|
|
||||||
#### Law enforcement
|
|
||||||
|
|
||||||
Under certain circumstances, the Company may be required to disclose Your Personal Data if required to do so by law or in response to valid requests by public authorities (e.g. a court or a government agency).
|
|
||||||
|
|
||||||
#### Other legal requirements
|
|
||||||
|
|
||||||
The Company may disclose Your Personal Data in the good faith belief that such action is necessary to:
|
|
||||||
|
|
||||||
- Comply with a legal obligation
|
|
||||||
- Protect and defend the rights or property of the Company
|
|
||||||
- Prevent or investigate possible wrongdoing in connection with the Service
|
|
||||||
- Protect the personal safety of Users of the Service or the public
|
|
||||||
- Protect against legal liability
|
|
||||||
|
|
||||||
## Security of Your Personal Data
|
|
||||||
|
|
||||||
The security of Your Personal Data is important to Us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While We strive to use commercially acceptable means to protect Your Personal Data, We cannot guarantee its absolute security.
|
|
||||||
|
|
||||||
## Children's Privacy
|
|
||||||
|
|
||||||
Our Service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the age of 13 without verification of parental consent, We take steps to remove that information from Our servers.
|
|
||||||
|
|
||||||
If We need to rely on consent as a legal basis for processing Your information and Your country requires consent from a parent, We may require Your parent's consent before We collect and use that information.
|
|
||||||
|
|
||||||
## Links to Other Websites
|
|
||||||
|
|
||||||
Our Service may contain links to other websites that are not operated by Us. If You click on a third party link, You will be directed to that third party's site. We strongly advise You to review the Privacy Policy of every site You visit.
|
|
||||||
|
|
||||||
We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
|
|
||||||
|
|
||||||
## Changes to this Privacy Policy
|
|
||||||
|
|
||||||
We may update Our Privacy Policy from time to time. We will notify You of any changes by posting the new Privacy Policy on this page.
|
|
||||||
|
|
||||||
We will let You know via email and/or a prominent notice on Our Service, prior to the change becoming effective and update the "Last updated" date at the top of this Privacy Policy.
|
|
||||||
|
|
||||||
You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
|
|
||||||
|
|
||||||
## Contact Us
|
|
||||||
|
|
||||||
If you have any questions about this Privacy Policy, You can contact us:
|
|
||||||
|
|
||||||
- By email: somecoolemail@domain.com
|
|
||||||
@ -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>
|
|
||||||
Loading…
Reference in New Issue
Block a user