Init new template and style
This commit is contained in:
Boris Waaub
@@ -0,0 +1,94 @@
|
||||
---
|
||||
title: Home
|
||||
client_logos:
|
||||
- name: "Customer 1"
|
||||
logo: "/images/logos/customer-1.png"
|
||||
- name: "Customer 2"
|
||||
logo: "/images/logos/customer-2.png"
|
||||
- name: "Customer 3"
|
||||
logo: "/images/logos/customer-3.png"
|
||||
- name: "Customer 4"
|
||||
logo: "/images/logos/customer-4.png"
|
||||
- name: "Customer 5"
|
||||
logo: "/images/logos/customer-5.png"
|
||||
testimonials:
|
||||
- name: "John Smith"
|
||||
title: "CTO at TechStartup"
|
||||
avatar: "/images/testimonial-1.svg"
|
||||
quote: "We built our SaaS website in record time. The performance is incredible, and our users love the modern, clean design."
|
||||
- name: "Sarah Johnson"
|
||||
title: "Founder at WebFlow"
|
||||
avatar: "/images/testimonial-1.svg"
|
||||
quote: "The combination of Hugo and TailwindCSS delivers lightning-fast performance. Our website loads instantly, which has significantly improved our conversion rates."
|
||||
- name: "Michael Chen"
|
||||
title: "Lead Developer at CloudTech"
|
||||
avatar: "/images/testimonial-1.svg"
|
||||
quote: "This theme made it easy to create a professional SaaS website. The build times are incredibly fast, and the code is clean and maintainable."
|
||||
---
|
||||
|
||||
{{< hero
|
||||
headline="Build Your SaaS Website"
|
||||
sub_headline="Create stunning, responsive websites that load instantly. Built with Hugo and TailwindCSS for maximum performance and flexibility."
|
||||
primary_button_text="Get Started Free"
|
||||
primary_button_url="#"
|
||||
secondary_button_text="View Demo"
|
||||
secondary_button_url="#"
|
||||
hero_image="/images/hero-dashboard.svg"
|
||||
gradient-from="#dbeafe"
|
||||
gradient-to="#f3e8ff"
|
||||
gradient-angle="180"
|
||||
>}}
|
||||
|
||||
{{< client-logos animate="true" >}}
|
||||
|
||||
{{< features-section
|
||||
title="Modern Features for Modern Websites"
|
||||
description="Discover how our theme helps you build fast, beautiful SaaS websites with ease."
|
||||
>}}
|
||||
|
||||
{{< feature
|
||||
title="Lightning-Fast Performance"
|
||||
description="Leverage Hugo's blazing-fast build times and optimized output. Your website loads instantly, providing an exceptional user experience."
|
||||
badge="Performance"
|
||||
badgeColor="#2563eb"
|
||||
image="/images/feature-1.svg"
|
||||
buttonText="Learn More"
|
||||
buttonLink="/features/performance/"
|
||||
features="Sub-second page loads,Optimized assets,Minimal JavaScript,CDN-ready output"
|
||||
imagePosition="right"
|
||||
>}}
|
||||
|
||||
{{< feature
|
||||
title="Beautiful Design System"
|
||||
description="Create stunning user interfaces with our comprehensive design system built on TailwindCSS. Customize everything to match your brand."
|
||||
badge="Design"
|
||||
badgeColor="#7c3aed"
|
||||
image="/images/feature-2.svg"
|
||||
buttonText="Learn More"
|
||||
buttonLink="/features/design-system/"
|
||||
features="Modern UI components,Responsive design,Custom typography,Flexible layouts"
|
||||
imagePosition="left"
|
||||
>}}
|
||||
|
||||
{{< feature
|
||||
title="Developer Experience"
|
||||
description="Enjoy a seamless development experience with hot reload, component-based architecture, and clean, maintainable code."
|
||||
badge="Development"
|
||||
badgeColor="#16a34a"
|
||||
image="/images/feature-3.svg"
|
||||
buttonText="Learn More"
|
||||
buttonLink="/features/developer-experience/"
|
||||
features="Component system,Easy customization,Clean code,Detailed documentation"
|
||||
imagePosition="right"
|
||||
>}}
|
||||
|
||||
{{< /features-section >}}
|
||||
|
||||
{{< testimonials
|
||||
title="Trusted by Modern Web Teams"
|
||||
description="See how teams are building better websites with our theme."
|
||||
animate="true"
|
||||
background-color="#f1f5f9"
|
||||
>}}
|
||||
|
||||
{{< cta >}}
|
||||
@@ -0,0 +1,170 @@
|
||||
---
|
||||
title: "Content Management in Hugo: Best Practices"
|
||||
date: 2023-07-24
|
||||
author: "Michael Park"
|
||||
description: "Learn effective strategies for managing content in Hugo, from organizing your content structure to implementing taxonomies and creating dynamic content relationships."
|
||||
categories: ["Content"]
|
||||
tags: ["hugo", "content-management", "organization", "workflow"]
|
||||
featured_image: "/images/blog/blog-5.jpg"
|
||||
---
|
||||
|
||||
{{< toc >}}
|
||||
|
||||
## Introduction
|
||||
|
||||
Effective content management is crucial for maintaining a scalable Hugo site. This guide covers best practices for organizing and managing your content.
|
||||
|
||||
## Content Organization
|
||||
|
||||
### Directory Structure
|
||||
|
||||
Create a logical content hierarchy:
|
||||
|
||||
{{< code text "Content Structure" >}}
|
||||
content/
|
||||
├── blog/
|
||||
│ ├── tech/
|
||||
│ ├── tutorials/
|
||||
│ └── news/
|
||||
├── products/
|
||||
├── about/
|
||||
└── docs/
|
||||
{{< /code >}}
|
||||
|
||||
### Front Matter Templates
|
||||
|
||||
Use archetypes to standardize content:
|
||||
|
||||
{{< code yaml "archetypes/blog.md" >}}
|
||||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
categories: []
|
||||
tags: []
|
||||
featured_image: ""
|
||||
description: ""
|
||||
author: ""
|
||||
---
|
||||
|
||||
{{</* toc */>}}
|
||||
|
||||
## Introduction
|
||||
|
||||
[Your introduction here]
|
||||
|
||||
## Main Content
|
||||
|
||||
[Your content here]
|
||||
{{< /code >}}
|
||||
|
||||
## Content Types
|
||||
|
||||
### Page Bundles
|
||||
|
||||
Organize related content together:
|
||||
- Group images with content
|
||||
- Manage page resources
|
||||
- Maintain content hierarchy
|
||||
|
||||
### Taxonomies
|
||||
|
||||
Create meaningful content relationships:
|
||||
|
||||
{{< code toml "config.toml" >}}
|
||||
[taxonomies]
|
||||
category = "categories"
|
||||
tag = "tags"
|
||||
series = "series"
|
||||
author = "authors"
|
||||
{{< /code >}}
|
||||
|
||||
## Content Workflow
|
||||
|
||||
### Draft Management
|
||||
|
||||
1. **Creating Drafts**
|
||||
```bash
|
||||
hugo new blog/my-draft-post.md
|
||||
```
|
||||
|
||||
2. **Preview Drafts**
|
||||
```bash
|
||||
hugo server -D
|
||||
```
|
||||
|
||||
3. **Publishing Content**
|
||||
- Update front matter
|
||||
- Review content
|
||||
- Deploy changes
|
||||
|
||||
### Content Updates
|
||||
|
||||
Maintain content freshness:
|
||||
|
||||
1. **Regular Reviews**
|
||||
- Check for outdated information
|
||||
- Update screenshots
|
||||
- Verify external links
|
||||
|
||||
2. **Version Control**
|
||||
- Track content changes
|
||||
- Collaborate with team
|
||||
- Maintain history
|
||||
|
||||
## Dynamic Content
|
||||
|
||||
### Related Content
|
||||
|
||||
{{< code html "layouts/partials/related.html" >}}
|
||||
{{ $related := .Site.RegularPages.Related . | first 3 }}
|
||||
{{ with $related }}
|
||||
<h3>Related Posts</h3>
|
||||
<ul>
|
||||
{{ range . }}
|
||||
<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
{{< /code >}}
|
||||
|
||||
### Content Reuse
|
||||
|
||||
Create reusable content snippets:
|
||||
|
||||
{{< code html "layouts/shortcodes/notice.html" >}}
|
||||
<div class="notice notice-{{ .Get 0 }}">
|
||||
{{ .Inner | markdownify }}
|
||||
</div>
|
||||
{{< /code >}}
|
||||
|
||||
## SEO and Metadata
|
||||
|
||||
1. **Title Optimization**
|
||||
2. **Meta Descriptions**
|
||||
3. **URL Structure**
|
||||
4. **Image Alt Text**
|
||||
|
||||
## Content Backup
|
||||
|
||||
### Backup Strategies
|
||||
|
||||
1. **Version Control**
|
||||
- Git repository
|
||||
- Regular commits
|
||||
- Remote backups
|
||||
|
||||
2. **External Storage**
|
||||
- Cloud storage
|
||||
- Local backups
|
||||
- Asset management
|
||||
|
||||
## Conclusion
|
||||
|
||||
Good content management practices are essential for maintaining a successful Hugo site. By following these guidelines, you can create an efficient and scalable content workflow.
|
||||
|
||||
## Resources
|
||||
|
||||
- [Hugo Content Management Documentation](https://gohugo.io/content-management/)
|
||||
- [Hugo Archetypes Guide](https://gohugo.io/content-management/archetypes/)
|
||||
- [Hugo Taxonomies Documentation](https://gohugo.io/content-management/taxonomies/)
|
||||
@@ -0,0 +1,121 @@
|
||||
---
|
||||
title: "Customizing Your Hugo Theme: A Deep Dive"
|
||||
date: 2023-07-21
|
||||
author: "Jane Smith"
|
||||
description: "Learn how to customize your Hugo theme to create a unique website that matches your brand and requirements."
|
||||
categories: ["Development"]
|
||||
tags: ["hugo", "themes", "customization", "web-design"]
|
||||
featured_image: "/images/blog/blog-2.webp"
|
||||
---
|
||||
|
||||
{{< toc >}}
|
||||
|
||||
## Introduction
|
||||
|
||||
While Hugo comes with many beautiful themes, you'll often want to customize them to match your specific needs. This guide will walk you through the process of customizing your Hugo theme effectively.
|
||||
|
||||
## Understanding Hugo's Theme Structure
|
||||
|
||||
Before diving into customization, it's important to understand how Hugo themes are structured.
|
||||
|
||||
## Basic Theme Customization
|
||||
|
||||
### 1. Colors and Typography
|
||||
|
||||
The easiest way to start customizing your theme is by modifying the CSS:
|
||||
|
||||
{{< code css "assets/css/main.css" >}}
|
||||
:root {
|
||||
--primary-color: #007bff;
|
||||
--secondary-color: #6c757d;
|
||||
--font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-family);
|
||||
color: #333;
|
||||
}
|
||||
{{< /code >}}
|
||||
|
||||
### 2. Layout Modifications
|
||||
|
||||
You can override any layout file from the theme by creating a matching file in your site's layouts directory.
|
||||
|
||||
## Advanced Customization Techniques
|
||||
|
||||
### Creating Custom Shortcodes
|
||||
|
||||
Shortcodes are a powerful way to add custom functionality:
|
||||
|
||||
{{< code html "layouts/shortcodes/custom-alert.html" >}}
|
||||
<div class="alert alert-{{ .Get 0 }}">
|
||||
{{ .Inner | markdownify }}
|
||||
</div>
|
||||
{{< /code >}}
|
||||
|
||||
### Working with Partials
|
||||
|
||||
Partials help keep your code DRY and maintainable:
|
||||
|
||||
{{< code html "layouts/partials/custom-header.html" >}}
|
||||
<header class="site-header">
|
||||
<nav>
|
||||
{{ range .Site.Menus.main }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ end }}
|
||||
</nav>
|
||||
</header>
|
||||
{{< /code >}}
|
||||
|
||||
## Best Practices
|
||||
|
||||
1. **Don't Edit Theme Files Directly**
|
||||
- Create overrides in your site directory
|
||||
- Use Hugo's lookup order to your advantage
|
||||
|
||||
2. **Maintain Compatibility**
|
||||
- Test your customizations across different devices
|
||||
- Keep accessibility in mind
|
||||
|
||||
3. **Performance Considerations**
|
||||
- Optimize images and assets
|
||||
- Minimize CSS and JavaScript
|
||||
|
||||
## Common Customization Examples
|
||||
|
||||
### Custom Homepage Layout
|
||||
|
||||
{{< code html "layouts/index.html" >}}
|
||||
{{ define "main" }}
|
||||
<div class="homepage">
|
||||
{{ partial "hero.html" . }}
|
||||
{{ partial "featured-posts.html" . }}
|
||||
{{ partial "newsletter.html" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
{{< /code >}}
|
||||
|
||||
### Custom Taxonomy Pages
|
||||
|
||||
{{< code html "layouts/taxonomy/category.html" >}}
|
||||
{{ define "main" }}
|
||||
<div class="category-page">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<div class="posts-grid">
|
||||
{{ range .Pages }}
|
||||
{{ partial "post-card.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{< /code >}}
|
||||
|
||||
## Conclusion
|
||||
|
||||
Customizing your Hugo theme allows you to create a unique website that stands out. By understanding Hugo's structure and following best practices, you can make modifications that are both effective and maintainable.
|
||||
|
||||
## Further Resources
|
||||
|
||||
- [Hugo Documentation](https://gohugo.io/documentation/)
|
||||
- [Hugo Forums](https://discourse.gohugo.io/)
|
||||
- [Hugo Theme Components](https://themes.gohugo.io/tags/components/)
|
||||
@@ -0,0 +1,101 @@
|
||||
---
|
||||
title: "Deploying Hugo Sites: A Complete Guide"
|
||||
date: 2023-07-22
|
||||
author: "Alex Johnson"
|
||||
description: "Learn how to deploy your Hugo site to various platforms including Netlify, Vercel, and GitHub Pages."
|
||||
categories: ["Deployment"]
|
||||
tags: ["hugo", "deployment", "netlify", "vercel", "github-pages"]
|
||||
featured_image: "/images/blog/blog-3.webp"
|
||||
---
|
||||
|
||||
{{< toc >}}
|
||||
|
||||
## Introduction
|
||||
|
||||
Once you've built your Hugo site, the next step is deploying it to make it accessible to the world. This guide covers various deployment options and best practices.
|
||||
|
||||
## Popular Deployment Platforms
|
||||
|
||||
### 1. Netlify
|
||||
|
||||
Netlify offers a seamless deployment experience:
|
||||
|
||||
{{< code bash "terminal" >}}
|
||||
# Create netlify.toml
|
||||
[build]
|
||||
publish = "public"
|
||||
command = "hugo --gc --minify"
|
||||
|
||||
[build.environment]
|
||||
HUGO_VERSION = "0.95.0"
|
||||
{{< /code >}}
|
||||
|
||||
### 2. Vercel
|
||||
|
||||
Vercel provides excellent performance and analytics.
|
||||
|
||||
### 3. GitHub Pages
|
||||
|
||||
Perfect for project sites and personal blogs:
|
||||
|
||||
{{< code yaml "github-workflow.yml" >}}
|
||||
name: GitHub Pages
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- main
|
||||
|
||||
jobs:
|
||||
deploy:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v2
|
||||
- name: Setup Hugo
|
||||
uses: peaceiris/actions-hugo@v2
|
||||
{{< /code >}}
|
||||
|
||||
## Deployment Best Practices
|
||||
|
||||
1. **Use Version Control**
|
||||
- Track your changes
|
||||
- Collaborate effectively
|
||||
- Enable automated deployments
|
||||
|
||||
2. **Optimize Assets**
|
||||
- Compress images
|
||||
- Minify CSS/JS
|
||||
- Enable caching
|
||||
|
||||
3. **Configure CI/CD**
|
||||
- Automate builds
|
||||
- Run tests
|
||||
- Deploy automatically
|
||||
|
||||
## Performance Considerations
|
||||
|
||||
1. **Page Load Speed**
|
||||
- Optimize images
|
||||
- Minimize HTTP requests
|
||||
- Use CDN
|
||||
|
||||
2. **SEO**
|
||||
- Configure meta tags
|
||||
- Create sitemap
|
||||
- Enable robots.txt
|
||||
|
||||
## Security Measures
|
||||
|
||||
1. **Enable HTTPS**
|
||||
2. **Configure Headers**
|
||||
3. **Implement CSP**
|
||||
|
||||
## Conclusion
|
||||
|
||||
Choosing the right deployment platform and following best practices ensures your Hugo site is fast, secure, and reliable.
|
||||
|
||||
## Resources
|
||||
|
||||
- [Hugo Deployment Documentation](https://gohugo.io/hosting-and-deployment/)
|
||||
- [Netlify Documentation](https://docs.netlify.com/)
|
||||
- [Vercel Documentation](https://vercel.com/docs)
|
||||
@@ -0,0 +1,81 @@
|
||||
---
|
||||
title: "Getting Started with Hugo: A Beginner's Guide"
|
||||
date: 2023-07-20
|
||||
author: "John Doe"
|
||||
description: "Learn how to build your first website with Hugo, the world's fastest framework for building websites."
|
||||
categories: ["Tutorials"]
|
||||
tags: ["hugo", "static-site", "web-development", "beginners"]
|
||||
featured_image: "/images/blog/blog-1.jpg"
|
||||
---
|
||||
|
||||
{{< toc >}}
|
||||
|
||||
## Introduction
|
||||
|
||||
Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.
|
||||
|
||||
## Why Choose Hugo?
|
||||
|
||||
Here are some compelling reasons to choose Hugo for your next project:
|
||||
|
||||
1. Lightning Fast
|
||||
2. Easy to Learn
|
||||
3. Highly Flexible
|
||||
4. Great Community
|
||||
|
||||
## Setting Up Your First Hugo Site
|
||||
|
||||
Let's walk through creating your first Hugo site:
|
||||
|
||||
{{< code bash "terminal" >}}
|
||||
# Create a new Hugo site
|
||||
hugo new site my-awesome-site
|
||||
cd my-awesome-site
|
||||
|
||||
# Initialize git and add a theme
|
||||
git init
|
||||
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke themes/ananke
|
||||
|
||||
# Add the theme to your configuration
|
||||
echo "theme = 'ananke'" >> config.toml
|
||||
|
||||
# Create your first post
|
||||
hugo new posts/my-first-post.md
|
||||
{{< /code >}}
|
||||
|
||||
## Working with Content
|
||||
|
||||
Hugo makes content creation straightforward. Here's how to organize your content effectively.
|
||||
|
||||
## Advanced Features
|
||||
|
||||
Hugo comes with many advanced features out of the box:
|
||||
|
||||
1. **Taxonomies**: Categories and tags
|
||||
2. **Shortcodes**: Easy way to add complex content
|
||||
3. **Custom Outputs**: JSON, AMP, etc.
|
||||
4. **Asset Processing**: SASS/SCSS, PostCSS
|
||||
|
||||
## Code Examples
|
||||
|
||||
Here's an example of a simple Hugo template:
|
||||
|
||||
{{< code html "layouts/_default/single.html" >}}
|
||||
{{ define "main" }}
|
||||
<article>
|
||||
<h1>{{ .Title }}</h1>
|
||||
<time>{{ .Date.Format "2006-01-02" }}</time>
|
||||
{{ .Content }}
|
||||
</article>
|
||||
{{ end }}
|
||||
{{< /code >}}
|
||||
|
||||
## Conclusion
|
||||
|
||||
Hugo provides an excellent foundation for building modern websites. Its combination of speed, flexibility, and ease of use makes it a great choice for projects of any size.
|
||||
|
||||
## Next Steps
|
||||
|
||||
- Explore Hugo's [official documentation](https://gohugo.io/documentation/)
|
||||
- Join the [Hugo community](https://discourse.gohugo.io/)
|
||||
- Check out some [Hugo themes](https://themes.gohugo.io/)
|
||||
@@ -0,0 +1,119 @@
|
||||
---
|
||||
title: "Optimizing Hugo Performance: Speed Up Your Site"
|
||||
date: 2023-07-23
|
||||
author: "Sarah Chen"
|
||||
description: "Learn advanced techniques to optimize your Hugo site for better performance, faster load times, and improved user experience."
|
||||
categories: ["Performance"]
|
||||
tags: ["hugo", "optimization", "performance", "seo"]
|
||||
featured_image: "/images/blog/blog-4.jpg"
|
||||
---
|
||||
|
||||
{{< toc >}}
|
||||
|
||||
## Introduction
|
||||
|
||||
Performance is crucial for user experience and SEO. In this guide, we'll explore various techniques to optimize your Hugo site for maximum performance.
|
||||
|
||||
## Asset Optimization
|
||||
|
||||
### Image Optimization
|
||||
|
||||
Images often contribute the most to page weight. Here's how to optimize them:
|
||||
|
||||
{{< code html "layouts/shortcodes/optimized-image.html" >}}
|
||||
{{ $image := .Page.Resources.GetMatch (printf "%s" (.Get "src")) }}
|
||||
{{ $options := dict "targetWidth" 800 "quality" 85 }}
|
||||
{{ $processed := $image.Process "resize 800x webp q85" }}
|
||||
<img src="{{ $processed.RelPermalink }}"
|
||||
alt="{{ .Get "alt" }}"
|
||||
loading="lazy"
|
||||
class="rounded-lg shadow-lg">
|
||||
{{< /code >}}
|
||||
|
||||
### CSS and JavaScript
|
||||
|
||||
Minimize your asset footprint:
|
||||
- Minify CSS and JavaScript
|
||||
- Bundle assets appropriately
|
||||
- Remove unused code
|
||||
|
||||
## Caching Strategies
|
||||
|
||||
1. **Browser Caching**
|
||||
- Set appropriate cache headers
|
||||
- Use versioned assets
|
||||
- Implement service workers
|
||||
|
||||
2. **Hugo Caching**
|
||||
- Use `.Scratch` for expensive operations
|
||||
- Cache partial results
|
||||
- Implement memoization
|
||||
|
||||
## Content Delivery
|
||||
|
||||
### CDN Setup
|
||||
|
||||
{{< code toml "config.toml" >}}
|
||||
[params.cdn]
|
||||
enable = true
|
||||
provider = "cloudfront"
|
||||
domain = "cdn.example.com"
|
||||
{{< /code >}}
|
||||
|
||||
### Edge Computing
|
||||
|
||||
Leverage edge computing for faster content delivery:
|
||||
- Deploy to multiple regions
|
||||
- Use edge functions when needed
|
||||
- Implement geo-routing
|
||||
|
||||
## Performance Monitoring
|
||||
|
||||
### Key Metrics
|
||||
|
||||
1. **Core Web Vitals**
|
||||
- Largest Contentful Paint (LCP)
|
||||
- First Input Delay (FID)
|
||||
- Cumulative Layout Shift (CLS)
|
||||
|
||||
2. **Additional Metrics**
|
||||
- Time to First Byte (TTFB)
|
||||
- First Contentful Paint (FCP)
|
||||
- Total Blocking Time (TBT)
|
||||
|
||||
## Advanced Optimization Techniques
|
||||
|
||||
### Resource Hints
|
||||
|
||||
{{< code html "layouts/partials/head.html" >}}
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preload" href="/fonts/main.woff2" as="font" type="font/woff2" crossorigin>
|
||||
{{< /code >}}
|
||||
|
||||
### Critical CSS
|
||||
|
||||
Inline critical styles for faster rendering:
|
||||
|
||||
{{< code html "layouts/partials/critical-css.html" >}}
|
||||
<style>
|
||||
/* Critical CSS here */
|
||||
.hero { /* ... */ }
|
||||
.nav { /* ... */ }
|
||||
</style>
|
||||
{{< /code >}}
|
||||
|
||||
## SEO Optimization
|
||||
|
||||
1. **Structured Data**
|
||||
2. **XML Sitemaps**
|
||||
3. **Meta Tags**
|
||||
|
||||
## Conclusion
|
||||
|
||||
Optimizing your Hugo site is an ongoing process. Regular monitoring and adjustments ensure your site maintains peak performance.
|
||||
|
||||
## Resources
|
||||
|
||||
- [Hugo Performance Documentation](https://gohugo.io/documentation/)
|
||||
- [Web.dev Performance Guide](https://web.dev/performance/)
|
||||
- [PageSpeed Insights](https://pagespeed.web.dev/)
|
||||
@@ -0,0 +1,42 @@
|
||||
---
|
||||
title: "Join Our Team"
|
||||
description: "Be part of a team that's revolutionizing the SaaS industry with innovative solutions and a people-first culture."
|
||||
layout: "career"
|
||||
|
||||
culture_section:
|
||||
title: "Our Culture"
|
||||
image: "/images/team.jpg"
|
||||
image_alt: "Our Team"
|
||||
image_caption: "Join our amazing team!"
|
||||
values:
|
||||
- icon: "🌟"
|
||||
title: "Innovation First"
|
||||
description: "We encourage creative thinking and empower our team to push boundaries and explore new possibilities."
|
||||
- icon: "🤝"
|
||||
title: "Collaborative Spirit"
|
||||
description: "We believe in the power of teamwork and foster an environment where everyone's voice is heard and valued."
|
||||
- icon: "🌱"
|
||||
title: "Growth Mindset"
|
||||
description: "We invest in our team's development and provide opportunities for continuous learning and advancement."
|
||||
|
||||
benefits_section:
|
||||
title: "Why Join Us?"
|
||||
benefits:
|
||||
- icon: "💪"
|
||||
title: "Health & Wellness"
|
||||
description: "Comprehensive health coverage, wellness programs, and mental health support."
|
||||
- icon: "🎯"
|
||||
title: "Work-Life Balance"
|
||||
description: "Flexible working hours, remote options, and unlimited PTO policy."
|
||||
- icon: "📚"
|
||||
title: "Learning & Development"
|
||||
description: "Professional development budget and regular learning sessions."
|
||||
|
||||
positions_section:
|
||||
title: "Open Positions"
|
||||
view_position_text: "View Position"
|
||||
---
|
||||
|
||||
At Saasify, we believe in empowering our team members to do their best work. We foster an environment of innovation, collaboration, and continuous learning. Our culture is built on trust, transparency, and a shared commitment to excellence.
|
||||
|
||||
We're looking for passionate individuals who want to make a difference and grow with us. If you're excited about building the future of SaaS and working with cutting-edge technology, we'd love to hear from you.
|
||||
@@ -0,0 +1,90 @@
|
||||
---
|
||||
title: "About Our Company"
|
||||
layout: "company"
|
||||
description: "Learn about our mission, leadership team, and the investors backing our vision"
|
||||
---
|
||||
|
||||
{{< section-container class="bg-gradient-to-b from-blue-50 via-blue-50 to-white pt-20 pb-32" >}}
|
||||
<div class="text-center">
|
||||
<h1 class="text-4xl md:text-5xl font-bold mb-6">Building the Future of SaaS</h1>
|
||||
<p class="text-xl text-gray-600 mb-16">We're on a mission to revolutionize how businesses operate in the digital age</p>
|
||||
<div class="max-w-3xl mx-auto bg-white rounded-xl shadow-sm p-8">
|
||||
<h2 class="text-3xl font-bold mb-4">Our Mission</h2>
|
||||
<p class="text-xl text-gray-600">
|
||||
We're dedicated to empowering businesses with innovative SaaS solutions that drive growth and efficiency. Our platform combines cutting-edge technology with intuitive design to solve complex business challenges.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{< /section-container >}}
|
||||
|
||||
{{< section-container class="py-20 bg-gray-50" >}}
|
||||
<div class="max-w-6xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-center mb-12">Leadership Team</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{{< team-member
|
||||
name="Sarah Johnson"
|
||||
title="Chief Executive Officer"
|
||||
image="/images/company/exec-1.svg"
|
||||
linkedin="#"
|
||||
>}}
|
||||
{{< team-member
|
||||
name="Michael Chen"
|
||||
title="Chief Technology Officer"
|
||||
image="/images/company/exec-2.svg"
|
||||
linkedin="#"
|
||||
>}}
|
||||
{{< team-member
|
||||
name="Emily Rodriguez"
|
||||
title="Chief Product Officer"
|
||||
image="/images/company/exec-3.svg"
|
||||
linkedin="#"
|
||||
>}}
|
||||
</div>
|
||||
</div>
|
||||
{{< /section-container >}}
|
||||
|
||||
{{< section-container class="py-20" >}}
|
||||
<div class="max-w-6xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-center mb-12">Backed by World-Class Investors</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 items-center">
|
||||
{{< investor-logo name="Sequoia Capital" image="/images/company/investor-1.svg" >}}
|
||||
{{< investor-logo name="Andreessen Horowitz" image="/images/company/investor-2.svg" >}}
|
||||
{{< investor-logo name="Accel" image="/images/company/investor-3.svg" >}}
|
||||
{{< investor-logo name="Benchmark" image="/images/company/investor-4.svg" >}}
|
||||
</div>
|
||||
</div>
|
||||
{{< /section-container >}}
|
||||
|
||||
{{< section-container class="py-20 bg-gray-50" >}}
|
||||
<div class="max-w-6xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-center mb-12">Company Values</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{{< value-card
|
||||
title="Innovation First"
|
||||
icon="lightbulb"
|
||||
description="We constantly push boundaries and embrace new technologies to solve complex challenges."
|
||||
>}}
|
||||
{{< value-card
|
||||
title="Customer Success"
|
||||
icon="users"
|
||||
description="Our customers' success is our success. We're committed to delivering exceptional value."
|
||||
>}}
|
||||
{{< value-card
|
||||
title="Transparency"
|
||||
icon="eye"
|
||||
description="We believe in open communication and building trust through transparency."
|
||||
>}}
|
||||
</div>
|
||||
</div>
|
||||
{{< /section-container >}}
|
||||
|
||||
{{< section-container class="py-20" >}}
|
||||
<div class="max-w-6xl mx-auto">
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center">
|
||||
{{< stat number="2015" label="Founded" >}}
|
||||
{{< stat number="200+" label="Team Members" >}}
|
||||
{{< stat number="10k+" label="Customers" >}}
|
||||
{{< stat number="50M+" label="Annual Revenue" >}}
|
||||
</div>
|
||||
</div>
|
||||
{{< /section-container >}}
|
||||
@@ -0,0 +1,66 @@
|
||||
---
|
||||
title: "Beautiful Design System"
|
||||
description: "Create stunning user interfaces with our comprehensive design system built on TailwindCSS. Customize everything to match your brand."
|
||||
layout: "feature"
|
||||
badge: "Design"
|
||||
badgeColor: "#7c3aed"
|
||||
features:
|
||||
- title: "Modern UI Components"
|
||||
description: "A complete set of pre-built components designed for SaaS websites. From navigation bars to pricing tables, everything you need is included."
|
||||
- title: "Responsive Design"
|
||||
description: "Every component is fully responsive and tested across all device sizes. Your website will look great on everything from phones to large displays."
|
||||
- title: "Custom Typography"
|
||||
description: "Carefully crafted typography system with perfect vertical rhythm. Easily customize fonts and sizes to match your brand guidelines."
|
||||
- title: "Flexible Layouts"
|
||||
description: "Modular layout system that adapts to your content. Create unique page layouts while maintaining consistent spacing and alignment."
|
||||
demo:
|
||||
description: "Explore our comprehensive design system built with TailwindCSS."
|
||||
image: "/images/feature-2.svg"
|
||||
---
|
||||
|
||||
## Comprehensive Design System
|
||||
|
||||
Our theme includes a complete design system that makes it easy to create beautiful, consistent interfaces. Built on TailwindCSS, it provides the flexibility to customize every aspect of your design while maintaining a professional look.
|
||||
|
||||
### Design Components
|
||||
|
||||
#### Core Elements
|
||||
- Typography system with perfect vertical rhythm
|
||||
- Color palette with semantic variables
|
||||
- Spacing and sizing scales
|
||||
- Grid and layout systems
|
||||
|
||||
#### UI Components
|
||||
- Navigation components (headers, footers, menus)
|
||||
- Hero sections and feature displays
|
||||
- Cards and content containers
|
||||
- Forms and input elements
|
||||
- Buttons and CTAs
|
||||
- Pricing tables
|
||||
- Testimonial displays
|
||||
- Team member profiles
|
||||
|
||||
#### Design Features
|
||||
|
||||
##### Customization
|
||||
- Easy theme customization through TailwindCSS
|
||||
- Brand color management
|
||||
- Typography customization
|
||||
- Spacing system adjustment
|
||||
- Component variants
|
||||
|
||||
##### Accessibility
|
||||
- WCAG 2.1 compliant components
|
||||
- Proper ARIA attributes
|
||||
- Keyboard navigation support
|
||||
- High contrast mode support
|
||||
- Screen reader optimized
|
||||
|
||||
##### Responsive Design
|
||||
- Mobile-first approach
|
||||
- Breakpoint system
|
||||
- Fluid typography
|
||||
- Adaptive layouts
|
||||
- Touch-friendly interactions
|
||||
|
||||
Our design system provides the perfect foundation for creating beautiful, accessible, and responsive websites that stand out from the crowd.
|
||||
@@ -0,0 +1,75 @@
|
||||
---
|
||||
title: "Developer Experience"
|
||||
description: "Enjoy a seamless development experience with hot reload, component-based architecture, and clean, maintainable code."
|
||||
layout: "feature"
|
||||
badge: "Development"
|
||||
badgeColor: "#16a34a"
|
||||
features:
|
||||
- title: "Component System"
|
||||
description: "Modular component architecture makes it easy to build and maintain your website. Reuse components across pages while maintaining consistency."
|
||||
- title: "Easy Customization"
|
||||
description: "Clear configuration files and well-organized code make it simple to customize any aspect of your site. No deep Hugo knowledge required."
|
||||
- title: "Clean Code"
|
||||
description: "Well-structured, documented code following best practices. Makes maintenance and updates straightforward for any developer."
|
||||
- title: "Detailed Documentation"
|
||||
description: "Comprehensive documentation covers everything from setup to advanced customization. Includes examples and best practices."
|
||||
demo:
|
||||
description: "See how our developer-friendly architecture makes building websites a breeze."
|
||||
image: "/images/feature-3.svg"
|
||||
---
|
||||
|
||||
## Built for Developers
|
||||
|
||||
Our theme is designed with developers in mind, providing a clean, efficient workflow that makes building websites enjoyable and productive.
|
||||
|
||||
### Development Features
|
||||
|
||||
#### Project Structure
|
||||
- Logical directory organization
|
||||
- Clear separation of concerns
|
||||
- Modular component architecture
|
||||
- Consistent naming conventions
|
||||
|
||||
#### Development Workflow
|
||||
- Fast hot reload development server
|
||||
- Automatic asset processing
|
||||
- Source maps for debugging
|
||||
- Build process optimization
|
||||
|
||||
#### Component System
|
||||
|
||||
##### Shortcodes
|
||||
- Rich set of pre-built shortcodes
|
||||
- Easy to create custom shortcodes
|
||||
- Documentation for each shortcode
|
||||
- Example implementations
|
||||
|
||||
##### Partials
|
||||
- Reusable partial templates
|
||||
- Context-aware components
|
||||
- Easy to extend and modify
|
||||
- Clear documentation
|
||||
|
||||
#### Customization
|
||||
|
||||
##### Configuration
|
||||
- Central configuration file
|
||||
- Environment variables support
|
||||
- Feature flags
|
||||
- Easy theme customization
|
||||
|
||||
##### Styling
|
||||
- TailwindCSS integration
|
||||
- PostCSS processing
|
||||
- Custom CSS support
|
||||
- Design token system
|
||||
|
||||
#### Documentation
|
||||
- Getting started guide
|
||||
- Component documentation
|
||||
- Configuration reference
|
||||
- Best practices
|
||||
- Troubleshooting guide
|
||||
- Deployment instructions
|
||||
|
||||
Our developer experience focuses on making it easy to build, customize, and maintain your website while following best practices and maintaining clean, efficient code.
|
||||
@@ -0,0 +1,52 @@
|
||||
---
|
||||
title: "Lightning-Fast Performance"
|
||||
description: "Leverage Hugo's blazing-fast build times and optimized output. Your website loads instantly, providing an exceptional user experience."
|
||||
layout: "feature"
|
||||
badge: "Performance"
|
||||
badgeColor: "#2563eb"
|
||||
features:
|
||||
- title: "Sub-second Page Loads"
|
||||
description: "Experience instant page transitions with Hugo's static site generation. Pages load in milliseconds, ensuring visitors stay engaged."
|
||||
- title: "Optimized Assets"
|
||||
description: "Automatically optimize images, CSS, and JavaScript. Reduce file sizes without compromising quality for faster load times."
|
||||
- title: "Minimal JavaScript"
|
||||
description: "Built with minimal JavaScript dependencies. Pages remain fast and functional while keeping the bundle size small."
|
||||
- title: "CDN-Ready Output"
|
||||
description: "Deploy your site to any CDN for global distribution. Static files are optimized for edge caching and maximum performance."
|
||||
demo:
|
||||
description: "See how our optimized build process delivers lightning-fast page loads and smooth transitions."
|
||||
image: "/images/feature-1.svg"
|
||||
---
|
||||
|
||||
## Built for Speed
|
||||
|
||||
Our theme is engineered from the ground up with performance in mind. By leveraging Hugo's powerful static site generation and combining it with modern optimization techniques, we deliver websites that load instantly and run smoothly.
|
||||
|
||||
### Performance Metrics
|
||||
|
||||
- **Build Time**: Less than 1 second for most sites
|
||||
- **Page Load Time**: Under 500ms first contentful paint
|
||||
- **Time to Interactive**: Under 1.5 seconds
|
||||
- **Google Lighthouse Score**: 95+ on all metrics
|
||||
|
||||
### Optimization Features
|
||||
|
||||
#### Asset Optimization
|
||||
- Automatic image optimization and WebP conversion
|
||||
- CSS minification and purging of unused styles
|
||||
- JavaScript bundling and tree-shaking
|
||||
- Lazy loading of images and components
|
||||
|
||||
#### Caching Strategy
|
||||
- Efficient browser caching with proper headers
|
||||
- Static asset fingerprinting
|
||||
- Pre-rendered HTML for instant loads
|
||||
- Service worker for offline capabilities
|
||||
|
||||
#### CDN Integration
|
||||
- Built for global distribution
|
||||
- Edge caching ready
|
||||
- Automatic cache invalidation
|
||||
- Geographic redundancy
|
||||
|
||||
Our performance-first approach ensures your website not only looks great but delivers an exceptional user experience through blazing-fast load times and smooth interactions.
|
||||
@@ -0,0 +1,55 @@
|
||||
---
|
||||
title: "Product Manager"
|
||||
date: 2023-11-14
|
||||
description: "We're seeking a Product Manager to drive our product strategy and roadmap"
|
||||
location: "San Francisco, CA (Hybrid)"
|
||||
type: "Full-time"
|
||||
salary: "$130K - $180K"
|
||||
layout: "job-single"
|
||||
---
|
||||
|
||||
We're looking for a Product Manager to join our team and help shape the future of our product.
|
||||
|
||||
## About the Role
|
||||
|
||||
As a Product Manager, you'll be responsible for:
|
||||
|
||||
- Defining and executing the product strategy and roadmap
|
||||
- Working closely with engineering, design, and marketing teams
|
||||
- Conducting user research and gathering customer feedback
|
||||
- Analyzing market trends and competitive landscape
|
||||
- Prioritizing features and managing the product backlog
|
||||
|
||||
## Requirements
|
||||
|
||||
- 4+ years of product management experience in SaaS
|
||||
- Strong analytical and problem-solving skills
|
||||
- Excellent communication and stakeholder management abilities
|
||||
- Experience with agile development methodologies
|
||||
- Data-driven decision making mindset
|
||||
- Technical background or ability to work closely with technical teams
|
||||
|
||||
## Nice to Have
|
||||
|
||||
- MBA or relevant advanced degree
|
||||
- Experience with B2B SaaS products
|
||||
- Background in UX design or software development
|
||||
- Experience with product analytics tools
|
||||
- Public speaking or presentation experience
|
||||
|
||||
## Benefits
|
||||
|
||||
- Competitive salary and equity package
|
||||
- Comprehensive health, dental, and vision insurance
|
||||
- 401(k) matching
|
||||
- Flexible PTO policy
|
||||
- Professional development budget
|
||||
- Wellness programs
|
||||
- Company-sponsored events
|
||||
- Office perks and snacks
|
||||
|
||||
## How to Apply
|
||||
|
||||
Please send your resume and a cover letter detailing your product management experience and why you're interested in joining our team. Include examples of products you've managed and their impact.
|
||||
|
||||
[Apply Now](mailto:careers@example.com)
|
||||
@@ -0,0 +1,54 @@
|
||||
---
|
||||
title: "Senior Frontend Developer"
|
||||
date: 2023-11-14
|
||||
description: "Join our team as a Senior Frontend Developer and help build the next generation of our SaaS platform"
|
||||
location: "Remote"
|
||||
type: "Full-time"
|
||||
salary: "$120K - $160K"
|
||||
layout: "job-single"
|
||||
---
|
||||
|
||||
We're looking for a Senior Frontend Developer to join our growing team and help shape the future of our SaaS platform.
|
||||
|
||||
## About the Role
|
||||
|
||||
As a Senior Frontend Developer, you'll be responsible for:
|
||||
|
||||
- Building and maintaining high-quality, reusable UI components
|
||||
- Collaborating with designers to implement pixel-perfect interfaces
|
||||
- Optimizing application performance and accessibility
|
||||
- Mentoring junior developers and reviewing code
|
||||
- Contributing to technical architecture decisions
|
||||
|
||||
## Requirements
|
||||
|
||||
- 5+ years of experience in frontend development
|
||||
- Expert knowledge of modern JavaScript, HTML, and CSS
|
||||
- Strong experience with React or Vue.js
|
||||
- Understanding of modern frontend build tools and workflows
|
||||
- Experience with responsive design and cross-browser compatibility
|
||||
- Strong communication skills and ability to work in a remote team
|
||||
|
||||
## Nice to Have
|
||||
|
||||
- Experience with TypeScript
|
||||
- Knowledge of testing frameworks (Jest, Cypress)
|
||||
- Contributions to open source projects
|
||||
- Experience with design systems
|
||||
- Understanding of backend technologies
|
||||
|
||||
## Benefits
|
||||
|
||||
- Competitive salary and equity package
|
||||
- Flexible working hours
|
||||
- Remote-first culture
|
||||
- Health insurance
|
||||
- Learning and development budget
|
||||
- Annual team retreats
|
||||
- Home office setup allowance
|
||||
|
||||
## How to Apply
|
||||
|
||||
Please send your resume, portfolio, and a brief cover letter explaining why you'd be a great fit for our team. Include links to any relevant projects or open source contributions.
|
||||
|
||||
[Apply Now](mailto:careers@example.com)
|
||||
@@ -0,0 +1,26 @@
|
||||
---
|
||||
title: "License"
|
||||
layout: "simple"
|
||||
---
|
||||
|
||||
## MIT License
|
||||
|
||||
Copyright (c) 2024
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@@ -0,0 +1,152 @@
|
||||
---
|
||||
title: "Pricing"
|
||||
description: "Choose the perfect plan for your needs"
|
||||
layout: "pricing"
|
||||
---
|
||||
|
||||
{{< pricing-table-1 >}}
|
||||
{
|
||||
"title": "Designed for business teams like yours",
|
||||
"description": "Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.",
|
||||
"plans": [
|
||||
{
|
||||
"name": "Starter",
|
||||
"price": "29",
|
||||
"description": "Best option for personal use & for your next project.",
|
||||
"features": [
|
||||
"Individual configuration",
|
||||
"No setup, or hidden fees",
|
||||
"Team size: 1 developer",
|
||||
"Premium support: 6 months",
|
||||
"Free updates: 6 months"
|
||||
],
|
||||
"button": {
|
||||
"text": "Get started",
|
||||
"url": "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "Company",
|
||||
"price": "99",
|
||||
"description": "Relevant for multiple users, extended & premium support.",
|
||||
"featured": true,
|
||||
"features": [
|
||||
"Individual configuration",
|
||||
"No setup, or hidden fees",
|
||||
"Team size: 10 developers",
|
||||
"Premium support: 24 months",
|
||||
"Free updates: 24 months"
|
||||
],
|
||||
"button": {
|
||||
"text": "Get started",
|
||||
"url": "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "Enterprise",
|
||||
"price": "499",
|
||||
"description": "Best for large scale uses and extended redistribution rights.",
|
||||
"features": [
|
||||
"Individual configuration",
|
||||
"No setup, or hidden fees",
|
||||
"Team size: 100+ developers",
|
||||
"Premium support: 36 months",
|
||||
"Free updates: 36 months"
|
||||
],
|
||||
"button": {
|
||||
"text": "Get started",
|
||||
"url": "#"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
{{< /pricing-table-1 >}}
|
||||
|
||||
<div class="mt-16"></div>
|
||||
|
||||
{{< pricing-table-2 >}}
|
||||
{
|
||||
"title": "Alternative Pricing Options",
|
||||
"description": "Choose a plan that best suits your business needs with our flexible pricing options.",
|
||||
"plans": [
|
||||
{
|
||||
"name": "Basic",
|
||||
"price": "19",
|
||||
"description": "Perfect for freelancers and solo developers.",
|
||||
"features": [
|
||||
"Core features included",
|
||||
"Community support",
|
||||
"Team size: 1 developer",
|
||||
"Basic analytics",
|
||||
"Monthly updates"
|
||||
],
|
||||
"button": {
|
||||
"text": "Choose Basic",
|
||||
"url": "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "Professional",
|
||||
"price": "79",
|
||||
"description": "Ideal for growing development teams.",
|
||||
"featured": true,
|
||||
"features": [
|
||||
"All Basic features",
|
||||
"Priority support",
|
||||
"Team size: up to 5 developers",
|
||||
"Advanced analytics",
|
||||
"CI/CD integration"
|
||||
],
|
||||
"button": {
|
||||
"text": "Choose Pro",
|
||||
"url": "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "Business",
|
||||
"price": "299",
|
||||
"description": "For large organizations and enterprises.",
|
||||
"features": [
|
||||
"All Pro features",
|
||||
"24/7 dedicated support",
|
||||
"Unlimited team size",
|
||||
"Custom integrations",
|
||||
"SLA guarantee"
|
||||
],
|
||||
"button": {
|
||||
"text": "Choose Business",
|
||||
"url": "#"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
{{< /pricing-table-2 >}}
|
||||
|
||||
{{< faq >}}
|
||||
{
|
||||
"title": "Common Questions",
|
||||
"description": "Find answers to frequently asked questions about our pricing plans and features.",
|
||||
"questions": [
|
||||
{
|
||||
"question": "What type of payment do you accept?",
|
||||
"answer": "We accept all major credit cards, PayPal, and bank transfers. All payments are processed securely through our payment providers."
|
||||
},
|
||||
{
|
||||
"question": "Do you offer custom pricing for larger teams?",
|
||||
"answer": "Yes! If you have specific needs or a larger team, please contact our sales team for custom pricing tailored to your requirements."
|
||||
},
|
||||
{
|
||||
"question": "What's included in the free updates?",
|
||||
"answer": "Free updates include all new features, improvements, and bug fixes released during your subscription period. You'll always have access to the latest version."
|
||||
},
|
||||
{
|
||||
"question": "What kind of support is included?",
|
||||
"answer": "All plans include technical support, with varying response times based on your plan level. Enterprise customers get priority support with dedicated account managers."
|
||||
},
|
||||
{
|
||||
"question": "Can I upgrade or downgrade my plan?",
|
||||
"answer": "Yes, you can change your plan at any time. When upgrading, you'll be prorated for the remainder of your billing period. When downgrading, changes take effect at the next billing cycle."
|
||||
}
|
||||
]
|
||||
}
|
||||
{{< /faq >}}
|
||||
@@ -0,0 +1,88 @@
|
||||
---
|
||||
title: "Privacy Policy"
|
||||
layout: "simple"
|
||||
---
|
||||
|
||||
## Introduction
|
||||
|
||||
At Saasify, we take your privacy seriously. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use our service.
|
||||
|
||||
---
|
||||
|
||||
## Information We Collect
|
||||
|
||||
### Personal Information
|
||||
|
||||
* **Name and email address**
|
||||
* **Billing information**
|
||||
* **Usage data and analytics**
|
||||
* **Communication preferences**
|
||||
|
||||
### Automatically Collected Information
|
||||
|
||||
* **IP addresses**
|
||||
* **Browser type**
|
||||
* **Device information**
|
||||
* **Cookies and tracking technologies**
|
||||
|
||||
---
|
||||
|
||||
## How We Use Your Information
|
||||
|
||||
We use the collected information for:
|
||||
|
||||
* **Service Delivery**
|
||||
Providing and maintaining our service
|
||||
* **Updates**
|
||||
Notifying you about changes to our service
|
||||
* **Support**
|
||||
Providing customer support
|
||||
* **Transactions**
|
||||
Processing your transactions
|
||||
* **Analytics**
|
||||
Analyzing usage patterns to improve our service
|
||||
|
||||
---
|
||||
|
||||
## Data Security
|
||||
|
||||
We implement appropriate technical and organizational security measures to protect your personal information. However, no method of transmission over the Internet is 100% secure.
|
||||
|
||||
---
|
||||
|
||||
## Third-Party Services
|
||||
|
||||
We may employ third-party companies and individuals to:
|
||||
|
||||
* Facilitate our service
|
||||
* Provide service-related services
|
||||
* Assist in analyzing service usage
|
||||
|
||||
---
|
||||
|
||||
## Your Rights
|
||||
|
||||
You have the right to:
|
||||
|
||||
* **Access** your personal data
|
||||
* **Correct** inaccurate data
|
||||
* **Request deletion** of your data
|
||||
* **Object** to data processing
|
||||
* **Export** your data
|
||||
|
||||
---
|
||||
|
||||
## Changes to This 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 and updating the "Last Updated" date.
|
||||
|
||||
---
|
||||
|
||||
## Contact Us
|
||||
|
||||
If you have questions about this Privacy Policy, please contact us at:
|
||||
|
||||
* **Email:** privacy@saasify.com
|
||||
* **Address:** 123 Tech Street, San Francisco, CA 94105
|
||||
|
||||
*Last Updated: January 2024*
|
||||
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: 首页
|
||||
# Example Chinese homepage
|
||||
# This is a demonstration of multilingual content
|
||||
# Copy and translate your English content files to create Chinese versions
|
||||
---
|
||||
|
||||
This is an example Chinese homepage file demonstrating multilingual support.
|
||||
@@ -0,0 +1,25 @@
|
||||
---
|
||||
title: "示例博客文章"
|
||||
date: 2024-01-15
|
||||
author: "作者姓名"
|
||||
description: "这是一篇示例博客文章，展示中文内容的格式。"
|
||||
categories: ["示例"]
|
||||
tags: ["hugo", "多语言"]
|
||||
featured_image: "/images/blog/blog-1.jpg"
|
||||
---
|
||||
|
||||
## 介绍
|
||||
|
||||
这是一篇示例博客文章，演示如何为Hugo Saasify主题创建中文内容。
|
||||
|
||||
## 内容结构
|
||||
|
||||
要创建多语言内容：
|
||||
|
||||
1. 在 `content/zh-cn/` 目录中创建文件
|
||||
2. 保持与英文内容相同的文件结构
|
||||
3. 翻译front matter和正文内容
|
||||
|
||||
## 更多信息
|
||||
|
||||
查看主题文档了解更多关于多语言支持的信息。
|
||||
Reference in New Issue
Block a user