{{ .Title }}
+ {{ partial "post-meta.html" . }} +
+ {{ .Content }}
+
+
+
+ {{ if .Site.Params.blog.cta.enable }}
+ {{ partial "components/cta.html" . }}
+ {{ end }}
+- `) lists
+
+## Taxonomy Configuration
+
+Configure categories, tags, and other taxonomies.
+
+```toml
+[taxonomies]
+ category = 'categories'
+ tag = 'tags'
+ author = 'authors'
+ series = 'series'
+```
+
+### Default Taxonomies
+
+The theme supports standard taxonomies:
+- **Categories**: Broad content groupings
+- **Tags**: Specific keywords and topics
+
+### Custom Taxonomies
+
+Add custom taxonomies as needed:
+
+```toml
+[taxonomies]
+ category = 'categories'
+ tag = 'tags'
+ author = 'authors' # Group by author
+ series = 'series' # Group by series
+ product = 'products' # Custom: group by product
+```
+
+Use in content front matter:
+
+```yaml
+---
+title: "My Post"
+categories: ["Technology"]
+tags: ["Hugo", "Web Development"]
+authors: ["John Doe"]
+series: ["Getting Started"]
+products: ["Product A"]
+---
+```
+
+## Advanced Options
+
+### Custom CSS
+
+Add custom CSS files:
+
+```toml
+[params]
+ customCSS = ["css/custom.css", "css/overrides.css"]
+```
+
+Place files in `static/css/` directory.
+
+### Custom JavaScript
+
+Add custom JavaScript files:
+
+```toml
+[params]
+ customJS = ["js/custom.js", "js/analytics.js"]
+```
+
+Place files in `static/js/` directory.
+
+### Multilingual Configuration
+
+The Hugo Saasify Theme has full multilingual (i18n) support with automatic language switcher, translated UI strings, and language-specific content.
+
+#### Basic Multilingual Setup
+
+```toml
+# Set default language
+defaultContentLanguage = "en"
+
+# Whether to include default language in URL path
+# false: English at / (example.com/)
+# true: English at /en/ (example.com/en/)
+defaultContentLanguageInSubdir = false
+
+[languages]
+ [languages.en]
+ languageCode = "en-us"
+ languageName = "English"
+ title = "Your SaaS Name"
+ weight = 1
+ contentDir = "content"
+
+ [languages.zh-cn]
+ languageCode = "zh-cn"
+ languageName = "็ฎไฝไธญๆ"
+ title = "Your SaaS Name"
+ weight = 2
+ contentDir = "content/zh-cn"
+```
+
+#### Language-Specific Parameters
+
+Each language can have its own configuration:
+
+```toml
+[languages.en]
+ languageCode = "en-us"
+ languageName = "English"
+ title = "Saasify"
+ weight = 1
+ contentDir = "content"
+
+ [languages.en.params]
+ description = "Modern SaaS platform"
+
+ # Language-specific CTA
+ [languages.en.params.cta]
+ enable = true
+ title = "Ready to Build Your SaaS Website?"
+ description = "Join companies using our theme"
+ gradient_from = "#2563eb"
+ gradient_to = "#7c3aed"
+ gradient_angle = 30
+ [languages.en.params.cta.primary_button]
+ text = "Get Started Free"
+ url = "/get-started"
+ [languages.en.params.cta.secondary_button]
+ text = "Book Demo"
+ url = "/demo"
+
+ # Language-specific header buttons
+ [languages.en.params.header.buttons.signIn]
+ text = "Sign in"
+ url = "/signin"
+ [languages.en.params.header.buttons.getStarted]
+ text = "Get Started"
+ url = "/get-started"
+
+[languages.zh-cn]
+ languageCode = "zh-cn"
+ languageName = "็ฎไฝไธญๆ"
+ title = "Saasify"
+ weight = 2
+ contentDir = "content/zh-cn"
+
+ [languages.zh-cn.params]
+ description = "็ฐไปฃๅSaaSๅนณๅฐ"
+
+ [languages.zh-cn.params.cta]
+ enable = true
+ title = "ๅๅคๅฅฝๆๅปบๆจ็ SaaS ็ฝ็ซไบๅ๏ผ"
+ description = "ๅ ๅ
ฅๅทฒ็ปไฝฟ็จๆไปฌไธป้ขๅๅปบ็ฒพ็พใ้ซๆง่ฝ็ฝ็ซ็ๅ
ฌๅธใ"
+ gradient_from = "#2563eb"
+ gradient_to = "#7c3aed"
+ gradient_angle = 30
+ [languages.zh-cn.params.cta.primary_button]
+ text = "ๅ
่ดนๅผๅง"
+ url = "/zh-cn/get-started"
+ [languages.zh-cn.params.cta.secondary_button]
+ text = "้ข็บฆๆผ็คบ"
+ url = "/zh-cn/demo"
+
+ [languages.zh-cn.params.header.buttons.signIn]
+ text = "็ปๅฝ"
+ url = "/zh-cn/signin"
+ [languages.zh-cn.params.header.buttons.getStarted]
+ text = "ๅผๅงไฝฟ็จ"
+ url = "/zh-cn/get-started"
+```
+
+#### Language-Specific Menus
+
+Each language needs its own menu configuration:
+
+```toml
+# English menu
+[[languages.en.menu.main]]
+ name = "Features"
+ weight = 1
+ [languages.en.menu.main.params]
+ has_submenu = true
+ submenu = [
+ { name = "Performance", url = "/features/performance/" },
+ { name = "Design System", url = "/features/design-system/" }
+ ]
+
+[[languages.en.menu.main]]
+ name = "Pricing"
+ url = "/pricing"
+ weight = 2
+
+# Chinese menu
+[[languages.zh-cn.menu.main]]
+ name = "ๅ่ฝ็นๆง"
+ weight = 1
+ [languages.zh-cn.menu.main.params]
+ has_submenu = true
+ submenu = [
+ { name = "ๆง่ฝ", url = "/zh-cn/features/performance/" },
+ { name = "่ฎพ่ฎก็ณป็ป", url = "/zh-cn/features/design-system/" }
+ ]
+
+[[languages.zh-cn.menu.main]]
+ name = "ๅฎไปท"
+ url = "/zh-cn/pricing"
+ weight = 2
+```
+
+#### i18n Translation Files
+
+Create translation files for UI strings in your site's `i18n/` directory:
+
+**i18n/en.toml**
+```toml
+[readMore]
+other = "Read More"
+
+[readTime]
+other = "min read"
+
+[previous]
+other = "Previous"
+
+[next]
+other = "Next"
+
+# Add more translations as needed
+```
+
+**i18n/zh-cn.toml**
+```toml
+[readMore]
+other = "้
่ฏปๆดๅค"
+
+[readTime]
+other = "ๅ้้
่ฏป"
+
+[previous]
+other = "ไธไธ้กต"
+
+[next]
+other = "ไธไธ้กต"
+
+# Add more translations as needed
+```
+
+The theme includes default translation files at `themes/chill-theme/i18n/en.toml` with all required UI strings. You can copy these to your site's `i18n/` directory and customize them.
+
+#### Content Organization
+
+Organize your content in language-specific directories:
+
+```
+content/
+โโโ _index.md # English homepage
+โโโ blog/ # English blog posts
+โ โโโ my-post.md
+โโโ features/ # English features
+โ โโโ performance.md
+โโโ zh-cn/ # Chinese content
+ โโโ _index.md # Chinese homepage
+ โโโ blog/ # Chinese blog posts
+ โ โโโ my-post.md
+ โโโ features/ # Chinese features
+ โโโ performance.md
+```
+
+#### Translating Content
+
+Create translated versions by duplicating content and translating:
+
+**content/blog/my-post.md** (English)
+```yaml
+---
+title: "Getting Started with Hugo"
+date: 2024-01-15
+categories: ["Tutorial"]
+tags: ["hugo", "web development"]
+---
+Content in English...
+```
+
+**content/zh-cn/blog/my-post.md** (Chinese)
+```yaml
+---
+title: "Hugoๅ
ฅ้จๆๅ"
+date: 2024-01-15
+categories: ["ๆ็จ"]
+tags: ["hugo", "็ฝ็ซๅผๅ"]
+---
+ไธญๆๅ
ๅฎน...
+```
+
+#### Language Switcher
+
+The theme automatically includes a language switcher in the header when multiple languages are configured. It:
+- Shows the current language name
+- Displays a dropdown with available languages
+- Maintains the same page across languages when available
+- Matches the styling of other dropdown menus
+
+#### URL Structure
+
+By default:
+- Default language: `example.com/page/`
+- Other languages: `example.com/zh-cn/page/`
+
+To put all languages in subdirectories:
+```toml
+defaultContentLanguageInSubdir = true
+```
+
+Then:
+- Default language: `example.com/en/page/`
+- Other languages: `example.com/zh-cn/page/`
+
+#### Multilingual Best Practices
+
+1. **Consistent Structure**: Mirror your content directory structure across languages
+2. **Translation Keys**: Use descriptive i18n keys like `readMore` instead of `rm`
+3. **Date Formats**: Configure language-specific date formats in params
+4. **URLs**: Include language code in URLs for non-default languages
+5. **Menus**: Configure separate menus for each language with translated labels
+6. **Testing**: Test language switching between all available pages
+7. **Fallbacks**: Default language serves as fallback for missing translations
+
+#### Supported Languages
+
+The theme can support any language. Common language codes:
+- `en` - English
+- `es` - Spanish
+- `fr` - French
+- `de` - German
+- `zh-cn` - Simplified Chinese
+- `zh-tw` - Traditional Chinese
+- `ja` - Japanese
+- `ko` - Korean
+- `pt` - Portuguese
+- `it` - Italian
+- `ru` - Russian
+- `ar` - Arabic
+
+#### Available i18n Translation Keys
+
+The theme includes comprehensive i18n support with the following translation keys:
+
+**Blog & Content:**
+- `readMore` - "Read More" link text
+- `readTime` - Reading time suffix (e.g., "min read")
+- `published` - "Published" label
+- `updated` - "Updated" label
+- `by` - Author prefix (e.g., "by John")
+- `categories` - "Categories" heading
+- `tags` - "Tags" heading
+- `allPosts` - "All Posts" link
+
+**Blog Post:**
+- `tableOfContents` - "Table of Contents" heading
+- `minRead` - Reading time text (e.g., "min read")
+- `previousPost` - "Previous Post" navigation
+- `nextPost` - "Next Post" navigation
+- `dateFormat` - Date format string (e.g., "January 2, 2006" or "2006ๅนด1ๆ2ๆฅ")
+
+**Blog Sidebar:**
+- `recentArticles` - "Recent Articles" heading
+- `popularTags` - "Popular Tags" heading
+- `subscribeNewsletter` - Newsletter subscription heading
+- `subscribeDescription` - Newsletter subscription description
+- `emailPlaceholder` - Email input placeholder
+- `subscribe` - Subscribe button text
+- `subscribeDisclaimer` - Privacy disclaimer text
+
+**Navigation & Pages:**
+- `home` - "Home" link
+- `about` - "About" link
+- `contact` - "Contact" link
+- `documentation` - "Documentation" heading
+- `language` - "Language" label
+- `switchLanguage` - "Switch Language" label
+
+**Pagination:**
+- `previous` - "Previous" page link
+- `next` - "Next" page link
+
+**Features & Pricing:**
+- `seeItInAction` - "See it in action" heading
+- `popular` - "Popular" badge
+- `mostPopular` - "Most Popular" badge
+- `perMonth` - "/month" pricing suffix
+
+**Homepage:**
+- `trustedByCompanies` - Company logos section heading
+- `lovedByTeams` - Testimonials section heading
+- `testimonialsDescription` - Testimonials section description
+
+**404 & Search:**
+- `noResults` - "No results found" message
+- `backToHome` - "Back to Home" link
+- `404Title` - "Page Not Found" heading
+- `404Message` - 404 error message
+- `search` - "Search" label
+- `searchPlaceholder` - Search input placeholder
+
+**Footer:**
+- `copyright` - Copyright text (supports variables: `{{ .Year }}` and `{{ .SiteName }}`)
+- `builtWith` - "Built with" text
+- `and` - Conjunction "and"
+
+#### Important: Removing Hardcoded Sidebar Titles
+
+To ensure sidebar translations work correctly, do NOT set title/description/text parameters in the global `[params.blog.sidebar]` configuration. These should only be set in language-specific configurations if needed, otherwise they will override i18n defaults:
+
+```toml
+# โ DON'T: This overrides i18n translations
+[params.blog.sidebar.recent]
+ enable = true
+ title = "Recent Articles" # This prevents translation
+
+# โ
DO: Let i18n handle the translations
+[params.blog.sidebar.recent]
+ enable = true
+ count = 5 # Only set non-text configuration
+```
+
+If you need language-specific customization, set them in language parameters:
+
+```toml
+[languages.en.params.blog.sidebar.recent]
+ title = "Latest Posts" # Custom English title
+
+[languages.zh-cn.params.blog.sidebar.recent]
+ title = "ๆๆฐๆ็ซ " # Custom Chinese title
+```
+
+#### Complete Multilingual Example
+
+See the demo site's `hugo.toml` for a complete working example with English and Simplified Chinese.
+
+For the complete list of translation keys with default values, see:
+```bash
+cat themes/chill-theme/i18n/en.toml
+```
+
+To add a new language, copy `themes/chill-theme/docs/zh-cn.toml.example` to your site's `i18n/` directory with the appropriate language code (e.g., `i18n/fr.toml` for French)
+
+### Output Formats
+
+Configure additional output formats:
+
+```toml
+[outputs]
+ home = ["HTML", "RSS", "JSON"]
+ section = ["HTML", "RSS"]
+```
+
+### Privacy Settings
+
+Configure privacy-related features:
+
+```toml
+[privacy]
+ [privacy.googleAnalytics]
+ anonymizeIP = true
+ respectDoNotTrack = true
+
+ [privacy.youtube]
+ privacyEnhanced = true
+```
+
+## Environment Variables
+
+Use environment variables for sensitive data:
+
+```toml
+[params]
+ googleAnalytics = "${HUGO_GOOGLE_ANALYTICS}"
+ googleTagManager = "${HUGO_GOOGLE_TAG_MANAGER}"
+```
+
+Set variables before building:
+
+```bash
+export HUGO_GOOGLE_ANALYTICS="G-XXXXXXXXXX"
+export HUGO_GOOGLE_TAG_MANAGER="GTM-XXXXXXX"
+hugo
+```
+
+## Configuration Best Practices
+
+1. **Version Control**: Never commit sensitive data (API keys) to Git
+2. **Environment Variables**: Use for deployment-specific values
+3. **Comments**: Document custom configuration choices
+4. **Validation**: Test configuration changes locally before deploying
+5. **Backups**: Keep backups of working configurations
+6. **Organization**: Group related settings together
+7. **Defaults**: Only override defaults when necessary
+
+## Example Complete Configuration
+
+See the theme's `exampleSite/hugo.toml` for a complete, working configuration example.
+
+```bash
+# View example configuration
+cat themes/chill-theme/exampleSite/hugo.toml
+```
+
+## Configuration Migration
+
+### From YAML to TOML
+
+If you have a `config.yaml`, convert to TOML:
+
+```bash
+# Using yj tool
+cat config.yaml | yj -yt > hugo.toml
+```
+
+### From config.toml to hugo.toml
+
+Hugo 0.110+ uses `hugo.toml` instead of `config.toml`:
+
+```bash
+# Simply rename the file
+mv config.toml hugo.toml
+```
+
+## Related Documentation
+
+- [INSTALLATION.md](INSTALLATION.md) - Theme installation
+- [LAYOUTS.md](LAYOUTS.md) - Available layouts
+- [CONTENT-CREATION.md](CONTENT-CREATION.md) - Creating content
+- [STYLING.md](STYLING.md) - Customizing appearance
+- [TROUBLESHOOTING.md](TROUBLESHOOTING.md) - Common issues
+
+## Need Help?
+
+If you're having configuration issues:
+
+1. Check [TROUBLESHOOTING.md](TROUBLESHOOTING.md)
+2. Review the [example configuration](../exampleSite/hugo.toml)
+3. Visit [GitHub Issues](https://github.com/chaoming/chill-theme/issues)
+4. Consult [Hugo Documentation](https://gohugo.io/documentation/)
diff --git a/themes/chill-theme/docs/CONTENT-CREATION.md b/themes/chill-theme/docs/CONTENT-CREATION.md
new file mode 100644
index 0000000..579cd40
--- /dev/null
+++ b/themes/chill-theme/docs/CONTENT-CREATION.md
@@ -0,0 +1,989 @@
+# Content Creation Guide
+
+Complete guide to creating and managing content in the Hugo Saasify Theme. Learn how to create different types of pages, blog posts, documentation, and optimize for SEO.
+
+## Table of Contents
+
+- [Content Structure](#content-structure)
+- [Front Matter Reference](#front-matter-reference)
+- [Page Types](#page-types)
+- [Blog Posts](#blog-posts)
+- [Documentation Pages](#documentation-pages)
+- [Creating Pages](#creating-pages)
+- [Taxonomies](#taxonomies)
+- [Media Management](#media-management)
+- [SEO Optimization](#seo-optimization)
+
+## Content Structure
+
+Hugo content is organized in the `content/` directory with a hierarchical structure.
+
+### Directory Layout
+
+```
+content/
+โโโ _index.md # Homepage
+โโโ blog/
+โ โโโ _index.md # Blog listing page
+โ โโโ my-first-post.md # Blog post
+โ โโโ another-post.md # Blog post
+โโโ docs/
+โ โโโ _index.md # Docs home
+โ โโโ getting-started/
+โ โ โโโ _index.md
+โ โ โโโ installation.md
+โ โโโ guides/
+โ โโโ _index.md
+โ โโโ advanced.md
+โโโ features/
+โ โโโ _index.md
+โ โโโ performance.md
+โ โโโ security.md
+โโโ pricing.md
+โโโ about.md
+โโโ contact.md
+```
+
+### Content Types
+
+- **Single Pages**: Individual pages (About, Contact, Pricing)
+- **List Pages**: Section indexes (`_index.md`)
+- **Blog Posts**: Content in `blog/` directory
+- **Documentation**: Content in `docs/` directory
+- **Custom Types**: Any custom content sections
+
+## Front Matter Reference
+
+Front matter is metadata at the top of your markdown files.
+
+### Common Front Matter
+
+```yaml
+---
+title: "Page Title"
+date: 2025-10-06
+lastmod: 2025-10-06
+draft: false
+description: "Page description for SEO and social sharing"
+slug: "custom-url-slug"
+aliases:
+ - /old-url/
+ - /another-old-url/
+---
+```
+
+### Complete Front Matter Options
+
+```yaml
+---
+# Basic Info
+title: "Complete Page Title"
+date: 2025-10-06T10:00:00-07:00
+lastmod: 2025-10-06T15:30:00-07:00
+draft: false
+publishDate: 2025-10-06T10:00:00-07:00
+expiryDate: 2026-10-06T10:00:00-07:00
+
+# Content
+description: "Detailed description for meta tags and previews"
+summary: "Short summary for listing pages"
+keywords: ["keyword1", "keyword2", "keyword3"]
+
+# Layout
+layout: "single" # or: simple, pricing, company, career, feature
+type: "blog" # Content type
+
+# URL
+slug: "custom-url-slug"
+url: "/custom/path/"
+aliases:
+ - /old-path/
+ - /another-old-path/
+
+# Taxonomies
+categories: ["Technology", "Web Development"]
+tags: ["Hugo", "SaaS", "Tutorial"]
+series: ["Getting Started"]
+
+# Author
+author: "John Doe"
+authors: ["John Doe", "Jane Smith"]
+
+# Media
+images:
+ - /images/featured-image.jpg
+ - /images/social-share.jpg
+
+# SEO
+robots: "index, follow"
+canonical: "https://example.com/canonical-url/"
+
+# Features
+toc: true # Show table of contents
+comments: true # Enable comments
+share: true # Show share buttons
+featured: true # Mark as featured
+weight: 10 # Sort order (lower = earlier)
+
+# Custom Parameters
+custom_field: "value"
+---
+```
+
+### Field Descriptions
+
+**Basic Info**:
+- `title`: Page title (required)
+- `date`: Publication date
+- `draft`: If true, page won't be published
+- `publishDate`: Schedule future publication
+- `expiryDate`: Auto-expire content
+
+**Content**:
+- `description`: Meta description (150-160 chars recommended)
+- `summary`: Short summary for cards/listings
+- `keywords`: SEO keywords (optional, less important today)
+
+**Layout**:
+- `layout`: Template to use
+- `type`: Content type for organization
+
+**URL**:
+- `slug`: Custom URL slug (defaults to filename)
+- `url`: Full custom URL path
+- `aliases`: Redirects from old URLs
+
+**Taxonomies**:
+- `categories`: Broad categories
+- `tags`: Specific tags
+- `series`: Part of a series
+
+## Page Types
+
+### Homepage
+
+**File**: `content/_index.md`
+
+```yaml
+---
+title: "Home"
+description: "Build your SaaS faster with our modern Hugo theme"
+---
+
+{{< hero
+ headline="Build Your SaaS Faster"
+ sub_headline="A modern, responsive Hugo theme for SaaS companies"
+ primary_button_text="Get Started"
+ primary_button_url="/signup"
+ hero_image="/images/hero.png"
+>}}
+
+{{< features-section title="Why Choose Us" >}}
+{{< feature icon="zap" title="Fast" description="Lightning fast performance" >}}
+{{< feature icon="lock" title="Secure" description="Enterprise security" >}}
+{{< /features-section >}}
+```
+
+### Simple Page
+
+For clean, focused content pages.
+
+```yaml
+---
+title: "Privacy Policy"
+layout: simple
+description: "Our privacy policy and data handling practices"
+---
+
+# Privacy Policy
+
+Last updated: October 6, 2025
+
+## Introduction
+
+Your privacy is important to us...
+
+## Data Collection
+
+We collect the following information...
+```
+
+**Use Cases**:
+- Privacy Policy
+- Terms of Service
+- Legal pages
+- Documentation
+
+### Feature Page
+
+Showcase a specific feature or product.
+
+```yaml
+---
+title: "Performance Features"
+layout: feature
+description: "Lightning-fast performance for your SaaS application"
+featured_image: "/images/feature-performance.jpg"
+---
+
+{{< hero
+ headline="Unmatched Performance"
+ sub_headline="Built for speed from the ground up"
+ hero_image="/images/performance.png"
+>}}
+
+## Lightning Fast
+
+Our platform is optimized for speed...
+
+{{< stat value="<50ms" label="Response Time" >}}
+{{< stat value="99.9%" label="Uptime" >}}
+```
+
+### Pricing Page
+
+Display your pricing plans.
+
+```yaml
+---
+title: "Pricing"
+layout: pricing
+description: "Choose the perfect plan for your needs"
+---
+
+{{< pricing-table-1 >}}
+{
+ "title": "Simple, Transparent Pricing",
+ "plans": [...]
+}
+{{< /pricing-table-1 >}}
+
+{{< faq >}}
+{
+ "title": "Pricing FAQ",
+ "questions": [...]
+}
+{{< /faq >}}
+```
+
+### Company/About Page
+
+For company information and team pages.
+
+```yaml
+---
+title: "About Us"
+layout: company
+description: "Learn about our mission, vision, and team"
+---
+
+{{< hero headline="Our Story" sub_headline="Building the future of SaaS" >}}
+
+## Our Mission
+
+We're on a mission to...
+
+{{< stat value="100+" label="Customers" >}}
+{{< stat value="50+" label="Team Members" >}}
+{{< stat value="10+" label="Countries" >}}
+
+## Our Team
+
+{{< team-member
+ name="Jane Doe"
+ title="CEO & Founder"
+ image="/images/team/jane.jpg"
+ bio="Jane has 15 years of experience..."
+ linkedin="https://linkedin.com/in/janedoe"
+>}}
+```
+
+### Career Page
+
+Job listings and career information.
+
+```yaml
+---
+title: "Careers"
+layout: career
+description: "Join our team and build the future"
+---
+
+## Why Work With Us
+
+Great benefits, amazing culture...
+
+## Open Positions
+
+Our job listings are below...
+```
+
+### Job Single
+
+Individual job postings.
+
+```yaml
+---
+title: "Senior Software Engineer"
+layout: job-single
+date: 2025-10-06
+department: "Engineering"
+location: "Remote"
+type: "Full-time"
+salary_range: "$120k - $180k"
+---
+
+## About the Role
+
+We're looking for a senior software engineer...
+
+## Requirements
+
+- 5+ years of experience
+- Strong knowledge of Go/Python
+- Experience with distributed systems
+
+## Benefits
+
+- Competitive salary
+- Health insurance
+- Remote work
+- Unlimited PTO
+```
+
+## Blog Posts
+
+Creating and managing blog content.
+
+### Creating a Blog Post
+
+```bash
+# Create new post
+hugo new blog/my-awesome-post.md
+```
+
+### Blog Post Front Matter
+
+```yaml
+---
+title: "How to Build a SaaS Application"
+date: 2025-10-06
+lastmod: 2025-10-06
+author: "John Doe"
+description: "Complete guide to building your first SaaS application"
+categories: ["Tutorials"]
+tags: ["SaaS", "Web Development", "Tutorial"]
+featured_image: "/images/blog/saas-guide.jpg"
+draft: false
+toc: true
+---
+
+Your blog post content here...
+```
+
+### Blog Post Structure
+
+```markdown
+---
+title: "Complete Blog Post Example"
+date: 2025-10-06
+author: "John Doe"
+categories: ["Technology"]
+tags: ["Hugo", "Web Development"]
+featured_image: "/images/blog/featured.jpg"
+description: "Learn how to write great blog posts"
+---
+
+## Introduction
+
+Start with a hook that grabs attention...
+
+## Main Content
+
+### Subsection 1
+
+Detailed content with examples...
+
+```javascript
+// Code example
+function example() {
+ return "Hello, World!";
+}
+```
+
+### Subsection 2
+
+More content...
+
+## Conclusion
+
+Wrap up with key takeaways...
+
+## Further Reading
+
+- [Related Article 1](#)
+- [Related Article 2](#)
+```
+
+### Blog Features
+
+**Table of Contents**:
+```yaml
+---
+toc: true
+---
+```
+
+**Featured Image**:
+```yaml
+---
+featured_image: "/images/blog/my-post.jpg"
+---
+```
+
+**Author Info**:
+```yaml
+---
+author: "John Doe"
+# or multiple authors
+authors: ["John Doe", "Jane Smith"]
+---
+```
+
+**Categories & Tags**:
+```yaml
+---
+categories: ["Technology", "Business"]
+tags: ["Hugo", "SaaS", "Web", "Tutorial"]
+---
+```
+
+## Documentation Pages
+
+Create structured documentation with sidebar navigation.
+
+### Documentation Structure
+
+```
+content/docs/
+โโโ _index.md # Docs home
+โโโ getting-started/
+โ โโโ _index.md # Section index
+โ โโโ installation.md # weight: 1
+โ โโโ configuration.md # weight: 2
+โ โโโ first-steps.md # weight: 3
+โโโ guides/
+โ โโโ _index.md
+โ โโโ customization.md
+โ โโโ deployment.md
+โโโ reference/
+ โโโ _index.md
+ โโโ api.md
+ โโโ configuration.md
+```
+
+### Documentation Front Matter
+
+```yaml
+---
+title: "Installation Guide"
+description: "How to install the theme"
+weight: 1 # Sort order in sidebar
+draft: false
+toc: true # Show table of contents
+---
+
+# Installation Guide
+
+Complete installation instructions...
+```
+
+### Documentation Index Pages
+
+**Section Index** (`_index.md`):
+
+```yaml
+---
+title: "Getting Started"
+description: "Start here to learn the basics"
+weight: 1
+---
+
+# Getting Started
+
+Welcome to our documentation!
+
+## In This Section
+
+- [Installation](installation/)
+- [Configuration](configuration/)
+- [First Steps](first-steps/)
+```
+
+### Sidebar Navigation
+
+The sidebar automatically generates from:
+1. Directory structure
+2. `weight` parameter (lower = earlier)
+3. Front matter titles
+
+**Example Sidebar Order**:
+
+```yaml
+# content/docs/getting-started/_index.md
+---
+title: "Getting Started"
+weight: 1
+---
+
+# content/docs/getting-started/installation.md
+---
+title: "Installation"
+weight: 1
+---
+
+# content/docs/getting-started/configuration.md
+---
+title: "Configuration"
+weight: 2
+---
+
+# content/docs/guides/_index.md
+---
+title: "Guides"
+weight: 2
+---
+```
+
+### Documentation Best Practices
+
+1. **Hierarchical Structure**: Organize content logically
+2. **Clear Titles**: Use descriptive, searchable titles
+3. **Weight Ordering**: Use weights for custom ordering
+4. **Cross-Linking**: Link related documentation
+5. **Examples**: Include code examples and screenshots
+6. **Table of Contents**: Enable TOC for long pages
+7. **Keep Updated**: Review and update regularly
+
+### Documentation Features
+
+**Table of Contents**:
+```markdown
+---
+toc: true
+---
+
+{{< toc >}}
+
+# Your Content
+```
+
+**Code Examples**:
+```markdown
+{{< code lang="bash" title="Installation" >}}
+hugo new site mysite
+{{< /code >}}
+```
+
+**Callouts/Alerts**:
+```markdown
+> **Note**: Important information here
+
+> **Warning**: Caution about this action
+```
+
+**Cross-References**:
+```markdown
+See [Installation Guide](../getting-started/installation/) for details.
+```
+
+## Creating Pages
+
+### Using Hugo CLI
+
+```bash
+# Create a blog post
+hugo new blog/my-post.md
+
+# Create a documentation page
+hugo new docs/guides/my-guide.md
+
+# Create a custom page
+hugo new features/new-feature.md
+```
+
+### Manual Creation
+
+Create file directly in `content/` directory:
+
+```bash
+touch content/about.md
+```
+
+Add front matter and content:
+
+```yaml
+---
+title: "About Us"
+description: "Learn about our company"
+layout: simple
+---
+
+# About Us
+
+Our story begins...
+```
+
+### Content Organization
+
+**Flat Structure** (simple sites):
+```
+content/
+โโโ _index.md
+โโโ about.md
+โโโ pricing.md
+โโโ contact.md
+```
+
+**Hierarchical Structure** (complex sites):
+```
+content/
+โโโ _index.md
+โโโ blog/
+โ โโโ posts...
+โโโ docs/
+โ โโโ documentation...
+โโโ features/
+โ โโโ feature pages...
+โโโ company/
+ โโโ about.md
+ โโโ team.md
+ โโโ careers/
+ โโโ jobs...
+```
+
+## Taxonomies
+
+Organize content with categories, tags, and custom taxonomies.
+
+### Using Categories
+
+```yaml
+---
+title: "My Post"
+categories: ["Technology", "Web Development"]
+---
+```
+
+**Category Page**: Automatically created at `/categories/technology/`
+
+### Using Tags
+
+```yaml
+---
+title: "My Post"
+tags: ["Hugo", "SaaS", "Tutorial", "Beginner"]
+---
+```
+
+**Tag Page**: Automatically created at `/tags/hugo/`
+
+### Custom Taxonomies
+
+1. **Define in `hugo.toml`**:
+```toml
+[taxonomies]
+ category = 'categories'
+ tag = 'tags'
+ series = 'series'
+ author = 'authors'
+```
+
+2. **Use in Content**:
+```yaml
+---
+title: "My Post"
+series: ["Getting Started Guide"]
+authors: ["John Doe"]
+---
+```
+
+3. **Access**: `/series/getting-started-guide/`, `/authors/john-doe/`
+
+### Taxonomy Best Practices
+
+- **Categories**: Broad topics (5-10 total)
+- **Tags**: Specific keywords (unlimited)
+- **Consistent Naming**: Use consistent case and format
+- **Don't Over-Tag**: 3-7 tags per post is ideal
+
+## Media Management
+
+### Images
+
+**Storage Location**: `static/images/`
+
+```
+static/
+โโโ images/
+ โโโ logo.svg
+ โโโ hero.png
+ โโโ blog/
+ โ โโโ post-1.jpg
+ โ โโโ post-2.jpg
+ โโโ team/
+ โโโ john.jpg
+ โโโ jane.jpg
+```
+
+**Using in Content**:
+
+```markdown
+
+```
+
+**Using with Shortcode**:
+
+```markdown
+{{< figure
+ src="/images/diagram.png"
+ alt="System Architecture"
+ caption="Our microservices architecture"
+>}}
+```
+
+### Image Optimization
+
+**Best Practices**:
+- Compress images before uploading
+- Use appropriate formats (WebP, JPEG, PNG)
+- Use responsive images
+- Include alt text for accessibility
+
+**Tools**:
+- [TinyPNG](https://tinypng.com/) - Compression
+- [Squoosh](https://squoosh.app/) - Format conversion
+- ImageOptim (Mac)
+- ImageMagick (CLI)
+
+### Featured Images
+
+**Blog Posts**:
+```yaml
+---
+featured_image: "/images/blog/post-featured.jpg"
+---
+```
+
+**Social Sharing**:
+```yaml
+---
+images:
+ - /images/social-share.jpg
+---
+```
+
+### Videos
+
+**YouTube Embed**:
+```markdown
+{{< youtube VIDEO_ID >}}
+```
+
+**Vimeo Embed**:
+```markdown
+{{< vimeo VIDEO_ID >}}
+```
+
+**Self-Hosted**:
+```html
+
+```
+
+### Files & Downloads
+
+**PDFs and Documents**:
+
+Store in `static/files/`:
+
+```markdown
+[Download PDF](/files/whitepaper.pdf)
+```
+
+## SEO Optimization
+
+### Essential SEO Elements
+
+**Title & Description**:
+```yaml
+---
+title: "How to Build a SaaS Application in 2025"
+description: "Complete guide to building, launching, and scaling your SaaS application with modern tools and best practices."
+---
+```
+
+**URL Structure**:
+```yaml
+---
+slug: "build-saas-application-2025"
+---
+```
+
+**Canonical URL**:
+```yaml
+---
+canonical: "https://example.com/blog/original-post/"
+---
+```
+
+### Open Graph Tags
+
+Automatically generated from:
+
+```yaml
+---
+title: "Page Title"
+description: "Page description"
+images:
+ - /images/social-share.jpg
+---
+```
+
+### Twitter Cards
+
+Same as Open Graph:
+
+```yaml
+---
+title: "Twitter-friendly Title"
+description: "Compelling description under 200 characters"
+images:
+ - /images/twitter-card.jpg
+---
+```
+
+### Structured Data
+
+Add JSON-LD structured data for rich results:
+
+```html
+
+```
+
+### SEO Best Practices
+
+1. **Descriptive Titles**: 50-60 characters
+2. **Meta Descriptions**: 150-160 characters
+3. **Headings Hierarchy**: Use h1, h2, h3 properly
+4. **Image Alt Text**: Describe images accurately
+5. **Internal Linking**: Link related content
+6. **Fast Loading**: Optimize performance
+7. **Mobile Friendly**: Ensure responsive design
+8. **HTTPS**: Use secure connections
+9. **Sitemap**: Auto-generated by Hugo
+10. **robots.txt**: Control crawler access
+
+### Keywords
+
+```yaml
+---
+keywords: ["SaaS", "web development", "Hugo", "tutorial"]
+---
+```
+
+**Note**: Less important for SEO today, but can help with organization.
+
+## Content Best Practices
+
+### Writing Guidelines
+
+1. **Clear Headlines**: Descriptive, engaging titles
+2. **Short Paragraphs**: 2-3 sentences max
+3. **Bullet Points**: Break up long lists
+4. **Visual Elements**: Images, diagrams, videos
+5. **Code Examples**: Syntax highlighted, tested
+6. **Internal Links**: Guide readers to related content
+7. **CTAs**: Clear next steps
+8. **Proofreading**: Check spelling and grammar
+
+### Content Workflow
+
+1. **Plan**: Outline structure and key points
+2. **Draft**: Write content in markdown
+3. **Review**: Check for accuracy and clarity
+4. **Optimize**: Add SEO elements, images
+5. **Preview**: Test with `hugo server -D`
+6. **Publish**: Remove `draft: true`
+7. **Promote**: Share on social media
+8. **Update**: Review and refresh periodically
+
+### Markdown Tips
+
+**Bold & Italic**:
+```markdown
+**bold text**
+*italic text*
+***bold and italic***
+```
+
+**Lists**:
+```markdown
+- Unordered item
+- Another item
+
+1. Ordered item
+2. Another ordered item
+```
+
+**Links**:
+```markdown
+[Link text](https://example.com)
+[Internal link](/about/)
+```
+
+**Code**:
+```markdown
+Inline `code` with backticks
+
+```language
+code block
+```
+```
+
+**Blockquotes**:
+```markdown
+> This is a quote
+> Second line
+```
+
+**Tables**:
+```markdown
+| Column 1 | Column 2 |
+|----------|----------|
+| Data 1 | Data 2 |
+```
+
+## Related Documentation
+
+- [SHORTCODES.md](SHORTCODES.md) - Available shortcodes
+- [LAYOUTS.md](LAYOUTS.md) - Layout templates
+- [CONFIGURATION.md](CONFIGURATION.md) - Site configuration
+- [STYLING.md](STYLING.md) - Styling customization
+
+## Additional Resources
+
+- [Hugo Content Management](https://gohugo.io/content-management/)
+- [Markdown Guide](https://www.markdownguide.org/)
+- [SEO Best Practices](https://developers.google.com/search/docs)
+- [Schema.org Documentation](https://schema.org/)
diff --git a/themes/chill-theme/docs/DEPLOYMENT.md b/themes/chill-theme/docs/DEPLOYMENT.md
new file mode 100644
index 0000000..d794f7f
--- /dev/null
+++ b/themes/chill-theme/docs/DEPLOYMENT.md
@@ -0,0 +1,811 @@
+# Deployment Guide
+
+Complete guide to deploying your Hugo Saasify Theme site to production. Learn how to deploy to popular platforms and optimize for performance.
+
+## Table of Contents
+
+- [Building for Production](#building-for-production)
+- [Platform Deployment Guides](#platform-deployment-guides)
+ - [Netlify](#netlify)
+ - [Vercel](#vercel)
+ - [GitHub Pages](#github-pages)
+ - [Cloudflare Pages](#cloudflare-pages)
+ - [AWS S3 + CloudFront](#aws-s3--cloudfront)
+- [Custom Server Deployment](#custom-server-deployment)
+- [Environment Variables](#environment-variables)
+- [Performance Optimization](#performance-optimization)
+- [CI/CD Setup](#cicd-setup)
+- [Post-Deployment](#post-deployment)
+
+## Building for Production
+
+Before deploying, build your site for production.
+
+### Build Command
+
+```bash
+# Basic build
+hugo
+
+# Build with minification
+hugo --minify
+
+# Build with specific environment
+hugo --environment production
+```
+
+### Build Output
+
+The build creates a `public/` directory containing:
+```
+public/
+โโโ index.html
+โโโ css/
+โ โโโ main.min.[hash].css
+โโโ js/
+โ โโโ main.min.[hash].js
+โโโ images/
+โโโ blog/
+โโโ docs/
+โโโ ...
+```
+
+### Pre-Deployment Checklist
+
+- [ ] Update `baseURL` in `hugo.toml` to production URL
+- [ ] Remove draft posts (`draft: false` or remove drafts)
+- [ ] Test build locally: `hugo && hugo server -s public`
+- [ ] Verify all links work
+- [ ] Check image paths and assets
+- [ ] Test responsive design
+- [ ] Validate HTML/CSS
+- [ ] Check analytics integration
+- [ ] Review SEO meta tags
+- [ ] Test performance with Lighthouse
+
+### Environment Configuration
+
+**Development**:
+```toml
+# hugo.toml
+baseURL = "http://localhost:1313/"
+```
+
+**Production** (update before deploying):
+```toml
+# hugo.toml
+baseURL = "https://yourdomain.com/"
+```
+
+## Platform Deployment Guides
+
+### Netlify
+
+Netlify offers automatic deployments from Git with continuous deployment.
+
+#### Quick Deploy
+
+1. **Push to Git**:
+```bash
+git add .
+git commit -m "Ready for deployment"
+git push origin main
+```
+
+2. **Connect to Netlify**:
+ - Visit [netlify.com](https://netlify.com)
+ - Click "Add new site" โ "Import an existing project"
+ - Choose Git provider (GitHub, GitLab, Bitbucket)
+ - Select your repository
+
+3. **Configure Build Settings**:
+ - **Build command**: `hugo --minify`
+ - **Publish directory**: `public`
+ - **Production branch**: `main`
+
+4. **Environment Variables** (click "Show advanced"):
+ ```
+ HUGO_VERSION = 0.120.0
+ HUGO_ENV = production
+ ```
+
+5. **Deploy**: Click "Deploy site"
+
+#### Netlify Configuration File
+
+Create `netlify.toml` in project root:
+
+```toml
+[build]
+ publish = "public"
+ command = "hugo --minify"
+
+[build.environment]
+ HUGO_VERSION = "0.120.0"
+ HUGO_ENV = "production"
+ HUGO_ENABLEGITINFO = "true"
+
+[context.production.environment]
+ HUGO_ENV = "production"
+
+[context.deploy-preview]
+ command = "hugo --minify --buildFuture -b $DEPLOY_PRIME_URL"
+
+[context.branch-deploy]
+ command = "hugo --minify -b $DEPLOY_PRIME_URL"
+
+[[redirects]]
+ from = "/old-page"
+ to = "/new-page"
+ status = 301
+
+[[headers]]
+ for = "/*"
+ [headers.values]
+ X-Frame-Options = "DENY"
+ X-XSS-Protection = "1; mode=block"
+ X-Content-Type-Options = "nosniff"
+```
+
+#### Custom Domain
+
+1. Go to **Site settings** โ **Domain management**
+2. Click "Add custom domain"
+3. Enter your domain: `yourdomain.com`
+4. Configure DNS:
+ - **A Record**: Point to Netlify's load balancer IP
+ - **CNAME**: Point `www` to `[your-site].netlify.app`
+5. Enable HTTPS (automatic with Let's Encrypt)
+
+### Vercel
+
+Vercel provides zero-configuration deployments with global CDN.
+
+#### Deploy to Vercel
+
+1. **Install Vercel CLI** (optional):
+```bash
+npm install -g vercel
+```
+
+2. **Deploy via CLI**:
+```bash
+vercel
+```
+
+Or deploy via web interface:
+
+3. **Connect Repository**:
+ - Visit [vercel.com](https://vercel.com)
+ - Click "Add New" โ "Project"
+ - Import your Git repository
+
+4. **Configure Project**:
+ - **Framework Preset**: Hugo
+ - **Build Command**: `hugo --minify`
+ - **Output Directory**: `public`
+ - **Install Command**: Leave empty
+
+5. **Environment Variables**:
+```
+HUGO_VERSION=0.120.0
+```
+
+6. **Deploy**: Click "Deploy"
+
+#### Vercel Configuration
+
+Create `vercel.json`:
+
+```json
+{
+ "build": {
+ "env": {
+ "HUGO_VERSION": "0.120.0"
+ }
+ },
+ "redirects": [
+ {
+ "source": "/old-page",
+ "destination": "/new-page",
+ "permanent": true
+ }
+ ],
+ "headers": [
+ {
+ "source": "/(.*)",
+ "headers": [
+ {
+ "key": "X-Frame-Options",
+ "value": "DENY"
+ },
+ {
+ "key": "X-Content-Type-Options",
+ "value": "nosniff"
+ }
+ ]
+ }
+ ]
+}
+```
+
+### GitHub Pages
+
+Free hosting directly from your GitHub repository.
+
+#### Setup GitHub Pages
+
+1. **Create Repository**:
+ - Name: `username.github.io` (user site)
+ - Or: `repository-name` (project site)
+
+2. **Update Base URL**:
+```toml
+# hugo.toml
+baseURL = "https://username.github.io/"
+# or for project site:
+baseURL = "https://username.github.io/repository-name/"
+```
+
+3. **Create GitHub Action**:
+
+`.github/workflows/hugo.yml`:
+
+```yaml
+name: Deploy Hugo site to Pages
+
+on:
+ push:
+ branches: ["main"]
+ workflow_dispatch:
+
+permissions:
+ contents: read
+ pages: write
+ id-token: write
+
+concurrency:
+ group: "pages"
+ cancel-in-progress: false
+
+defaults:
+ run:
+ shell: bash
+
+jobs:
+ build:
+ runs-on: ubuntu-latest
+ env:
+ HUGO_VERSION: 0.120.0
+ steps:
+ - name: Install Hugo CLI
+ run: |
+ wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+ && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+
+ - name: Checkout
+ uses: actions/checkout@v4
+ with:
+ submodules: recursive
+
+ - name: Setup Pages
+ id: pages
+ uses: actions/configure-pages@v4
+
+ - name: Install Node.js dependencies
+ run: |
+ cp themes/chill-theme/package.json .
+ cp themes/chill-theme/postcss.config.js .
+ cp themes/chill-theme/tailwind.config.copy.js ./tailwind.config.js
+ npm install
+
+ - name: Build with Hugo
+ env:
+ HUGO_ENVIRONMENT: production
+ HUGO_ENV: production
+ run: |
+ hugo \
+ --minify \
+ --baseURL "${{ steps.pages.outputs.base_url }}/"
+
+ - name: Upload artifact
+ uses: actions/upload-pages-artifact@v2
+ with:
+ path: ./public
+
+ deploy:
+ environment:
+ name: github-pages
+ url: ${{ steps.deployment.outputs.page_url }}
+ runs-on: ubuntu-latest
+ needs: build
+ steps:
+ - name: Deploy to GitHub Pages
+ id: deployment
+ uses: actions/deploy-pages@v3
+```
+
+4. **Enable GitHub Pages**:
+ - Go to repository **Settings** โ **Pages**
+ - **Source**: GitHub Actions
+ - Save
+
+5. **Push and Deploy**:
+```bash
+git add .
+git commit -m "Deploy to GitHub Pages"
+git push origin main
+```
+
+### Cloudflare Pages
+
+Fast, global CDN with automatic deployments.
+
+#### Deploy to Cloudflare Pages
+
+1. **Connect Repository**:
+ - Visit [pages.cloudflare.com](https://pages.cloudflare.com)
+ - Click "Create a project"
+ - Connect your Git account
+ - Select repository
+
+2. **Configure Build**:
+ - **Framework preset**: Hugo
+ - **Build command**: `hugo --minify`
+ - **Build output directory**: `public`
+ - **Root directory**: Leave blank
+
+3. **Environment Variables**:
+```
+HUGO_VERSION=0.120.0
+```
+
+4. **Deploy**: Click "Save and Deploy"
+
+#### Custom Domain
+
+1. Go to project โ **Custom domains**
+2. Add your domain
+3. Configure DNS (Cloudflare handles this automatically)
+4. SSL/TLS is automatic
+
+### AWS S3 + CloudFront
+
+Enterprise-grade hosting with AWS infrastructure.
+
+#### S3 Setup
+
+1. **Create S3 Bucket**:
+```bash
+aws s3 mb s3://your-bucket-name --region us-east-1
+```
+
+2. **Enable Static Website Hosting**:
+```bash
+aws s3 website s3://your-bucket-name \
+ --index-document index.html \
+ --error-document 404.html
+```
+
+3. **Set Bucket Policy**:
+
+Create `bucket-policy.json`:
+```json
+{
+ "Version": "2012-10-17",
+ "Statement": [
+ {
+ "Sid": "PublicReadGetObject",
+ "Effect": "Allow",
+ "Principal": "*",
+ "Action": "s3:GetObject",
+ "Resource": "arn:aws:s3:::your-bucket-name/*"
+ }
+ ]
+}
+```
+
+Apply:
+```bash
+aws s3api put-bucket-policy \
+ --bucket your-bucket-name \
+ --policy file://bucket-policy.json
+```
+
+4. **Deploy Site**:
+```bash
+hugo --minify
+aws s3 sync public/ s3://your-bucket-name --delete
+```
+
+#### CloudFront Setup
+
+1. **Create Distribution**:
+ - Origin: Your S3 bucket
+ - Viewer protocol: Redirect HTTP to HTTPS
+ - Price class: Choose based on needs
+ - Alternate domain names: your-domain.com
+ - SSL certificate: Request from ACM
+
+2. **Configure DNS**:
+ - Add CNAME record pointing to CloudFront distribution
+
+3. **Invalidate Cache After Deployment**:
+```bash
+aws cloudfront create-invalidation \
+ --distribution-id YOUR_DISTRIBUTION_ID \
+ --paths "/*"
+```
+
+#### Deployment Script
+
+Create `deploy.sh`:
+
+```bash
+#!/bin/bash
+
+# Build site
+echo "Building site..."
+hugo --minify
+
+# Sync to S3
+echo "Uploading to S3..."
+aws s3 sync public/ s3://your-bucket-name \
+ --delete \
+ --cache-control "max-age=3600"
+
+# Invalidate CloudFront cache
+echo "Invalidating CloudFront cache..."
+aws cloudfront create-invalidation \
+ --distribution-id YOUR_DISTRIBUTION_ID \
+ --paths "/*"
+
+echo "Deployment complete!"
+```
+
+Make executable:
+```bash
+chmod +x deploy.sh
+./deploy.sh
+```
+
+## Custom Server Deployment
+
+### Nginx
+
+1. **Build Site**:
+```bash
+hugo --minify
+```
+
+2. **Upload to Server**:
+```bash
+rsync -avz --delete public/ user@server:/var/www/html/
+```
+
+3. **Nginx Configuration**:
+
+`/etc/nginx/sites-available/yoursite`:
+
+```nginx
+server {
+ listen 80;
+ listen [::]:80;
+ server_name yourdomain.com www.yourdomain.com;
+ return 301 https://$server_name$request_uri;
+}
+
+server {
+ listen 443 ssl http2;
+ listen [::]:443 ssl http2;
+ server_name yourdomain.com www.yourdomain.com;
+
+ ssl_certificate /path/to/cert.pem;
+ ssl_certificate_key /path/to/key.pem;
+
+ root /var/www/html;
+ index index.html;
+
+ location / {
+ try_files $uri $uri/ =404;
+ }
+
+ # Cache static assets
+ location ~* \.(jpg|jpeg|png|gif|ico|css|js|svg|woff|woff2)$ {
+ expires 1y;
+ add_header Cache-Control "public, immutable";
+ }
+
+ # Security headers
+ add_header X-Frame-Options "DENY" always;
+ add_header X-Content-Type-Options "nosniff" always;
+ add_header X-XSS-Protection "1; mode=block" always;
+
+ # Gzip compression
+ gzip on;
+ gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+}
+```
+
+4. **Enable Site**:
+```bash
+sudo ln -s /etc/nginx/sites-available/yoursite /etc/nginx/sites-enabled/
+sudo nginx -t
+sudo systemctl reload nginx
+```
+
+### Apache
+
+**Apache Configuration**:
+
+`/etc/apache2/sites-available/yoursite.conf`:
+
+```apache
+
- + {{ .title }} + +
-
+
{{ .description }}
+
+ - + + {{ . | default "" }} + + {{ end }} +
- + + {{ . | default "" }} + + {{ end }} +
- + + {{ . }} + + {{ end }} +
- + + {{ . }} + + {{ end }} +
+
+{{ end }}
+```
+
+### Simple Page Layout
+
+**File**: `layouts/_default/simple.html`
+
+Used for clean, content-focused pages like privacy policy, terms of service.
+
+**Features**:
+- Centered content
+- No sidebar
+- Minimal chrome
+- Full prose styling
+
+**Front Matter**:
+```yaml
+---
+title: "Privacy Policy"
+layout: simple
+---
+```
+
+**Use Cases**:
+- Legal pages
+- Documentation
+- Long-form content
+- Landing pages
+
+## Page Templates
+
+### Pricing Page Layout
+
+**File**: `layouts/_default/pricing.html`
+
+Specialized layout for pricing pages.
+
+**Features**:
+- Pricing table support
+- Feature comparison
+- FAQ section
+- CTA integration
+- Custom pricing shortcodes
+
+**Front Matter**:
+```yaml
+---
+title: "Pricing"
+layout: pricing
+description: "Choose the perfect plan for your needs"
+---
+```
+
+**Content Example**:
+```markdown
+---
+title: "Pricing"
+layout: pricing
+---
+
+{{< pricing-table-1 >}}
+{
+ "title": "Choose Your Plan",
+ "description": "Start free, upgrade as you grow",
+ "plans": [...]
+}
+{{< /pricing-table-1 >}}
+
+{{< faq >}}
+# Frequently Asked Questions
+...
+{{< /faq >}}
+```
+
+### Company/About Page Layout
+
+**File**: `layouts/_default/company.html`
+
+Designed for company and about pages.
+
+**Features**:
+- Team member showcase
+- Company stats
+- Mission/vision sections
+- Investor logos
+- Value propositions
+
+**Front Matter**:
+```yaml
+---
+title: "About Us"
+layout: company
+description: "Learn about our mission and team"
+---
+```
+
+**Typical Structure**:
+```markdown
+{{< hero headline="About Our Company" ... >}}
+
+{{< section-container >}}
+## Our Mission
+...
+{{< /section-container >}}
+
+{{< stat value="100+" label="Happy Clients" >}}
+{{< stat value="50+" label="Team Members" >}}
+
+{{< team-member name="John Doe" ... >}}
+{{< team-member name="Jane Smith" ... >}}
+```
+
+### Career Page Layout
+
+**File**: `layouts/_default/career.html`
+
+For careers/jobs listing pages.
+
+**Features**:
+- Job listings grid
+- Department filtering
+- Location filtering
+- Application CTA
+- Company culture section
+
+**Front Matter**:
+```yaml
+---
+title: "Careers"
+layout: career
+description: "Join our team"
+---
+```
+
+### Job Single Layout
+
+**File**: `layouts/_default/job-single.html`
+
+Individual job posting pages.
+
+**Features**:
+- Job details
+- Requirements list
+- Benefits list
+- Apply button
+- Share functionality
+
+**Front Matter**:
+```yaml
+---
+title: "Senior Developer"
+layout: job-single
+department: "Engineering"
+location: "Remote"
+type: "Full-time"
+---
+```
+
+### Feature Page Layout
+
+**File**: `layouts/_default/feature.html`
+
+Showcase individual features or products.
+
+**Features**:
+- Hero section
+- Feature highlights
+- Screenshots/demos
+- Use cases
+- Integration info
+
+**Front Matter**:
+```yaml
+---
+title: "Performance Features"
+layout: feature
+description: "Lightning-fast performance"
+---
+```
+
+## Partial Components
+
+Reusable components used across layouts.
+
+### Header Partial
+
+**File**: `layouts/partials/header.html`
+
+**Features**:
+- Responsive navigation
+- Dropdown menus
+- Logo
+- CTA buttons
+- Mobile menu
+
+**Variables**:
+- `Site.Params.header.*` - Header configuration
+- `Site.Menus.main` - Navigation menu items
+
+**Customization**:
+```toml
+[params.header]
+ background = "bg-white"
+ [params.header.logo]
+ src = "/images/logo.svg"
+```
+
+### Footer Partial
+
+**File**: `layouts/partials/footer.html`
+
+**Features**:
+- Multi-column layout
+- Footer menus
+- Social media links
+- Newsletter signup
+- Copyright notice
+
+**Variables**:
+- `Site.Params.footer.*` - Footer configuration
+- `Site.Params.social.*` - Social media links
+- `Site.Menus.footer_column_*` - Footer menus
+
+### Sidebar Partial
+
+**File**: `layouts/partials/sidebar.html`
+
+Blog sidebar with widgets.
+
+**Features**:
+- Recent posts
+- Categories
+- Tags cloud
+- Newsletter subscription
+- Search (optional)
+
+**Configuration**:
+```toml
+[params.blog.sidebar]
+ [params.blog.sidebar.recent]
+ enable = true
+ count = 5
+```
+
+### Documentation Sidebar
+
+**File**: `layouts/partials/docs-sidebar.html`
+
+Navigation for documentation pages.
+
+**Features**:
+- Hierarchical navigation
+- Active page highlighting
+- Collapsible sections
+- Search integration
+
+**Usage**:
+Automatically included in `layouts/docs/single.html`
+
+### Post Card Partial
+
+**File**: `layouts/partials/post-card.html`
+
+Blog post preview card.
+
+**Features**:
+- Featured image
+- Title and excerpt
+- Post metadata
+- Read more link
+- Category badge
+
+**Usage**:
+```html
+{{ range .Pages }}
+ {{ partial "post-card.html" . }}
+{{ end }}
+```
+
+### Post Meta Partial
+
+**File**: `layouts/partials/post-meta.html`
+
+Display post metadata.
+
+**Shows**:
+- Publication date
+- Author
+- Reading time
+- Categories
+- Tags
+
+**Usage**:
+```html
+{{ partial "post-meta.html" . }}
+```
+
+### CTA Component
+
+**File**: `layouts/partials/components/cta.html`
+
+Call-to-action section.
+
+**Features**:
+- Gradient background
+- Primary/secondary buttons
+- Customizable text
+
+**Configuration**:
+```toml
+[params.cta]
+ enable = true
+ title = "Ready to start?"
+```
+
+### Subscribe Form Component
+
+**File**: `layouts/partials/components/subscribe-form.html`
+
+Newsletter subscription form.
+
+**Features**:
+- Email input
+- Submit button
+- Privacy notice
+- Form validation
+
+**Configuration**:
+```toml
+[params.blog.sidebar.subscribe]
+ enable = true
+ action = "https://formspree.io/f/xxx"
+```
+
+### Analytics Partials
+
+**Google Analytics**: `layouts/partials/google-analytics.html`
+- GA4 tracking code
+- Automatic page views
+- Event tracking ready
+
+**Google Tag Manager**: `layouts/partials/google-tag-manager.html`
+- GTM container code
+- Head and body scripts
+- DataLayer support
+
+**Custom Head**: `layouts/partials/custom-head.html`
+- User-overridable partial for custom code
+- Add any tracking scripts not covered by GA/GTM
+- Add verification meta tags
+- Include custom fonts or stylesheets
+- Loaded at the end of `` section
+
+To use, create `layouts/partials/custom-head.html` in your site with your custom content.
+
+## Custom Layouts
+
+### Creating Custom Layouts
+
+1. **Single Page Custom Layout**
+
+Create `layouts/_default/mycustom.html`:
+```html
+{{ define "main" }}
+
+
+
+
+
+
+
+
+
+ {{ range .Paginator.Pages }}
+ {{ partial "post-card.html" . }}
+ {{ end }}
+
+
+
+ {{ template "_internal/pagination.html" . }}
+
+
+{{ end }}
+```
+
+Use in front matter:
+```yaml
+---
+title: "My Page"
+layout: mycustom
+---
+```
+
+2. **Section-Specific Layout**
+
+For pages in `content/products/`, create:
+`layouts/products/single.html`
+
+3. **Type-Based Layout**
+
+Specify type in front matter:
+```yaml
+---
+title: "My Page"
+type: custom
+---
+```
+
+Create `layouts/custom/single.html`
+
+### Layout Lookup Order
+
+Hugo looks for templates in this order:
+
+For `content/blog/my-post.md`:
+1. `layouts/blog/single.html`
+2. `layouts/_default/single.html`
+
+For `content/blog/_index.md`:
+1. `layouts/blog/list.html`
+2. `layouts/_default/list.html`
+
+## Layout Variables
+
+### Page Variables
+
+Available in all layouts:
+
+```html
+{{ .Title }}
+{{ .Content }}
+{{ .Description }}
+{{ .Date }}
+{{ .Lastmod }}
+{{ .WordCount }}
+{{ .ReadingTime }}
+{{ .Permalink }}
+{{ .RelPermalink }}
+{{ .Params.custom }}
+```
+
+### Site Variables
+
+```html
+{{ .Site.Title }}
+{{ .Site.Params.description }}
+{{ .Site.Params.logo }}
+{{ .Site.BaseURL }}
+{{ .Site.Language.Lang }}
+{{ .Site.Menus.main }}
+{{ .Site.Params.social.twitter }}
+```
+
+### Taxonomy Variables
+
+```html
+{{ .Data.Terms }}
+{{ .Data.Singular }}
+{{ .Data.Plural }}
+```
+
+### Page Context
+
+```html
+{{ .IsHome }}
+{{ .IsPage }}
+{{ .IsSection }}
+{{ .Kind }}
+{{ .Type }}
+{{ .Section }}
+```
+
+## Best Practices
+
+### 1. Extend, Don't Replace
+
+Prefer extending base template:
+```html
+{{ define "main" }}
+
+{{ end }}
+```
+
+Over replacing entire baseof.html.
+
+### 2. Use Partials
+
+Break complex layouts into partials:
+```html
+{{ partial "components/hero.html" . }}
+{{ partial "components/features.html" . }}
+{{ partial "components/testimonials.html" . }}
+```
+
+### 3. Conditional Content
+
+Use configuration to control features:
+```html
+{{ if .Site.Params.blog.sidebar.recent.enable }}
+ {{ partial "sidebar-recent.html" . }}
+{{ end }}
+```
+
+### 4. Responsive Design
+
+Use Tailwind responsive classes:
+```html
+{{ .Title }}
+ {{ .Content }} +
+```
+
+### 5. Semantic HTML
+
+Use proper HTML5 elements:
+```html
+
+
+
+ {{ .Content }}
+
+```
+
+### 6. Performance
+
+Optimize images and assets:
+```html
+{{ $image := resources.Get "images/hero.jpg" }}
+{{ $image = $image.Resize "1200x" }}
+
+```
+
+### 7. Accessibility
+
+Include ARIA attributes:
+```html
+
+```
+
+### 8. SEO
+
+Include proper meta tags:
+```html
+
+
+
+```
+
+## Testing Layouts
+
+### Local Testing
+
+```bash
+# Test with development server
+hugo server -D
+
+# Test specific page
+hugo server -D --navigateToChanged
+
+# Test with different baseURL
+hugo server -D --baseURL http://localhost:1313
+```
+
+### Build Testing
+
+```bash
+# Build without drafts
+hugo
+
+# Build with drafts
+hugo -D
+
+# Build with verbose output
+hugo --verbose
+```
+
+## Related Documentation
+
+- [SHORTCODES.md](SHORTCODES.md) - Available shortcodes
+- [STYLING.md](STYLING.md) - Styling and customization
+- [CONTENT-CREATION.md](CONTENT-CREATION.md) - Creating content
+- [CONFIGURATION.md](CONFIGURATION.md) - Configuration options
+
+## Additional Resources
+
+- [Hugo Template Documentation](https://gohugo.io/templates/)
+- [Hugo Lookup Order](https://gohugo.io/templates/lookup-order/)
+- [Hugo Variables](https://gohugo.io/variables/)
+- [Hugo Functions](https://gohugo.io/functions/)
diff --git a/themes/chill-theme/docs/README.md b/themes/chill-theme/docs/README.md
new file mode 100644
index 0000000..1b55a33
--- /dev/null
+++ b/themes/chill-theme/docs/README.md
@@ -0,0 +1,313 @@
+# Hugo Saasify Theme Documentation
+
+Welcome to the complete documentation for Hugo Saasify Theme - a modern, high-performance Hugo theme built specifically for SaaS websites.
+
+## ๐ Documentation Overview
+
+This documentation is organized into focused guides to help you get started quickly and master every aspect of the theme.
+
+### Getting Started
+
+Start here if you're new to the theme:
+
+1. **[Installation Guide](INSTALLATION.md)** - Set up the theme and its dependencies
+2. **[Configuration Guide](CONFIGURATION.md)** - Configure your site settings
+3. **[Content Creation Guide](CONTENT-CREATION.md)** - Create pages and blog posts
+
+### Core Concepts
+
+Learn about the theme's architecture and features:
+
+4. **[Layouts Guide](LAYOUTS.md)** - Understanding layout templates and structure
+5. **[Shortcodes Reference](SHORTCODES.md)** - Complete guide to all 21 shortcodes
+6. **[Styling Guide](STYLING.md)** - TailwindCSS configuration and customization
+
+### Deployment & Production
+
+Ready to go live?
+
+7. **[Deployment Guide](DEPLOYMENT.md)** - Deploy to Netlify, Vercel, GitHub Pages, and more
+8. **[Troubleshooting Guide](TROUBLESHOOTING.md)** - Common issues and solutions
+
+## ๐ Quick Start
+
+Get your site running in 5 minutes:
+
+```bash
+# 1. Create new Hugo site
+hugo new site my-saas-site
+cd my-saas-site
+
+# 2. Add theme as submodule
+git init
+git submodule add https://github.com/chaoming/chill-theme themes/chill-theme
+
+# 3. Copy example site
+cp -r themes/chill-theme/exampleSite/* .
+
+# 4. Install dependencies
+npm install
+
+# 5. Start development server
+npm run start
+```
+
+Visit `http://localhost:1313` to see your site!
+
+## ๐ Documentation Guides
+
+### [Installation Guide](INSTALLATION.md)
+
+Learn how to install and set up the Hugo Saasify Theme:
+
+- System requirements (Hugo Extended, Node.js)
+- Installation methods (new site vs. existing site)
+- Configuration setup
+- Troubleshooting installation issues
+- Updating the theme
+
+**Start here if:** You're installing the theme for the first time.
+
+---
+
+### [Configuration Guide](CONFIGURATION.md)
+
+Complete reference for all configuration options:
+
+- Basic site configuration
+- Header and footer customization
+- Call-to-action (CTA) settings
+- Blog configuration
+- Social media links
+- Google Analytics and Tag Manager
+- Menu configuration
+- Build settings
+
+**Start here if:** You need to customize site settings.
+
+---
+
+### [Layouts Guide](LAYOUTS.md)
+
+Understanding the theme's layout system:
+
+- Layout architecture overview
+- Base template structure
+- Default layouts (single, list, etc.)
+- Page templates (pricing, company, careers, features)
+- Partial components
+- Creating custom layouts
+- Layout variables reference
+
+**Start here if:** You want to understand or modify page templates.
+
+---
+
+### [Shortcodes Reference](SHORTCODES.md)
+
+Complete documentation for all 21 shortcodes:
+
+**Hero & Layout:**
+- `hero` - Hero sections with gradient backgrounds
+- `hero-image` - Simple hero images
+- `section-container` - Section wrappers
+- `features-section` - Feature collection containers
+
+**Features & Benefits:**
+- `feature` - Feature displays with images
+- `features-list` - Vertical feature lists
+- `benefits-grid` - Benefit card grids
+- `value-card` - Company value cards
+
+**Social Proof:**
+- `testimonials` - Customer testimonial carousels
+- `client-logos` - Animated logo carousels
+- `stat` - Statistics display
+
+**Pricing:**
+- `pricing-table-1` - Simple pricing tables
+- `pricing-table-2` - Advanced pricing tables
+
+**Team & Company:**
+- `team-member` - Team member cards
+- `investor-logo` - Investor/partner logos
+- `case-study-card` - Case study cards
+
+**Content:**
+- `cta` - Call-to-action sections
+- `faq` - FAQ accordions
+- `toc` - Table of contents
+- `figure` - Images with captions
+- `code` - Code blocks with syntax highlighting
+
+**Start here if:** You're building pages with shortcodes.
+
+---
+
+### [Styling Guide](STYLING.md)
+
+Everything about the theme's styling system:
+
+- TailwindCSS integration and configuration
+- Color system (primary and secondary palettes)
+- Typography (Inter and Plus Jakarta Sans)
+- Custom components (buttons, cards, etc.)
+- Responsive design patterns
+- Syntax highlighting themes
+- Custom CSS and utilities
+- Performance optimization
+
+**Start here if:** You want to customize colors, fonts, or styles.
+
+---
+
+### [Content Creation Guide](CONTENT-CREATION.md)
+
+Learn how to create and organize content:
+
+- Content structure and organization
+- Front matter options
+- Page types (homepage, features, pricing, etc.)
+- Creating blog posts
+- Creating documentation pages
+- Using taxonomies (categories and tags)
+- Media management and image optimization
+- SEO best practices
+- Markdown formatting
+- Draft and scheduled content
+
+**Start here if:** You're ready to add content to your site.
+
+---
+
+### [Deployment Guide](DEPLOYMENT.md)
+
+Deploy your site to production:
+
+- Building for production
+- Platform-specific guides:
+ - Netlify
+ - Vercel
+ - GitHub Pages
+ - Cloudflare Pages
+ - AWS S3 + CloudFront
+- Custom server deployment (Nginx, Apache)
+- Environment variables
+- Performance optimization
+- Continuous deployment
+- Testing before deployment
+
+**Start here if:** You're ready to launch your site.
+
+---
+
+### [Troubleshooting Guide](TROUBLESHOOTING.md)
+
+Solutions to common problems:
+
+- Installation issues
+- Build errors
+- Styling problems
+- Content issues
+- Deployment problems
+- Performance issues
+- Browser compatibility
+- Getting help and reporting issues
+
+**Start here if:** You're experiencing issues.
+
+---
+
+## ๐ฏ Common Tasks
+
+### How do I...?
+
+**...install the theme?**
+โ See [Installation Guide](INSTALLATION.md)
+
+**...customize colors?**
+โ See [Styling Guide - Color System](STYLING.md#color-system)
+
+**...create a blog post?**
+โ See [Content Creation - Blog Posts](CONTENT-CREATION.md#blog-posts)
+
+**...add a pricing page?**
+โ See [Shortcodes - Pricing Tables](SHORTCODES.md#pricing)
+
+**...configure the header menu?**
+โ See [Configuration - Menu Configuration](CONFIGURATION.md#menu-configuration)
+
+**...deploy to Netlify?**
+โ See [Deployment - Netlify](DEPLOYMENT.md#netlify)
+
+**...add team members?**
+โ See [Shortcodes - Team Member](SHORTCODES.md#team-member)
+
+**...enable Google Analytics?**
+โ See [Configuration - Analytics](CONFIGURATION.md#analytics-configuration)
+
+**...customize fonts?**
+โ See [Styling - Typography](STYLING.md#typography)
+
+**...fix build errors?**
+โ See [Troubleshooting - Build Errors](TROUBLESHOOTING.md#build-errors)
+
+## ๐ Key Features
+
+This theme includes:
+
+- โ
**21 Pre-built Shortcodes** - Hero sections, features, pricing tables, testimonials, and more
+- โ
**TailwindCSS Integration** - Modern, utility-first CSS framework
+- โ
**Responsive Design** - Mobile-first, looks great on all devices
+- โ
**Performance Optimized** - Fast builds, minimal JavaScript, optimized assets
+- โ
**SEO Ready** - Meta tags, Open Graph, Twitter Cards
+- โ
**Blog System** - Categories, tags, sidebar, table of contents
+- โ
**Multiple Page Templates** - Pricing, features, company, careers, jobs
+- โ
**Analytics Integration** - Google Analytics and Tag Manager support
+- โ
**Syntax Highlighting** - Beautiful code blocks with dark theme
+- โ
**Easy Customization** - Configurable colors, fonts, and layouts
+
+## ๐ Requirements
+
+- **Hugo Extended** v0.80.0 or higher
+- **Node.js** v14.x or higher
+- **npm** or **yarn**
+- **Git** (for submodule installation)
+
+## ๐ Useful Links
+
+- [Demo Site](https://saasify-demo.chaoming.li)
+- [GitHub Repository](https://github.com/chaoming/chill-theme)
+- [Report Issues](https://github.com/chaoming/chill-theme/issues)
+- [Hugo Documentation](https://gohugo.io/documentation/)
+- [TailwindCSS Documentation](https://tailwindcss.com/docs)
+
+## ๐ค Support
+
+Need help?
+
+1. **Check the Documentation** - Start with the relevant guide above
+2. **Review Troubleshooting** - See [Troubleshooting Guide](TROUBLESHOOTING.md)
+3. **Search Issues** - Check [existing issues](https://github.com/chaoming/chill-theme/issues)
+4. **Ask for Help** - Open a [new issue](https://github.com/chaoming/chill-theme/issues/new) with:
+ - Hugo version (`hugo version`)
+ - Node version (`node --version`)
+ - Error messages
+ - Steps to reproduce
+ - Your configuration
+
+## ๐ License
+
+This theme is released under the [MIT License](../LICENSE).
+
+## ๐จโ๐ป Author
+
+Created by [Chaoming Li](https://chaoming.li)
+
+## ๐ Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+---
+
+**Ready to get started?** Begin with the [Installation Guide](INSTALLATION.md) โ
diff --git a/themes/chill-theme/docs/SHORTCODES.md b/themes/chill-theme/docs/SHORTCODES.md
new file mode 100644
index 0000000..22f9dab
--- /dev/null
+++ b/themes/chill-theme/docs/SHORTCODES.md
@@ -0,0 +1,866 @@
+# Shortcodes Guide
+
+Complete reference for all shortcodes available in the Hugo Saasify Theme. Shortcodes are reusable content components that help you build beautiful pages quickly.
+
+## Table of Contents
+
+- [Hero & Layout](#hero--layout)
+- [Features & Benefits](#features--benefits)
+- [Social Proof](#social-proof)
+- [Pricing](#pricing)
+- [Team & Company](#team--company)
+- [Content Components](#content-components)
+- [Utility Shortcodes](#utility-shortcodes)
+- [Usage Tips](#usage-tips)
+
+## Hero & Layout
+
+### hero
+
+Create an eye-catching hero section for your pages.
+
+**Parameters:**
+- `headline` (string, required) - Main headline text
+- `sub_headline` (string, required) - Subheading text
+- `primary_button_text` (string, optional) - Primary CTA button text
+- `primary_button_url` (string, optional) - Primary button link
+- `secondary_button_text` (string, optional) - Secondary button text
+- `secondary_button_url` (string, optional) - Secondary button link
+- `hero_image` (string, optional) - Path to hero image
+- `background_image` (string, optional) - Background image path
+- `gradient-from` (string, optional) - Gradient start color (hex)
+- `gradient-to` (string, optional) - Gradient end color (hex)
+- `gradient-angle` (integer, optional) - Gradient angle in degrees (default: 180)
+
+**Example:**
+```markdown
+{{< hero
+ headline="Build Your SaaS Faster"
+ sub_headline="A modern Hugo theme designed for SaaS and technology companies"
+ primary_button_text="Get Started Free"
+ primary_button_url="/signup"
+ secondary_button_text="View Demo"
+ secondary_button_url="/demo"
+ hero_image="/images/hero-dashboard.png"
+ gradient-from="#2563eb"
+ gradient-to="#7c3aed"
+ gradient-angle="30"
+>}}
+```
+
+**With Background Image:**
+```markdown
+{{< hero
+ headline="Welcome to Our Platform"
+ sub_headline="Everything you need in one place"
+ background_image="/images/hero-bg.jpg"
+ primary_button_text="Learn More"
+ primary_button_url="/features"
+>}}
+```
+
+### hero-image
+
+Standalone hero image component.
+
+**Parameters:**
+- `src` (string, required) - Image source path
+- `alt` (string, optional) - Alternative text
+
+**Example:**
+```markdown
+{{< hero-image src="/images/product-screenshot.png" alt="Product Dashboard" >}}
+```
+
+### section-container
+
+Wrapper for creating consistent section spacing and layout.
+
+**Parameters:**
+- `background` (string, optional) - Background color or class
+- `padding` (string, optional) - Custom padding classes
+
+**Example:**
+```markdown
+{{< section-container background="bg-gray-50" >}}
+## Your Content Here
+This content will be wrapped in a properly spaced section.
+{{< /section-container >}}
+```
+
+## Features & Benefits
+
+### feature
+
+Display a single feature with icon, title, and description.
+
+**Parameters:**
+- `icon` (string, required) - Icon name or SVG
+- `title` (string, required) - Feature title
+- `description` (string, required) - Feature description
+- `image` (string, optional) - Feature image path
+- `image_position` (string, optional) - "left" or "right" (default: "right")
+
+**Example:**
+```markdown
+{{< feature
+ icon="zap"
+ title="Lightning Fast"
+ description="Built with performance in mind. Your site loads in milliseconds."
+ image="/images/feature-performance.png"
+ image_position="right"
+>}}
+```
+
+**With Custom Icon:**
+```markdown
+{{< feature
+ title="Secure by Default"
+ description="Enterprise-grade security built into every layer"
+>}}
+
+{{< /feature >}}
+```
+
+### features-section
+
+Wrapper for multiple features with section header.
+
+**Parameters:**
+- `title` (string, optional) - Section title
+- `description` (string, optional) - Section description
+
+**Example:**
+```markdown
+{{< features-section
+ title="Why Choose Our Platform"
+ description="Everything you need to build and grow your business"
+>}}
+
+{{< feature icon="rocket" title="Fast Deployment" description="Deploy in minutes" >}}
+{{< feature icon="shield" title="Secure" description="Bank-level security" >}}
+{{< feature icon="chart" title="Analytics" description="Deep insights" >}}
+
+{{< /features-section >}}
+```
+
+### features-list
+
+Display features in a list format.
+
+**Parameters:**
+- `title` (string, optional) - List title
+
+**Example:**
+```markdown
+{{< features-list title="Key Features" >}}
+- Real-time collaboration
+- Advanced analytics
+- 99.9% uptime SLA
+- 24/7 customer support
+- Enterprise SSO
+- Custom integrations
+{{< /features-list >}}
+```
+
+### benefits-grid
+
+Display benefits in a grid layout.
+
+**Parameters:**
+- `columns` (integer, optional) - Number of columns (default: 3)
+
+**Example:**
+```markdown
+{{< benefits-grid columns="3" >}}
+{
+ "items": [
+ {
+ "icon": "clock",
+ "title": "Save Time",
+ "description": "Automate repetitive tasks and focus on what matters"
+ },
+ {
+ "icon": "dollar",
+ "title": "Reduce Costs",
+ "description": "Cut operational expenses by up to 50%"
+ },
+ {
+ "icon": "users",
+ "title": "Scale Easily",
+ "description": "Grow from 10 to 10,000 users effortlessly"
+ }
+ ]
+}
+{{< /benefits-grid >}}
+```
+
+### value-card
+
+Display a value proposition card.
+
+**Parameters:**
+- `icon` (string, required) - Icon name
+- `title` (string, required) - Card title
+- `description` (string, required) - Card description
+
+**Example:**
+```markdown
+{{< value-card
+ icon="heart"
+ title="Customer First"
+ description="We put our customers at the center of everything we do"
+>}}
+```
+
+## Social Proof
+
+### testimonials
+
+Display customer testimonials in a scrolling carousel.
+
+**Parameters:**
+- `title` (string, optional) - Section title
+- `description` (string, optional) - Section description
+- `background-color` (string, optional) - Background color
+- `animate` (boolean, optional) - Enable auto-scroll animation (default: true)
+
+**Note:** Testimonials data comes from page front matter.
+
+**Front Matter:**
+```yaml
+---
+title: "Home"
+testimonials:
+ - name: "Sarah Johnson"
+ title: "CEO, TechCorp"
+ avatar: "/images/avatar-sarah.jpg"
+ quote: "This platform transformed how we work. Highly recommended!"
+ - name: "Michael Chen"
+ title: "CTO, StartupXYZ"
+ avatar: "/images/avatar-michael.jpg"
+ quote: "Amazing product with outstanding support. 5 stars!"
+ - name: "Emma Davis"
+ title: "Product Manager, BigCo"
+ avatar: "/images/avatar-emma.jpg"
+ quote: "Best decision we made this year. Game changer!"
+---
+```
+
+**Example:**
+```markdown
+{{< testimonials
+ title="Loved by Teams Worldwide"
+ description="See what our customers have to say"
+ animate="true"
+>}}
+```
+
+### client-logos
+
+Display client or partner logos.
+
+**Parameters:**
+- `title` (string, optional) - Section title
+- `background` (string, optional) - Background color class
+
+**Note:** Logos should be passed as inner content in JSON format.
+
+**Example:**
+```markdown
+{{< client-logos title="Trusted by Industry Leaders" >}}
+{
+ "logos": [
+ { "src": "/images/clients/company1.svg", "alt": "Company 1" },
+ { "src": "/images/clients/company2.svg", "alt": "Company 2" },
+ { "src": "/images/clients/company3.svg", "alt": "Company 3" },
+ { "src": "/images/clients/company4.svg", "alt": "Company 4" },
+ { "src": "/images/clients/company5.svg", "alt": "Company 5" }
+ ]
+}
+{{< /client-logos >}}
+```
+
+### case-study-card
+
+Display a case study preview card.
+
+**Parameters:**
+- `title` (string, required) - Case study title
+- `company` (string, required) - Company name
+- `industry` (string, required) - Industry
+- `result` (string, required) - Key result/metric
+- `image` (string, required) - Card image
+- `url` (string, required) - Link to full case study
+
+**Example:**
+```markdown
+{{< case-study-card
+ title="How Acme Corp Increased Revenue by 300%"
+ company="Acme Corp"
+ industry="E-commerce"
+ result="300% revenue increase"
+ image="/images/case-studies/acme.jpg"
+ url="/case-studies/acme"
+>}}
+```
+
+## Pricing
+
+### pricing-table-1
+
+Three-column pricing table with feature lists.
+
+**Example:**
+```markdown
+{{< pricing-table-1 >}}
+{
+ "title": "Choose Your Plan",
+ "description": "Start free, upgrade as you grow",
+ "plans": [
+ {
+ "name": "Starter",
+ "description": "Perfect for individuals",
+ "price": "0",
+ "featured": false,
+ "features": [
+ "Up to 10 projects",
+ "Basic analytics",
+ "Email support",
+ "1 GB storage"
+ ],
+ "button": {
+ "text": "Start Free",
+ "url": "/signup"
+ }
+ },
+ {
+ "name": "Professional",
+ "description": "For growing teams",
+ "price": "29",
+ "featured": true,
+ "features": [
+ "Unlimited projects",
+ "Advanced analytics",
+ "Priority support",
+ "10 GB storage",
+ "Custom integrations"
+ ],
+ "button": {
+ "text": "Get Started",
+ "url": "/signup?plan=pro"
+ }
+ },
+ {
+ "name": "Enterprise",
+ "description": "For large organizations",
+ "price": "99",
+ "featured": false,
+ "features": [
+ "Everything in Pro",
+ "Dedicated support",
+ "Unlimited storage",
+ "Custom contracts",
+ "SLA guarantee"
+ ],
+ "button": {
+ "text": "Contact Sales",
+ "url": "/contact"
+ }
+ }
+ ]
+}
+{{< /pricing-table-1 >}}
+```
+
+### pricing-table-2
+
+Alternative pricing table design with comparison features.
+
+**Example:**
+```markdown
+{{< pricing-table-2 >}}
+{
+ "title": "Flexible Pricing for Every Team",
+ "plans": [
+ {
+ "name": "Basic",
+ "price": "19",
+ "period": "month",
+ "features": [
+ "5 team members",
+ "10 GB storage",
+ "Basic support"
+ ],
+ "highlighted": false,
+ "cta": {
+ "text": "Choose Basic",
+ "url": "/signup?plan=basic"
+ }
+ },
+ {
+ "name": "Premium",
+ "price": "49",
+ "period": "month",
+ "features": [
+ "Unlimited team members",
+ "100 GB storage",
+ "Priority support",
+ "Advanced features"
+ ],
+ "highlighted": true,
+ "cta": {
+ "text": "Choose Premium",
+ "url": "/signup?plan=premium"
+ }
+ }
+ ]
+}
+{{< /pricing-table-2 >}}
+```
+
+## Team & Company
+
+### team-member
+
+Display a team member card.
+
+**Parameters:**
+- `name` (string, required) - Team member name
+- `title` (string, required) - Job title
+- `image` (string, required) - Profile image path
+- `bio` (string, optional) - Short biography
+- `linkedin` (string, optional) - LinkedIn URL
+- `twitter` (string, optional) - Twitter URL
+- `github` (string, optional) - GitHub URL
+
+**Example:**
+```markdown
+{{< team-member
+ name="Jane Doe"
+ title="Chief Technology Officer"
+ image="/images/team/jane.jpg"
+ bio="Jane leads our engineering team with 15 years of experience in SaaS"
+ linkedin="https://linkedin.com/in/janedoe"
+ twitter="https://twitter.com/janedoe"
+>}}
+```
+
+### investor-logo
+
+Display investor or partner logo.
+
+**Parameters:**
+- `src` (string, required) - Logo image path
+- `alt` (string, required) - Alternative text
+- `url` (string, optional) - Link URL
+
+**Example:**
+```markdown
+{{< investor-logo
+ src="/images/investors/vc-firm.svg"
+ alt="VC Firm"
+ url="https://vcfirm.com"
+>}}
+```
+
+### stat
+
+Display a statistic or metric.
+
+**Parameters:**
+- `value` (string, required) - The number/metric
+- `label` (string, required) - Description label
+- `icon` (string, optional) - Icon name
+
+**Example:**
+```markdown
+{{< stat value="10,000+" label="Happy Customers" icon="users" >}}
+{{< stat value="99.9%" label="Uptime SLA" icon="check" >}}
+{{< stat value="24/7" label="Support Available" icon="headphones" >}}
+```
+
+## Content Components
+
+### cta
+
+Call-to-action section.
+
+**Parameters:**
+- `title` (string, required) - CTA heading
+- `description` (string, optional) - CTA description
+- `button_text` (string, required) - Button text
+- `button_url` (string, required) - Button link
+- `background` (string, optional) - Background color/gradient
+
+**Example:**
+```markdown
+{{< cta
+ title="Ready to Get Started?"
+ description="Join thousands of teams already using our platform"
+ button_text="Start Free Trial"
+ button_url="/signup"
+ background="gradient"
+>}}
+```
+
+### faq
+
+Frequently Asked Questions accordion.
+
+**Example:**
+```markdown
+{{< faq >}}
+{
+ "title": "Frequently Asked Questions",
+ "description": "Find answers to common questions",
+ "questions": [
+ {
+ "question": "How do I get started?",
+ "answer": "Simply sign up for a free account and follow our onboarding guide. You'll be up and running in minutes."
+ },
+ {
+ "question": "What payment methods do you accept?",
+ "answer": "We accept all major credit cards, PayPal, and wire transfers for enterprise customers."
+ },
+ {
+ "question": "Can I cancel anytime?",
+ "answer": "Yes, you can cancel your subscription at any time. No questions asked, no hidden fees."
+ },
+ {
+ "question": "Do you offer refunds?",
+ "answer": "We offer a 30-day money-back guarantee. If you're not satisfied, contact us for a full refund."
+ }
+ ]
+}
+{{< /faq >}}
+```
+
+### toc
+
+Generate a table of contents from page headings.
+
+**Parameters:**
+- None (automatically generates from page content)
+
+**Example:**
+```markdown
+{{< toc >}}
+```
+
+**Custom Title:**
+```markdown
+
+
+
+```
+
+CSS:
+```css
+.section {
+ @apply py-16 md:py-24;
+}
+```
+
+### Navigation
+
+**Nav Links**:
+```html
+Features
+```
+
+CSS:
+```css
+.nav-link {
+ @apply text-gray-600 hover:text-primary-600 font-bold transition duration-200;
+}
+```
+
+### Grids
+
+**Feature Grid**:
+```html
+
+ {{ .Content }}
+
+```
+
+## Customization
+
+### Adding Custom CSS
+
+1. **Create Custom CSS File**:
+`static/css/custom.css`
+
+```css
+/* Your custom styles */
+.my-custom-class {
+ background: linear-gradient(to right, #your-colors);
+}
+```
+
+2. **Add to Configuration**:
+```toml
+[params]
+ customCSS = ["css/custom.css"]
+```
+
+### Extending Tailwind
+
+**Add to `tailwind.config.js`**:
+
+```javascript
+module.exports = {
+ theme: {
+ extend: {
+ // Custom spacing
+ spacing: {
+ '128': '32rem',
+ '144': '36rem'
+ },
+ // Custom colors
+ colors: {
+ 'brand': '#your-color'
+ },
+ // Custom border radius
+ borderRadius: {
+ 'xl': '1.5rem',
+ '2xl': '2rem'
+ }
+ }
+ }
+}
+```
+
+### Overriding Component Styles
+
+To override existing components:
+
+1. **Copy Original** from `themes/.../assets/scss/main.scss`
+2. **Add to Your CSS** in project root `assets/css/custom.css`
+3. **Import After Main** in your build process
+
+Or use `@layer` directive:
+
+```css
+@layer components {
+ .btn-primary {
+ @apply bg-red-600 hover:bg-red-700;
+ }
+}
+```
+
+### Custom Color Scheme
+
+Complete color scheme override:
+
+```javascript
+// tailwind.config.js in your site root
+module.exports = {
+ theme: {
+ extend: {
+ colors: {
+ primary: {
+ 50: '#f0f9ff',
+ 100: '#e0f2fe',
+ // ... your colors
+ 900: '#0c4a6e'
+ },
+ secondary: {
+ // ... your secondary palette
+ }
+ }
+ }
+ }
+}
+```
+
+### Dark Mode Support
+
+To add dark mode support:
+
+1. **Enable in Tailwind Config**:
+```javascript
+module.exports = {
+ darkMode: 'class', // or 'media'
+ // ...
+}
+```
+
+2. **Add Dark Variants**:
+```html
+
{{ .Title }}
+ +
+
+```
+
+## Utility Shortcodes
+
+### code
+
+Enhanced code block with syntax highlighting.
+
+**Parameters:**
+- `lang` (string, required) - Programming language
+- `title` (string, optional) - Code block title
+- `lineNumbers` (boolean, optional) - Show line numbers (default: true)
+- `highlight` (string, optional) - Lines to highlight (e.g., "1-3,5")
+
+**Example:**
+```markdown
+{{< code lang="javascript" title="app.js" lineNumbers="true" highlight="2-4" >}}
+function greet(name) {
+ return `Hello, ${name}!`;
+}
+
+console.log(greet('World'));
+{{< /code >}}
+```
+
+**Without Line Numbers:**
+```markdown
+{{< code lang="python" lineNumbers="false" >}}
+def hello_world():
+ print("Hello, World!")
+{{< /code >}}
+```
+
+### figure
+
+Enhanced image with caption and optional link.
+
+**Parameters:**
+- `src` (string, required) - Image source
+- `alt` (string, required) - Alternative text
+- `caption` (string, optional) - Image caption
+- `link` (string, optional) - Link URL
+- `width` (string, optional) - Image width
+- `height` (string, optional) - Image height
+
+**Example:**
+```markdown
+{{< figure
+ src="/images/architecture-diagram.png"
+ alt="System Architecture"
+ caption="Our microservices architecture overview"
+ width="800"
+>}}
+```
+
+**With Link:**
+```markdown
+{{< figure
+ src="/images/product-thumbnail.jpg"
+ alt="Product Screenshot"
+ caption="Click to see full size"
+ link="/images/product-full.jpg"
+>}}
+```
+
+## Advanced Shortcodes
+
+### Nested Shortcodes
+
+You can nest shortcodes for complex layouts:
+
+```markdown
+{{< section-container background="bg-white" >}}
+
+{{< features-section title="Our Platform" >}}
+
+{{< feature
+ icon="zap"
+ title="Fast"
+ description="Lightning fast performance"
+>}}
+
+{{< feature
+ icon="lock"
+ title="Secure"
+ description="Enterprise-grade security"
+>}}
+
+{{< /features-section >}}
+
+{{< /section-container >}}
+```
+
+### Combining Shortcodes
+
+Create rich page layouts:
+
+```markdown
+{{< hero headline="Welcome" ... >}}
+
+{{< client-logos title="Trusted by" >}}
+...
+{{< /client-logos >}}
+
+{{< features-section title="Features" >}}
+...
+{{< /features-section >}}
+
+{{< testimonials >}}
+
+{{< pricing-table-1 >}}
+...
+{{< /pricing-table-1 >}}
+
+{{< faq >}}
+...
+{{< /faq >}}
+
+{{< cta title="Get Started" ... >}}
+```
+
+## Usage Tips
+
+### 1. JSON Formatting
+
+For shortcodes that accept JSON (pricing, FAQ, client logos):
+- Use valid JSON syntax
+- Ensure proper quotes (double quotes for JSON)
+- Validate JSON before adding to content
+- Use online JSON validators if needed
+
+### 2. Images
+
+Always use proper image paths:
+- Absolute paths from site root: `/images/photo.jpg`
+- Or use Hugo's resource management
+- Optimize images before uploading
+- Use appropriate formats (WebP, PNG, JPG)
+
+### 3. Accessibility
+
+- Always provide `alt` text for images
+- Use semantic headings in correct order
+- Ensure sufficient color contrast
+- Test keyboard navigation
+
+### 4. Performance
+
+- Lazy load images when possible
+- Minimize the number of shortcodes per page
+- Optimize JSON data structures
+- Use appropriate image sizes
+
+### 5. Responsive Design
+
+All shortcodes are mobile-responsive by default:
+- Test on multiple screen sizes
+- Check touch interactions
+- Verify text readability
+- Ensure buttons are tappable
+
+### 6. Customization
+
+You can override shortcode templates:
+1. Copy shortcode from `themes/chill-theme/layouts/shortcodes/`
+2. Paste to `layouts/shortcodes/` in your site
+3. Modify as needed
+
+### 7. Testing
+
+Before deploying:
+- Preview with `hugo server -D`
+- Test all interactive elements
+- Verify links work
+- Check on mobile devices
+- Validate HTML output
+
+## Common Patterns
+
+### Landing Page
+
+```markdown
+---
+title: "Home"
+layout: single
+---
+
+{{< hero ... >}}
+{{< client-logos ... >}}
+{{< features-section ... >}}
+{{< testimonials >}}
+{{< cta ... >}}
+```
+
+### Pricing Page
+
+```markdown
+---
+title: "Pricing"
+layout: pricing
+---
+
+{{< pricing-table-1 >}}
+...
+{{< /pricing-table-1 >}}
+
+{{< faq >}}
+...
+{{< /faq >}}
+
+{{< cta ... >}}
+```
+
+### About Page
+
+```markdown
+---
+title: "About Us"
+layout: company
+---
+
+{{< hero ... >}}
+
+{{< section-container >}}
+## Our Story
+...
+{{< /section-container >}}
+
+{{< stat ... >}}
+{{< stat ... >}}
+{{< stat ... >}}
+
+{{< team-member ... >}}
+{{< team-member ... >}}
+```
+
+### Feature Page
+
+```markdown
+---
+title: "Features"
+layout: feature
+---
+
+{{< hero ... >}}
+
+{{< features-section ... >}}
+{{< feature ... >}}
+{{< feature ... >}}
+{{< /features-section >}}
+
+{{< case-study-card ... >}}
+
+{{< cta ... >}}
+```
+
+## Troubleshooting
+
+### Shortcode Not Rendering
+
+**Problem**: Shortcode appears as text
+
+**Solutions**:
+- Check syntax: `{{<` not `{<`
+- Verify shortcode name spelling
+- Ensure shortcode file exists
+- Check Hugo version compatibility
+
+### JSON Parse Error
+
+**Problem**: Error parsing JSON in shortcode
+
+**Solutions**:
+- Validate JSON syntax
+- Use double quotes, not single
+- Escape special characters
+- Check for trailing commas
+
+### Images Not Showing
+
+**Problem**: Images don't display
+
+**Solutions**:
+- Verify image path is correct
+- Check image exists in `static/` folder
+- Use correct path format (`/images/...`)
+- Check file permissions
+
+### Styling Issues
+
+**Problem**: Shortcode styling doesn't match
+
+**Solutions**:
+- Clear Hugo cache: `hugo --gc`
+- Rebuild site: `hugo`
+- Check Tailwind compilation
+- Verify CSS is loading
+
+## Related Documentation
+
+- [LAYOUTS.md](LAYOUTS.md) - Layout templates
+- [CONTENT-CREATION.md](CONTENT-CREATION.md) - Creating content
+- [STYLING.md](STYLING.md) - Customizing styles
+- [TROUBLESHOOTING.md](TROUBLESHOOTING.md) - Common issues
+
+## Additional Resources
+
+- [Hugo Shortcodes Documentation](https://gohugo.io/content-management/shortcodes/)
+- [Creating Custom Shortcodes](https://gohugo.io/templates/shortcode-templates/)
+- [Theme Shortcode Examples](../exampleSite/content/)
diff --git a/themes/chill-theme/docs/STYLING.md b/themes/chill-theme/docs/STYLING.md
new file mode 100644
index 0000000..952b8d5
--- /dev/null
+++ b/themes/chill-theme/docs/STYLING.md
@@ -0,0 +1,751 @@
+# Styling Guide
+
+Complete guide to styling and customization in the Hugo Saasify Theme. Learn how to customize colors, typography, components, and create your own design system.
+
+## Table of Contents
+
+- [Tailwind CSS Integration](#tailwind-css-integration)
+- [Color System](#color-system)
+- [Typography](#typography)
+- [Custom Components](#custom-components)
+- [Responsive Design](#responsive-design)
+- [Syntax Highlighting](#syntax-highlighting)
+- [Customization](#customization)
+- [Best Practices](#best-practices)
+
+## Tailwind CSS Integration
+
+The Hugo Saasify Theme is built with Tailwind CSS v3, providing a utility-first approach to styling.
+
+### How It Works
+
+1. **Main CSS File**: `themes/chill-theme/assets/scss/main.scss`
+2. **Tailwind Config**: `tailwind.config.js` (copied to site root during installation)
+3. **PostCSS Config**: `postcss.config.js` (copied to site root during installation)
+4. **Hugo Processing**: Automatic PostCSS compilation
+5. **Build Stats**: Required for PurgeCSS optimization
+
+### Configuration File
+
+**Location**: `tailwind.config.js` (in your site root)
+
+During installation, you copied this file from `themes/chill-theme/tailwind.config.copy.js` to your site root as `tailwind.config.js`.
+
+```javascript
+module.exports = {
+ content: ["./layouts/**/*.html"],
+ theme: {
+ extend: {
+ colors: {
+ primary: { /* custom colors */ },
+ secondary: { /* custom colors */ }
+ },
+ fontFamily: {
+ sans: ['Inter', 'system-ui', 'sans-serif'],
+ heading: ['Plus Jakarta Sans', 'sans-serif']
+ }
+ }
+ },
+ plugins: [
+ require('@tailwindcss/forms'),
+ require('@tailwindcss/typography')
+ ]
+}
+```
+
+### Tailwind Plugins
+
+The theme includes two official plugins:
+
+1. **@tailwindcss/forms** - Beautiful form styling
+2. **@tailwindcss/typography** - Prose content styling
+
+## Color System
+
+The theme uses a comprehensive color palette with primary and secondary colors.
+
+### Primary Colors
+
+Blue-based palette for main brand elements.
+
+```javascript
+primary: {
+ 50: '#eef1fc', // Lightest
+ 100: '#dde3f9',
+ 200: '#bbc7f3',
+ 300: '#99abec',
+ 400: '#778fe6',
+ 500: '#5573df', // Base
+ 600: '#425ad6', // Main (default)
+ 700: '#3548ab',
+ 800: '#283680',
+ 900: '#1b2456' // Darkest
+}
+```
+
+### Secondary Colors
+
+Purple-based palette for accents and highlights.
+
+```javascript
+secondary: {
+ 50: '#faf5ff', // Lightest
+ 100: '#f3e8ff',
+ 200: '#e9d5ff',
+ 300: '#d8b4fe',
+ 400: '#c084fc',
+ 500: '#a855f7', // Base
+ 600: '#9333ea', // Main (default)
+ 700: '#7e22ce',
+ 800: '#6b21a8',
+ 900: '#581c87' // Darkest
+}
+```
+
+### Using Colors
+
+**In Templates**:
+```html
+Table of Contents
+ {{< toc >}} +Primary background
+Secondary text
+
+```
+
+**In Custom CSS**:
+```css
+.custom-element {
+ @apply bg-primary-50 text-primary-900;
+}
+```
+
+### Customizing Colors
+
+To change the color scheme, edit `tailwind.config.js`:
+
+```javascript
+theme: {
+ extend: {
+ colors: {
+ primary: {
+ 50: '#your-color',
+ 100: '#your-color',
+ // ... continue for all shades
+ 900: '#your-color'
+ }
+ }
+ }
+}
+```
+
+**Quick Method** - Use a color palette generator:
+1. Choose your base color
+2. Generate shades using tools like [Tailwind Shades](https://tailwindshades.com/)
+3. Replace values in `tailwind.config.js`
+
+### Gray Scale
+
+Default Tailwind gray scale is available:
+
+```html
+Light gray background
+...
+
+Dark gray background
+```
+
+## Typography
+
+The theme uses two modern typefaces for optimal readability and visual appeal.
+
+### Font Families
+
+**Body Text**: Inter
+- Variable font for optimal loading
+- Used for all body text, UI elements
+- Applied to: paragraphs, lists, forms, buttons
+
+**Headings**: Plus Jakarta Sans
+- Bold, modern sans-serif
+- Used for all headings (h1-h6)
+- Applied to: titles, section headers
+
+### Font Configuration
+
+**Tailwind Config**:
+```javascript
+fontFamily: {
+ sans: ['Inter', 'system-ui', 'sans-serif'],
+ heading: ['Plus Jakarta Sans', 'sans-serif']
+}
+```
+
+**CSS Application**:
+```css
+body {
+ @apply font-sans text-gray-700;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ @apply font-heading font-bold text-gray-900;
+}
+```
+
+### Font Loading
+
+Fonts are loaded via Google Fonts CDN in the base template:
+
+```html
+
+
+
+```
+
+### Typography Scale
+
+**Headings**:
+```html
+Main Heading
+Section Heading
+Subsection Heading
+Small Heading
+``` + +**Body Text**: +```html +Normal text (16px)
+Large text (18px)
+XL text (20px)
+Small text (14px)
+``` + +### Custom Fonts + +To use different fonts: + +1. **Add Font Files** to `static/fonts/` or use CDN +2. **Update Tailwind Config**: +```javascript +fontFamily: { + sans: ['Your Font', 'system-ui', 'sans-serif'], + heading: ['Your Heading Font', 'sans-serif'] +} +``` +3. **Load Font** in baseof.html or CSS + +## Custom Components + +Pre-built component classes for common UI elements. + +### Buttons + +**Primary Button**: +```html +Get Started +``` + +CSS: +```css +.btn { + @apply inline-flex items-center justify-center px-6 py-3 font-medium transition duration-200 ease-in-out; + border-radius: 2rem; +} + +.btn-primary { + @apply btn bg-primary-600 text-white hover:bg-primary-700 hover:scale-105; +} +``` + +**Secondary Button**: +```html +Learn More +``` + +**Outline Button**: +```html +View Demo +``` + +### Cards + +**Standard Card**: +```html +
+
+```
+
+CSS:
+```css
+.card {
+ @apply bg-white p-6 transition duration-200 hover:shadow-md;
+ border-radius: 2rem;
+}
+```
+
+### Container
+
+**Responsive Container**:
+```html
+Card Title
+Card content goes here
+
+
+
+```
+
+CSS:
+```css
+.container {
+ @apply mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl;
+}
+```
+
+### Sections
+
+**Section Spacing**:
+```html
+
+
+```
+
+CSS:
+```css
+.feature-grid {
+ @apply grid gap-8 md:grid-cols-2 lg:grid-cols-3;
+}
+```
+
+## Responsive Design
+
+The theme is mobile-first and fully responsive.
+
+### Breakpoints
+
+Tailwind's default breakpoints:
+
+```javascript
+sm: '640px', // Small devices
+md: '768px', // Medium devices
+lg: '1024px', // Large devices
+xl: '1280px', // Extra large devices
+2xl: '1536px' // 2X large devices
+```
+
+### Responsive Utilities
+
+**Responsive Visibility**:
+```html
+Feature 1
+ Feature 2
+ Feature 3
+Visible on medium screens and up
+Visible only on small screens
+```
+
+**Responsive Spacing**:
+```html
+
+ Responsive padding
+
+```
+
+**Responsive Grid**:
+```html
+
+
+
+```
+
+**Responsive Text**:
+```html
++ Responsive heading +
+``` + +### Mobile Menu + +The header includes a responsive mobile menu that automatically adapts to smaller screens. + +## Syntax Highlighting + +Code blocks are styled with custom syntax highlighting. + +### Configuration + +**Hugo Config** (`hugo.toml`): +```toml +[markup.highlight] + noClasses = false + lineNos = true + codeFences = true + guessSyntax = true + lineNumbersInTable = true +``` + +### Highlight Styles + +**Base Styles**: +```css +.highlight { + @apply text-sm font-mono text-gray-200; +} +``` + +**Syntax Colors**: +```css +/* Keywords */ +.highlight .k, .highlight .kd { + @apply text-purple-400 font-semibold; +} + +/* Functions */ +.highlight .nf, .highlight .nx { + @apply text-blue-400; +} + +/* Strings */ +.highlight .s, .highlight .s1, .highlight .s2 { + @apply text-green-400; +} + +/* Numbers */ +.highlight .mi, .highlight .mf { + @apply text-orange-400; +} + +/* Comments */ +.highlight .c, .highlight .c1, .highlight .cm { + @apply text-gray-500 italic; +} + +/* Operators */ +.highlight .o { + @apply text-yellow-400; +} + +/* Punctuation */ +.highlight .p { + @apply text-gray-400; +} +``` + +### Line Numbers + +Line numbers are styled with table layout for better copy/paste experience: + +```css +.highlight table td:first-child { + @apply pr-4 text-right select-none text-gray-500 border-r border-gray-700; +} +``` + +### Customizing Syntax Theme + +To use a different color scheme, modify the `.highlight` classes in `assets/scss/main.scss`. + +## Prose Styling + +Blog posts and content pages use prose styling. + +### Prose Classes + +The theme includes custom prose styling: + +```css +.prose { + @apply max-w-none; +} + +.prose h1 { + @apply text-4xl mb-8; +} + +.prose h2 { + @apply text-3xl mt-12 mb-6; +} + +.prose h3 { + @apply text-2xl mt-8 mb-4; +} + +.prose p { + @apply text-gray-700 leading-relaxed mb-6; +} + +.prose a { + @apply text-primary-600 hover:text-primary-700 no-underline; +} + +.prose ul, .prose ol { + @apply my-6 ml-6; +} + +.prose blockquote { + @apply border-l-4 border-gray-200 pl-4 italic text-gray-700 my-8; +} + +.prose code:not(pre code) { + @apply bg-gray-100 text-gray-900 px-1.5 py-0.5 rounded text-sm font-mono; +} +``` + +### Using Prose + +Wrap content in prose class: + +```html +
+ Content
+
+```
+
+3. **Toggle Script** (add to baseof.html):
+```javascript
+// Dark mode toggle logic
+```
+
+## Best Practices
+
+### 1. Use Tailwind Utilities First
+
+Prefer Tailwind utilities over custom CSS:
+
+```html
+
+
+
+
+
+```
+
+### 2. Extract Repeated Patterns
+
+For repeated patterns, create component classes:
+
+```css
+@layer components {
+ .product-card {
+ @apply bg-white rounded-2xl p-6 shadow-sm hover:shadow-lg transition;
+ }
+}
+```
+
+### 3. Maintain Consistency
+
+Use the theme's design tokens:
+- Colors from the palette
+- Spacing from the scale
+- Typography from defined classes
+
+### 4. Optimize for Performance
+
+- Use PurgeCSS (automatic with Hugo)
+- Minimize custom CSS
+- Avoid `!important`
+- Use efficient selectors
+
+### 5. Accessibility
+
+- Maintain color contrast ratios (WCAG AA minimum)
+- Use semantic HTML
+- Include focus states
+- Test with keyboard navigation
+
+### 6. Mobile-First
+
+Build mobile layouts first:
+
+```html
+
+
+```
+
+### 7. Test Across Browsers
+
+- Chrome/Edge (Chromium)
+- Firefox
+- Safari
+- Mobile browsers
+
+## Testing Styles
+
+### Local Development
+
+```bash
+# Watch for changes
+hugo server -D
+
+# Clear cache if styles don't update
+hugo --gc
+hugo server -D
+```
+
+### Build for Production
+
+```bash
+# Build with minification
+hugo --minify
+
+# Check file sizes
+ls -lh public/css/
+```
+
+### Browser Testing
+
+1. Chrome DevTools - Responsive mode
+2. Firefox Developer Tools
+3. Safari Web Inspector
+4. Real device testing
+
+## Related Documentation
+
+- [CONFIGURATION.md](CONFIGURATION.md) - Theme configuration
+- [LAYOUTS.md](LAYOUTS.md) - Layout templates
+- [CONTENT-CREATION.md](CONTENT-CREATION.md) - Creating content
+- [TROUBLESHOOTING.md](TROUBLESHOOTING.md) - Common issues
+
+## Additional Resources
+
+- [Tailwind CSS Documentation](https://tailwindcss.com/docs)
+- [Tailwind CSS Typography Plugin](https://tailwindcss.com/docs/typography-plugin)
+- [Hugo Asset Processing](https://gohugo.io/hugo-pipes/)
+- [PostCSS Documentation](https://postcss.org/)
diff --git a/themes/chill-theme/docs/TROUBLESHOOTING.md b/themes/chill-theme/docs/TROUBLESHOOTING.md
new file mode 100644
index 0000000..09ce8f2
--- /dev/null
+++ b/themes/chill-theme/docs/TROUBLESHOOTING.md
@@ -0,0 +1,895 @@
+# Troubleshooting Guide
+
+Common issues and solutions when working with the Hugo Saasify Theme. Find quick fixes for installation, build, styling, content, deployment, and performance problems.
+
+## Table of Contents
+
+- [Installation Issues](#installation-issues)
+- [Build Errors](#build-errors)
+- [Styling Problems](#styling-problems)
+- [Content Issues](#content-issues)
+- [Deployment Problems](#deployment-problems)
+- [Performance Issues](#performance-issues)
+- [Browser Compatibility](#browser-compatibility)
+- [Getting Help](#getting-help)
+
+## Installation Issues
+
+### Theme Not Found
+
+**Problem**: Hugo can't find the theme
+
+```
+Error: unable to locate theme directory "chill-theme"
+```
+
+**Solutions**:
+
+1. **Verify theme directory exists**:
+```bash
+ls themes/chill-theme
+```
+
+2. **Check theme name in config**:
+```toml
+# hugo.toml
+theme = "chill-theme" # Must match directory name exactly
+```
+
+3. **If using Git submodule, initialize it**:
+```bash
+git submodule init
+git submodule update --recursive
+```
+
+4. **Check directory structure**:
+```bash
+# Should show theme files
+ls -la themes/chill-theme/layouts/
+```
+
+### Hugo Extended Not Installed
+
+**Problem**: Error about Hugo Extended being required
+
+```
+Error: this theme requires Hugo Extended
+```
+
+**Solutions**:
+
+1. **Check your Hugo version**:
+```bash
+hugo version
+```
+
+Expected output should include "extended":
+```
+hugo v0.120.0+extended darwin/amd64
+```
+
+2. **Install Hugo Extended**:
+ - Visit [Hugo Releases](https://github.com/gohugoio/hugo/releases)
+ - Download version with "extended" in the name
+ - Install and verify
+
+3. **On macOS with Homebrew**:
+```bash
+brew install hugo
+```
+
+### Submodule Empty
+
+**Problem**: Theme directory exists but is empty
+
+**Solutions**:
+
+1. **Update submodules**:
+```bash
+git submodule update --init --recursive
+```
+
+2. **If still empty, remove and re-add**:
+```bash
+git submodule deinit -f themes/chill-theme
+rm -rf .git/modules/themes/chill-theme
+git rm -f themes/chill-theme
+git submodule add https://github.com/chaoming/chill-theme.git themes/chill-theme
+```
+
+### npm Dependencies Failed
+
+**Problem**: npm install fails
+
+```
+npm ERR! code ENOENT
+```
+
+**Solutions**:
+
+1. **Check Node.js is installed**:
+```bash
+node --version
+npm --version
+```
+
+2. **Ensure config files are copied to site root**:
+```bash
+cp themes/chill-theme/package.json .
+cp themes/chill-theme/postcss.config.js .
+cp themes/chill-theme/tailwind.config.copy.js ./tailwind.config.js
+```
+
+3. **Clear npm cache**:
+```bash
+npm cache clean --force
+```
+
+4. **Delete and reinstall**:
+```bash
+rm -rf node_modules package-lock.json
+npm install
+```
+
+5. **Use different npm registry** (if blocked):
+```bash
+npm config set registry https://registry.npmjs.org/
+npm install
+```
+
+## Build Errors
+
+### Tailwind CSS Not Processing
+
+**Problem**: Site loads without styling
+
+**Solutions**:
+
+1. **Enable build stats** in `hugo.toml`:
+```toml
+[build]
+ writeStats = true
+
+[build.buildStats]
+ enable = true
+```
+
+2. **Clear Hugo cache**:
+```bash
+hugo --gc
+```
+
+3. **Verify Tailwind config exists**:
+```bash
+ls themes/chill-theme/tailwind.config.js
+```
+
+4. **Rebuild from clean state**:
+```bash
+rm -rf public resources
+hugo server -D
+```
+
+### Template Errors
+
+**Problem**: Error in template execution
+
+```
+Error: error calling partial: template: partials/header.html...
+```
+
+**Solutions**:
+
+1. **Check the error message** - it usually points to the specific line
+2. **Common causes**:
+ - Missing closing tags
+ - Incorrect variable names
+ - Missing required parameters
+ - Syntax errors in shortcodes
+
+3. **Validate configuration**:
+```bash
+hugo config
+```
+
+4. **Test with minimal config**:
+ - Copy `exampleSite/hugo.toml`
+ - Gradually add your customizations
+
+### Shortcode Errors
+
+**Problem**: Shortcode fails to render
+
+```
+Error: failed to render shortcode "pricing-table-1"
+```
+
+**Solutions**:
+
+1. **Check JSON syntax** (for shortcodes accepting JSON):
+ - Use double quotes, not single quotes
+ - No trailing commas
+ - Valid JSON structure
+ - Use JSON validator online
+
+2. **Verify shortcode exists**:
+```bash
+ls themes/chill-theme/layouts/shortcodes/pricing-table-1.html
+```
+
+3. **Check shortcode syntax**:
+```markdown
+# Correct
+{{< shortcode-name >}}
+
+# Incorrect
+{< shortcode-name >} # Missing one brace
+{{}} # Missing spaces
+```
+
+### Build Fails in CI/CD
+
+**Problem**: Builds work locally but fail in CI
+
+**Solutions**:
+
+1. **Match Hugo versions**:
+ - Check local: `hugo version`
+ - Set in CI config: `HUGO_VERSION=0.120.0`
+
+2. **Install theme dependencies**:
+```yaml
+# GitHub Actions example
+- name: Install dependencies
+ run: |
+ cp themes/chill-theme/package.json .
+ cp themes/chill-theme/postcss.config.js .
+ cp themes/chill-theme/tailwind.config.copy.js ./tailwind.config.js
+ npm install
+```
+
+3. **Check environment variables**:
+ - Verify all required env vars are set
+ - Check for typos in variable names
+
+4. **Review build logs**:
+ - Look for specific error messages
+ - Check file paths are correct
+ - Verify permissions
+
+## Styling Problems
+
+### Custom CSS Not Loading
+
+**Problem**: Custom CSS changes don't appear
+
+**Solutions**:
+
+1. **Clear browser cache**:
+ - Hard refresh: Ctrl+Shift+R (Windows/Linux) or Cmd+Shift+R (Mac)
+ - Or use incognito/private mode
+
+2. **Verify CSS file path**:
+```toml
+[params]
+ customCSS = ["css/custom.css"] # File must be in static/css/
+```
+
+3. **Check file exists**:
+```bash
+ls static/css/custom.css
+```
+
+4. **Clear Hugo cache**:
+```bash
+hugo --gc
+rm -rf resources
+hugo server -D
+```
+
+### Tailwind Classes Not Working
+
+**Problem**: Tailwind utility classes have no effect
+
+**Solutions**:
+
+1. **Check class is in content paths**:
+```javascript
+// tailwind.config.js
+content: ["./layouts/**/*.html"]
+```
+
+2. **Avoid dynamic class names**:
+```html
+
+
+
+
+
+```
+
+3. **Rebuild site**:
+```bash
+hugo --gc
+hugo
+```
+
+4. **Check Tailwind version compatibility**:
+```bash
+npm list tailwindcss
+```
+
+### Colors Not Matching Design
+
+**Problem**: Colors appear different than expected
+
+**Solutions**:
+
+1. **Check color values in `tailwind.config.js`**:
+```javascript
+colors: {
+ primary: {
+ 600: '#425ad6', // Your primary color
+ }
+}
+```
+
+2. **Verify you're using correct shade**:
+```html
+
+```
+
+3. **Check for color overrides** in custom CSS
+
+4. **Test in different browsers** to rule out rendering differences
+
+### Responsive Design Issues
+
+**Problem**: Layout broken on mobile/tablet
+
+**Solutions**:
+
+1. **Test with DevTools**:
+ - Open Chrome DevTools (F12)
+ - Toggle device toolbar (Ctrl+Shift+M)
+ - Test various screen sizes
+
+2. **Check responsive classes**:
+```html
+
+
+```
+
+3. **Verify viewport meta tag** (should be in baseof.html):
+```html
+
+```
+
+4. **Test breakpoints**:
+ - sm: 640px
+ - md: 768px
+ - lg: 1024px
+ - xl: 1280px
+
+## Content Issues
+
+### Page Not Rendering
+
+**Problem**: Page exists but shows 404
+
+**Solutions**:
+
+1. **Check front matter**:
+```yaml
+---
+title: "My Page"
+draft: false # Make sure this is false
+---
+```
+
+2. **Verify file location**:
+```bash
+ls content/my-page.md
+```
+
+3. **Check URL structure**:
+ - `content/about.md` โ `/about/`
+ - `content/blog/post.md` โ `/blog/post/`
+
+4. **Restart server**:
+```bash
+hugo server -D # -D shows drafts
+```
+
+### Images Not Displaying
+
+**Problem**: Images don't show on page
+
+**Solutions**:
+
+1. **Check file path**:
+```markdown
+# Correct - absolute from static/
+
+
+# Incorrect - relative path
+
+```
+
+2. **Verify file exists**:
+```bash
+ls static/images/photo.jpg
+```
+
+3. **Check file permissions**:
+```bash
+chmod 644 static/images/photo.jpg
+```
+
+4. **Test URL directly**:
+ - Visit `http://localhost:1313/images/photo.jpg`
+ - Should display the image
+
+5. **Check file extension** matches exactly (case-sensitive on some systems)
+
+### Shortcode Shows as Text
+
+**Problem**: Shortcode appears as plain text instead of rendering
+
+**Solutions**:
+
+1. **Check syntax**:
+```markdown
+# Correct
+{{< shortcode >}}
+
+# Incorrect
+{{ < shortcode > }}
+{< shortcode >}
+```
+
+2. **Verify shortcode exists**:
+```bash
+ls themes/chill-theme/layouts/shortcodes/
+```
+
+3. **Check if content uses correct format**:
+ - Markdown files: Use `{{< >}}`
+ - HTML files: Use `{{ .Inner }}`
+
+### Taxonomy Pages Empty
+
+**Problem**: Category or tag pages show no posts
+
+**Solutions**:
+
+1. **Enable taxonomies** in `hugo.toml`:
+```toml
+[taxonomies]
+ category = 'categories'
+ tag = 'tags'
+```
+
+2. **Check front matter**:
+```yaml
+categories: ["Technology"] # Use array, not string
+tags: ["Hugo", "Tutorial"]
+```
+
+3. **Verify taxonomy matches config**:
+```toml
+# If you have:
+[taxonomies]
+ category = 'categories'
+
+# Use in front matter:
+categories: ["Tech"] # Not category:
+```
+
+## Deployment Problems
+
+### Build Fails on Platform
+
+**Problem**: Build works locally but fails on Netlify/Vercel/etc.
+
+**Solutions**:
+
+1. **Set Hugo version**:
+
+Netlify:
+```toml
+# netlify.toml
+[build.environment]
+ HUGO_VERSION = "0.120.0"
+```
+
+Vercel:
+```json
+// vercel.json
+{
+ "build": {
+ "env": {
+ "HUGO_VERSION": "0.120.0"
+ }
+ }
+}
+```
+
+2. **Install theme dependencies**:
+
+Add to build command:
+```bash
+cp themes/chill-theme/package.json . && cp themes/chill-theme/postcss.config.js . && cp themes/chill-theme/tailwind.config.copy.js ./tailwind.config.js && npm install && hugo --minify
+```
+
+3. **Check environment variables** are set in platform UI
+
+### Assets Not Loading After Deploy
+
+**Problem**: CSS/JS/images don't load on deployed site
+
+**Solutions**:
+
+1. **Verify baseURL** in `hugo.toml`:
+```toml
+baseURL = "https://yourdomain.com/" # Must match your domain
+```
+
+2. **Use absolute paths**:
+```html
+
+
+
+
+
+```
+
+3. **Check CDN/cache**:
+ - Clear CDN cache
+ - Wait for propagation
+ - Hard refresh browser
+
+4. **Verify build output**:
+```bash
+# Check public/ directory
+ls -la public/css/
+ls -la public/images/
+```
+
+### SSL Certificate Issues
+
+**Problem**: HTTPS not working or certificate errors
+
+**Solutions**:
+
+1. **Wait for provisioning** (can take 24-48 hours)
+
+2. **Check DNS configuration**:
+ - A record points to correct IP
+ - CNAME points to correct host
+
+3. **Force HTTPS** in platform settings
+
+4. **Clear browser SSL cache**
+
+### 404 on Deployed Site
+
+**Problem**: Pages work locally but 404 on deployed site
+
+**Solutions**:
+
+1. **Check baseURL** includes trailing slash:
+```toml
+baseURL = "https://example.com/" # Note the /
+```
+
+2. **Verify case sensitivity**:
+ - URLs are case-sensitive on most servers
+ - Use lowercase for consistency
+
+3. **Check redirects** (if you have them):
+ - Verify redirect rules are correct
+ - Check for infinite redirect loops
+
+## Performance Issues
+
+### Slow Build Times
+
+**Problem**: Site takes too long to build
+
+**Solutions**:
+
+1. **Enable caching**:
+```toml
+[caches]
+ [caches.images]
+ dir = ":resourceDir/_gen"
+ maxAge = "1440h"
+```
+
+2. **Optimize images** before adding:
+ - Compress images
+ - Reduce dimensions
+ - Use appropriate formats
+
+3. **Limit content during development**:
+```bash
+hugo server -D --buildFuture=false --buildExpired=false
+```
+
+4. **Check for template loops**:
+ - Review custom templates
+ - Look for inefficient queries
+
+### Site Loads Slowly
+
+**Problem**: Pages take long time to load in browser
+
+**Solutions**:
+
+1. **Enable minification**:
+```bash
+hugo --minify
+```
+
+2. **Optimize images**:
+ - Compress all images
+ - Use WebP format
+ - Implement lazy loading
+
+3. **Use CDN** for static assets
+
+4. **Enable caching** on server:
+```nginx
+# Nginx example
+location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
+ expires 1y;
+}
+```
+
+5. **Run Lighthouse audit**:
+ - Open Chrome DevTools
+ - Go to Lighthouse tab
+ - Run performance audit
+ - Follow recommendations
+
+### Large CSS File
+
+**Problem**: Generated CSS is too large
+
+**Solutions**:
+
+1. **Verify PurgeCSS is working**:
+```bash
+# Check file size
+ls -lh public/css/*.css
+```
+
+2. **Ensure build stats enabled**:
+```toml
+[build]
+ writeStats = true
+```
+
+3. **Check content paths** in `tailwind.config.js`:
+```javascript
+content: ["./layouts/**/*.html"]
+```
+
+## Browser Compatibility
+
+### Works in Chrome, Not Safari
+
+**Problem**: Site works in Chrome but has issues in Safari
+
+**Solutions**:
+
+1. **Check for unsupported CSS**:
+ - Avoid bleeding-edge features
+ - Test CSS properties on [Can I Use](https://caniuse.com/)
+
+2. **Add vendor prefixes** if needed:
+```css
+-webkit-transition: all 0.3s;
+transition: all 0.3s;
+```
+
+3. **Test in multiple browsers**:
+ - Chrome
+ - Firefox
+ - Safari
+ - Edge
+
+### JavaScript Errors in IE11
+
+**Problem**: Site broken in Internet Explorer
+
+**Note**: IE11 is deprecated. Modern browsers only.
+
+**Solutions**:
+
+1. **Display upgrade message** for old browsers
+2. **Focus on modern browsers** (Chrome, Firefox, Safari, Edge)
+3. **IE11 usage is <1%** globally - consider if support is needed
+
+## Getting Help
+
+### Before Asking for Help
+
+1. **Check this guide** for your issue
+2. **Review documentation**:
+ - [INSTALLATION.md](INSTALLATION.md)
+ - [CONFIGURATION.md](CONFIGURATION.md)
+ - [LAYOUTS.md](LAYOUTS.md)
+ - [SHORTCODES.md](SHORTCODES.md)
+3. **Search existing issues** on GitHub
+4. **Try example site** to isolate problem
+
+### Gathering Information
+
+When reporting issues, include:
+
+1. **Hugo version**:
+```bash
+hugo version
+```
+
+2. **Operating system**:
+```bash
+uname -a # Linux/Mac
+# or
+ver # Windows
+```
+
+3. **Error messages** (complete output)
+
+4. **Configuration** (relevant parts of `hugo.toml`)
+
+5. **Steps to reproduce**:
+ - What you did
+ - What you expected
+ - What actually happened
+
+6. **Minimal reproduction**:
+ - Simplest case that shows the problem
+ - Remove unrelated code/config
+
+### Where to Get Help
+
+1. **Documentation**: Check all docs in `/docs` directory
+
+2. **Example Site**: Review working examples in `/exampleSite`
+
+3. **GitHub Issues**:
+ - Search: [Existing Issues](https://github.com/chaoming/chill-theme/issues)
+ - Create: [New Issue](https://github.com/chaoming/chill-theme/issues/new)
+
+4. **Hugo Community**:
+ - [Hugo Discourse](https://discourse.gohugo.io/)
+ - [Hugo Documentation](https://gohugo.io/documentation/)
+
+5. **Stack Overflow**:
+ - Tag: `hugo`, `hugo-theme`
+
+### Creating a Good Issue Report
+
+**Template**:
+
+```markdown
+## Description
+Brief description of the problem
+
+## Environment
+- Hugo version: 0.120.0+extended
+- OS: macOS 14.0
+- Theme version: main branch
+
+## Steps to Reproduce
+1. Step one
+2. Step two
+3. Step three
+
+## Expected Behavior
+What should happen
+
+## Actual Behavior
+What actually happens
+
+## Error Messages
+```
+Paste error messages here
+```
+
+## Configuration
+```toml
+Relevant parts of hugo.toml
+```
+
+## Additional Context
+Any other relevant information
+```
+
+## Common Error Messages
+
+### "Page Not Found"
+
+**Cause**: Content file doesn't exist or is draft
+
+**Fix**:
+- Check file exists
+- Verify `draft: false`
+- Restart server
+
+### "Template Not Found"
+
+**Cause**: Missing or misnamed template file
+
+**Fix**:
+- Check template file exists
+- Verify layout name in front matter
+- Check template lookup order
+
+### "Failed to Process"
+
+**Cause**: CSS/Asset processing error
+
+**Fix**:
+- Check PostCSS configuration
+- Verify Hugo Extended installed
+- Review asset file syntax
+
+### "Submodule Not Found"
+
+**Cause**: Git submodule not initialized
+
+**Fix**:
+```bash
+git submodule update --init --recursive
+```
+
+## Quick Fixes Checklist
+
+When something isn't working:
+
+- [ ] Restart Hugo server
+- [ ] Clear browser cache (Ctrl+Shift+R)
+- [ ] Clear Hugo cache (`hugo --gc`)
+- [ ] Delete `public/` and `resources/` directories
+- [ ] Verify Hugo version (`hugo version`)
+- [ ] Check `hugo.toml` syntax
+- [ ] Review error messages carefully
+- [ ] Test with example site configuration
+- [ ] Check file permissions
+- [ ] Verify file paths are correct
+
+## Prevention Best Practices
+
+Avoid issues before they happen:
+
+1. **Use Version Control**: Commit working states
+2. **Test Locally**: Before deploying
+3. **Keep Updated**: Update Hugo and dependencies
+4. **Follow Documentation**: Don't guess
+5. **Start Simple**: Add complexity gradually
+6. **Backup Configuration**: Save working configs
+7. **Use Example Site**: Reference working examples
+8. **Read Error Messages**: They usually tell you what's wrong
+
+## Related Documentation
+
+- [INSTALLATION.md](INSTALLATION.md) - Installation guide
+- [CONFIGURATION.md](CONFIGURATION.md) - Configuration options
+- [DEPLOYMENT.md](DEPLOYMENT.md) - Deployment guides
+- [Hugo Troubleshooting](https://gohugo.io/troubleshooting/)
+
+## Still Stuck?
+
+If you've tried everything and still have issues:
+
+1. **Create minimal reproduction** - Simplest case showing problem
+2. **Open GitHub issue** with all relevant information
+3. **Be patient** - Maintainers are volunteers
+4. **Be detailed** - More info = faster resolution
+5. **Follow up** - Respond to questions
+
+Remember: Most issues have been encountered before. Search first, then ask.
diff --git a/themes/chill-theme/docs/zh-cn.toml.example b/themes/chill-theme/docs/zh-cn.toml.example
new file mode 100644
index 0000000..67fe452
--- /dev/null
+++ b/themes/chill-theme/docs/zh-cn.toml.example
@@ -0,0 +1,155 @@
+# Simplified Chinese translations for Hugo Saasify Theme (Example)
+# Copy this file to your site's i18n directory as zh-cn.toml and customize as needed
+# ็ฎไฝไธญๆ็ฟป่ฏ็คบไพๆไปถ
+
+# ๅธธ็จUI็ฟป่ฏ
+[readMore]
+other = "้
่ฏปๆดๅค"
+
+[readTime]
+other = "ๅ้้
่ฏป"
+
+[published]
+other = "ๅๅธไบ"
+
+[updated]
+other = "ๆดๆฐไบ"
+
+[by]
+other = "ไฝ่
"
+
+[shareOn]
+other = "ๅไบซๅฐ"
+
+[relatedPosts]
+other = "็ธๅ
ณๆ็ซ "
+
+[categories]
+other = "ๅ็ฑป"
+
+[tags]
+other = "ๆ ็ญพ"
+
+[allPosts]
+other = "ๆๆๆ็ซ "
+
+[search]
+other = "ๆ็ดข"
+
+[searchPlaceholder]
+other = "ๆ็ดขๆ็ซ ..."
+
+[noResults]
+other = "ๆชๆพๅฐ็ปๆ"
+
+[backToHome]
+other = "่ฟๅ้ฆ้กต"
+
+[404Title]
+other = "้กต้ขๆชๆพๅฐ"
+
+[404Message]
+other = "ๆจๆฅๆพ็้กต้ขไธๅญๅจๆๅทฒ่ขซ็งปๅจใ"
+
+# ๅฏผ่ช
+[home]
+other = "้ฆ้กต"
+
+[about]
+other = "ๅ
ณไบ"
+
+[contact]
+other = "่็ณปๆไปฌ"
+
+# ๅๅฎข
+[latestPosts]
+other = "ๆๆฐๆ็ซ "
+
+[recentArticles]
+other = "ๆ่ฟๆ็ซ "
+
+[popularTags]
+other = "็ญ้จๆ ็ญพ"
+
+[subscribeNewsletter]
+other = "่ฎข้
ๆฐ้ป้่ฎฏ"
+
+[subscribeDescription]
+other = "ๅฐๆๆฐๆ็ซ ็ดๆฅๅ้ๅฐๆจ็ๆถไปถ็ฎฑ"
+
+[emailPlaceholder]
+other = "่พๅ
ฅๆจ็้ฎ็ฎฑ"
+
+[subscribe]
+other = "่ฎข้
"
+
+[subscribeDisclaimer]
+other = "ๆไปฌๅฐ้ๆจ็้็งใๆจๅฏไปฅ้ๆถๅๆถ่ฎข้
ใ"
+
+# ้กต่
+[copyright]
+other = "ยฉ {{ .Year }} {{ .SiteName }}ใไฟ็ๆๆๆๅฉใ"
+
+[builtWith]
+other = "ไฝฟ็จ"
+
+[and]
+other = "ๅ"
+
+# ่ฏญ่จๅๆข
+[language]
+other = "่ฏญ่จ"
+
+[switchLanguage]
+other = "ๅๆข่ฏญ่จ"
+
+# ๅ่ฝ็นๆง
+[seeItInAction]
+other = "ๅฎ้
ๆผ็คบ"
+
+# ๅฎไปท
+[popular]
+other = "็ญ้จ"
+
+[mostPopular]
+other = "ๆๅๆฌข่ฟ"
+
+[perMonth]
+other = "/ๆ"
+
+# ๆๆกฃ
+[documentation]
+other = "ๆๆกฃ"
+
+# ๅ้กต
+[previous]
+other = "ไธไธ้กต"
+
+[next]
+other = "ไธไธ้กต"
+
+# ้ฆ้กต
+[trustedByCompanies]
+other = "ๅๅ
จ็้ขๅ
ไผไธไฟกไปป"
+
+[lovedByTeams]
+other = "ๅๅ
จ็ๅข้ๅ็ฑ"
+
+[testimonialsDescription]
+other = "็็ๆไปฌ็ๅฎขๆทๅฏนไฝฟ็จๆไปฌๅนณๅฐ็ไฝ้ชๆไฝ่ฏไปทใ"
+
+# ๅๅฎขๆ็ซ
+[tableOfContents]
+other = "็ฎๅฝ"
+
+[minRead]
+other = "ๅ้้
่ฏป"
+
+[previousPost]
+other = "ไธไธ็ฏ"
+
+[nextPost]
+other = "ไธไธ็ฏ"
+
+[dateFormat]
+other = "2006ๅนด1ๆ2ๆฅ"
diff --git a/themes/chill-theme/i18n/en.toml b/themes/chill-theme/i18n/en.toml
new file mode 100644
index 0000000..bcf64f0
--- /dev/null
+++ b/themes/chill-theme/i18n/en.toml
@@ -0,0 +1,154 @@
+# English translations for Hugo Saasify Theme
+# Copy this file to your site's i18n directory and customize as needed
+
+# Common UI translations
+[readMore]
+other = "Read More"
+
+[readTime]
+other = "min read"
+
+[published]
+other = "Published"
+
+[updated]
+other = "Updated"
+
+[by]
+other = "by"
+
+[shareOn]
+other = "Share on"
+
+[relatedPosts]
+other = "Related Posts"
+
+[categories]
+other = "Categories"
+
+[tags]
+other = "Tags"
+
+[allPosts]
+other = "All Posts"
+
+[search]
+other = "Search"
+
+[searchPlaceholder]
+other = "Search articles..."
+
+[noResults]
+other = "No results found"
+
+[backToHome]
+other = "Back to Home"
+
+[404Title]
+other = "Page Not Found"
+
+[404Message]
+other = "The page you are looking for doesn't exist or has been moved."
+
+# Navigation
+[home]
+other = "Home"
+
+[about]
+other = "About"
+
+[contact]
+other = "Contact"
+
+# Blog
+[latestPosts]
+other = "Latest Posts"
+
+[recentArticles]
+other = "Recent Articles"
+
+[popularTags]
+other = "Popular Tags"
+
+[subscribeNewsletter]
+other = "Subscribe to Newsletter"
+
+[subscribeDescription]
+other = "Get the latest posts delivered right to your inbox"
+
+[emailPlaceholder]
+other = "Enter your email"
+
+[subscribe]
+other = "Subscribe"
+
+[subscribeDisclaimer]
+other = "We respect your privacy. Unsubscribe at any time."
+
+# Footer
+[copyright]
+other = "ยฉ {{ .Year }} {{ .SiteName }}. All rights reserved."
+
+[builtWith]
+other = "Built with"
+
+[and]
+other = "and"
+
+# Language switcher
+[language]
+other = "Language"
+
+[switchLanguage]
+other = "Switch Language"
+
+# Features
+[seeItInAction]
+other = "See it in action"
+
+# Pricing
+[popular]
+other = "Popular"
+
+[mostPopular]
+other = "Most Popular"
+
+[perMonth]
+other = "/month"
+
+# Documentation
+[documentation]
+other = "Documentation"
+
+# Pagination
+[previous]
+other = "Previous"
+
+[next]
+other = "Next"
+
+# Homepage
+[trustedByCompanies]
+other = "Trusted by leading companies worldwide"
+
+[lovedByTeams]
+other = "Loved by Teams Worldwide"
+
+[testimonialsDescription]
+other = "See what our customers have to say about their experience with our platform."
+
+# Blog Post
+[tableOfContents]
+other = "Table of Contents"
+
+[minRead]
+other = "min read"
+
+[previousPost]
+other = "Previous Post"
+
+[nextPost]
+other = "Next Post"
+
+[dateFormat]
+other = "January 2, 2006"
diff --git a/themes/chill-theme/i18n/fr.toml b/themes/chill-theme/i18n/fr.toml
new file mode 100644
index 0000000..ff36cdf
--- /dev/null
+++ b/themes/chill-theme/i18n/fr.toml
@@ -0,0 +1,20 @@
+# Traductions franรงaises pour les shortcodes pricing
+
+[popular]
+other = "Populaire"
+
+[mostPopular]
+other = "Le plus populaire"
+
+
+[perVATHour]
+other = "HT/heure"
+
+[perVATDay]
+other = "HT/jour"
+
+[perVATMonth]
+other = "HT/mois"
+
+[perVATYear]
+other = "HT/an"
\ No newline at end of file
diff --git a/themes/chill-theme/i18n/nl.toml b/themes/chill-theme/i18n/nl.toml
new file mode 100644
index 0000000..bb7dae1
--- /dev/null
+++ b/themes/chill-theme/i18n/nl.toml
@@ -0,0 +1,10 @@
+# Nederlandse vertalingen voor pricing shortcodes
+
+[popular]
+other = "Populair"
+
+[mostPopular]
+other = "Meest populair"
+
+[perMonth]
+other = "/maand"
diff --git a/themes/chill-theme/images/screenshot.png b/themes/chill-theme/images/screenshot.png
new file mode 100644
index 0000000..8d26712
Binary files /dev/null and b/themes/chill-theme/images/screenshot.png differ
diff --git a/themes/chill-theme/images/tn.png b/themes/chill-theme/images/tn.png
new file mode 100644
index 0000000..f324410
Binary files /dev/null and b/themes/chill-theme/images/tn.png differ
diff --git a/themes/chill-theme/layouts/_default/baseof.html b/themes/chill-theme/layouts/_default/baseof.html
new file mode 100644
index 0000000..c85f720
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/baseof.html
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+ {{ partial "google-tag-manager" . }}
+
+
+ {{ partial "google-analytics" . }}
+
+
+ {{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ with .Params.image }}
+
+ {{ else }}
+ {{ with .Site.Params.image }}
+
+ {{ end }}
+ {{ end }}
+
+
+
+
+
+ {{ with .Site.Params.twitter }}
+
+ {{ end }}
+ {{ with .Params.image }}
+
+ {{ else }}
+ {{ with .Site.Params.image }}
+
+ {{ end }}
+ {{ end }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ with .Params.customMeta }}
+ {{ range . }}
+
+ {{ end }}
+ {{ end }}
+
+
+ {{ partial "custom-head" . }}
+
+
+
+ {{ if and hugo.IsProduction .Site.Params.googleTagManager }}
+
+ {{ end }}
+
+
+
+
+ {{ .Content }}
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/_default/feature.html b/themes/chill-theme/layouts/_default/feature.html
new file mode 100644
index 0000000..1b45701
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/feature.html
@@ -0,0 +1,76 @@
+{{ define "main" }}
+
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/_default/job-single.html b/themes/chill-theme/layouts/_default/job-single.html
new file mode 100644
index 0000000..e80249d
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/job-single.html
@@ -0,0 +1,51 @@
+{{ define "main" }}
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/partials/components/subscribe-form.html b/themes/chill-theme/layouts/partials/components/subscribe-form.html
new file mode 100644
index 0000000..221020f
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/components/subscribe-form.html
@@ -0,0 +1,46 @@
+{{ $lang := .Language.Lang }}
+
+ {{ with .Params.featured_image }}
+
+ 
+
+ {{ end }}
+
+
diff --git a/themes/chill-theme/layouts/partials/post-meta.html b/themes/chill-theme/layouts/partials/post-meta.html
new file mode 100644
index 0000000..7f44b87
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/post-meta.html
@@ -0,0 +1,45 @@
+
+
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/code.html b/themes/chill-theme/layouts/shortcodes/code.html
new file mode 100644
index 0000000..bdada01
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/code.html
@@ -0,0 +1,19 @@
+{{ $lang := .Get 0 }}
+{{ $code := .Inner }}
+{{ $filename := .Get 1 }}
+
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/feature.html b/themes/chill-theme/layouts/shortcodes/feature.html
new file mode 100644
index 0000000..fa3f3c3
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/feature.html
@@ -0,0 +1,51 @@
+{{/* Feature Shortcode */}}
+{{ $title := .Get "title" }}
+{{ $description := .Get "description" }}
+{{ $badge := .Get "badge" }}
+{{ $badgeColor := .Get "badgeColor" | default "#5573df" }}
+{{ $image := .Get "image" }}
+{{ $buttonText := .Get "buttonText" | default "Learn More" }}
+{{ $buttonLink := .Get "buttonLink" | default "#" }}
+{{ $imagePosition := .Get "imagePosition" | default "right" }}
+
+{{ $features := split (.Get "features") "," }}
+
+
+
+
\ No newline at end of file
diff --git a/themes/chill-theme/layouts/shortcodes/features-list.html b/themes/chill-theme/layouts/shortcodes/features-list.html
new file mode 100644
index 0000000..2cff91d
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/features-list.html
@@ -0,0 +1,26 @@
+{{ $title := .Get "title" }}
+{{ $color := .Get "color" | default "#2563eb" }}
+
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/figure.html b/themes/chill-theme/layouts/shortcodes/figure.html
new file mode 100644
index 0000000..d782dd9
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/figure.html
@@ -0,0 +1,18 @@
+{{ $src := .Get "src" }}
+{{ $alt := .Get "alt" }}
+{{ $caption := .Get "caption" }}
+{{ $class := .Get "class" | default "w-full" }}
+
+
+ 
+ {{ with $caption }}
+
+ {{ . | markdownify }}
+
+ {{ end }}
+
diff --git a/themes/chill-theme/layouts/shortcodes/hero-image.html b/themes/chill-theme/layouts/shortcodes/hero-image.html
new file mode 100644
index 0000000..9d5695f
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/hero-image.html
@@ -0,0 +1,3 @@
+
+ {{ if $background_image }}
+
diff --git a/themes/chill-theme/layouts/shortcodes/investor-logo.html b/themes/chill-theme/layouts/shortcodes/investor-logo.html
new file mode 100644
index 0000000..8de4fb1
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/investor-logo.html
@@ -0,0 +1,7 @@
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/pricing-table-2.html b/themes/chill-theme/layouts/shortcodes/pricing-table-2.html
new file mode 100644
index 0000000..04ecb27
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/pricing-table-2.html
@@ -0,0 +1,60 @@
+{{ $data := .Inner | unmarshal }}
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/section-container.html b/themes/chill-theme/layouts/shortcodes/section-container.html
new file mode 100644
index 0000000..34283ff
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/section-container.html
@@ -0,0 +1,5 @@
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/stat.html b/themes/chill-theme/layouts/shortcodes/stat.html
new file mode 100644
index 0000000..3807736
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/stat.html
@@ -0,0 +1,4 @@
+
+
+
+{{ if ne (.Get "animate" | default "true") "false" }}
+
+{{ end }}
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/toc.html b/themes/chill-theme/layouts/shortcodes/toc.html
new file mode 100644
index 0000000..742db45
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/toc.html
@@ -0,0 +1,4 @@
+
+
+
+
+```
+
+3. **Check CDN/cache**:
+ - Clear CDN cache
+ - Wait for propagation
+ - Hard refresh browser
+
+4. **Verify build output**:
+```bash
+# Check public/ directory
+ls -la public/css/
+ls -la public/images/
+```
+
+### SSL Certificate Issues
+
+**Problem**: HTTPS not working or certificate errors
+
+**Solutions**:
+
+1. **Wait for provisioning** (can take 24-48 hours)
+
+2. **Check DNS configuration**:
+ - A record points to correct IP
+ - CNAME points to correct host
+
+3. **Force HTTPS** in platform settings
+
+4. **Clear browser SSL cache**
+
+### 404 on Deployed Site
+
+**Problem**: Pages work locally but 404 on deployed site
+
+**Solutions**:
+
+1. **Check baseURL** includes trailing slash:
+```toml
+baseURL = "https://example.com/" # Note the /
+```
+
+2. **Verify case sensitivity**:
+ - URLs are case-sensitive on most servers
+ - Use lowercase for consistency
+
+3. **Check redirects** (if you have them):
+ - Verify redirect rules are correct
+ - Check for infinite redirect loops
+
+## Performance Issues
+
+### Slow Build Times
+
+**Problem**: Site takes too long to build
+
+**Solutions**:
+
+1. **Enable caching**:
+```toml
+[caches]
+ [caches.images]
+ dir = ":resourceDir/_gen"
+ maxAge = "1440h"
+```
+
+2. **Optimize images** before adding:
+ - Compress images
+ - Reduce dimensions
+ - Use appropriate formats
+
+3. **Limit content during development**:
+```bash
+hugo server -D --buildFuture=false --buildExpired=false
+```
+
+4. **Check for template loops**:
+ - Review custom templates
+ - Look for inefficient queries
+
+### Site Loads Slowly
+
+**Problem**: Pages take long time to load in browser
+
+**Solutions**:
+
+1. **Enable minification**:
+```bash
+hugo --minify
+```
+
+2. **Optimize images**:
+ - Compress all images
+ - Use WebP format
+ - Implement lazy loading
+
+3. **Use CDN** for static assets
+
+4. **Enable caching** on server:
+```nginx
+# Nginx example
+location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
+ expires 1y;
+}
+```
+
+5. **Run Lighthouse audit**:
+ - Open Chrome DevTools
+ - Go to Lighthouse tab
+ - Run performance audit
+ - Follow recommendations
+
+### Large CSS File
+
+**Problem**: Generated CSS is too large
+
+**Solutions**:
+
+1. **Verify PurgeCSS is working**:
+```bash
+# Check file size
+ls -lh public/css/*.css
+```
+
+2. **Ensure build stats enabled**:
+```toml
+[build]
+ writeStats = true
+```
+
+3. **Check content paths** in `tailwind.config.js`:
+```javascript
+content: ["./layouts/**/*.html"]
+```
+
+## Browser Compatibility
+
+### Works in Chrome, Not Safari
+
+**Problem**: Site works in Chrome but has issues in Safari
+
+**Solutions**:
+
+1. **Check for unsupported CSS**:
+ - Avoid bleeding-edge features
+ - Test CSS properties on [Can I Use](https://caniuse.com/)
+
+2. **Add vendor prefixes** if needed:
+```css
+-webkit-transition: all 0.3s;
+transition: all 0.3s;
+```
+
+3. **Test in multiple browsers**:
+ - Chrome
+ - Firefox
+ - Safari
+ - Edge
+
+### JavaScript Errors in IE11
+
+**Problem**: Site broken in Internet Explorer
+
+**Note**: IE11 is deprecated. Modern browsers only.
+
+**Solutions**:
+
+1. **Display upgrade message** for old browsers
+2. **Focus on modern browsers** (Chrome, Firefox, Safari, Edge)
+3. **IE11 usage is <1%** globally - consider if support is needed
+
+## Getting Help
+
+### Before Asking for Help
+
+1. **Check this guide** for your issue
+2. **Review documentation**:
+ - [INSTALLATION.md](INSTALLATION.md)
+ - [CONFIGURATION.md](CONFIGURATION.md)
+ - [LAYOUTS.md](LAYOUTS.md)
+ - [SHORTCODES.md](SHORTCODES.md)
+3. **Search existing issues** on GitHub
+4. **Try example site** to isolate problem
+
+### Gathering Information
+
+When reporting issues, include:
+
+1. **Hugo version**:
+```bash
+hugo version
+```
+
+2. **Operating system**:
+```bash
+uname -a # Linux/Mac
+# or
+ver # Windows
+```
+
+3. **Error messages** (complete output)
+
+4. **Configuration** (relevant parts of `hugo.toml`)
+
+5. **Steps to reproduce**:
+ - What you did
+ - What you expected
+ - What actually happened
+
+6. **Minimal reproduction**:
+ - Simplest case that shows the problem
+ - Remove unrelated code/config
+
+### Where to Get Help
+
+1. **Documentation**: Check all docs in `/docs` directory
+
+2. **Example Site**: Review working examples in `/exampleSite`
+
+3. **GitHub Issues**:
+ - Search: [Existing Issues](https://github.com/chaoming/chill-theme/issues)
+ - Create: [New Issue](https://github.com/chaoming/chill-theme/issues/new)
+
+4. **Hugo Community**:
+ - [Hugo Discourse](https://discourse.gohugo.io/)
+ - [Hugo Documentation](https://gohugo.io/documentation/)
+
+5. **Stack Overflow**:
+ - Tag: `hugo`, `hugo-theme`
+
+### Creating a Good Issue Report
+
+**Template**:
+
+```markdown
+## Description
+Brief description of the problem
+
+## Environment
+- Hugo version: 0.120.0+extended
+- OS: macOS 14.0
+- Theme version: main branch
+
+## Steps to Reproduce
+1. Step one
+2. Step two
+3. Step three
+
+## Expected Behavior
+What should happen
+
+## Actual Behavior
+What actually happens
+
+## Error Messages
+```
+Paste error messages here
+```
+
+## Configuration
+```toml
+Relevant parts of hugo.toml
+```
+
+## Additional Context
+Any other relevant information
+```
+
+## Common Error Messages
+
+### "Page Not Found"
+
+**Cause**: Content file doesn't exist or is draft
+
+**Fix**:
+- Check file exists
+- Verify `draft: false`
+- Restart server
+
+### "Template Not Found"
+
+**Cause**: Missing or misnamed template file
+
+**Fix**:
+- Check template file exists
+- Verify layout name in front matter
+- Check template lookup order
+
+### "Failed to Process"
+
+**Cause**: CSS/Asset processing error
+
+**Fix**:
+- Check PostCSS configuration
+- Verify Hugo Extended installed
+- Review asset file syntax
+
+### "Submodule Not Found"
+
+**Cause**: Git submodule not initialized
+
+**Fix**:
+```bash
+git submodule update --init --recursive
+```
+
+## Quick Fixes Checklist
+
+When something isn't working:
+
+- [ ] Restart Hugo server
+- [ ] Clear browser cache (Ctrl+Shift+R)
+- [ ] Clear Hugo cache (`hugo --gc`)
+- [ ] Delete `public/` and `resources/` directories
+- [ ] Verify Hugo version (`hugo version`)
+- [ ] Check `hugo.toml` syntax
+- [ ] Review error messages carefully
+- [ ] Test with example site configuration
+- [ ] Check file permissions
+- [ ] Verify file paths are correct
+
+## Prevention Best Practices
+
+Avoid issues before they happen:
+
+1. **Use Version Control**: Commit working states
+2. **Test Locally**: Before deploying
+3. **Keep Updated**: Update Hugo and dependencies
+4. **Follow Documentation**: Don't guess
+5. **Start Simple**: Add complexity gradually
+6. **Backup Configuration**: Save working configs
+7. **Use Example Site**: Reference working examples
+8. **Read Error Messages**: They usually tell you what's wrong
+
+## Related Documentation
+
+- [INSTALLATION.md](INSTALLATION.md) - Installation guide
+- [CONFIGURATION.md](CONFIGURATION.md) - Configuration options
+- [DEPLOYMENT.md](DEPLOYMENT.md) - Deployment guides
+- [Hugo Troubleshooting](https://gohugo.io/troubleshooting/)
+
+## Still Stuck?
+
+If you've tried everything and still have issues:
+
+1. **Create minimal reproduction** - Simplest case showing problem
+2. **Open GitHub issue** with all relevant information
+3. **Be patient** - Maintainers are volunteers
+4. **Be detailed** - More info = faster resolution
+5. **Follow up** - Respond to questions
+
+Remember: Most issues have been encountered before. Search first, then ask.
diff --git a/themes/chill-theme/docs/zh-cn.toml.example b/themes/chill-theme/docs/zh-cn.toml.example
new file mode 100644
index 0000000..67fe452
--- /dev/null
+++ b/themes/chill-theme/docs/zh-cn.toml.example
@@ -0,0 +1,155 @@
+# Simplified Chinese translations for Hugo Saasify Theme (Example)
+# Copy this file to your site's i18n directory as zh-cn.toml and customize as needed
+# ็ฎไฝไธญๆ็ฟป่ฏ็คบไพๆไปถ
+
+# ๅธธ็จUI็ฟป่ฏ
+[readMore]
+other = "้
่ฏปๆดๅค"
+
+[readTime]
+other = "ๅ้้
่ฏป"
+
+[published]
+other = "ๅๅธไบ"
+
+[updated]
+other = "ๆดๆฐไบ"
+
+[by]
+other = "ไฝ่
"
+
+[shareOn]
+other = "ๅไบซๅฐ"
+
+[relatedPosts]
+other = "็ธๅ
ณๆ็ซ "
+
+[categories]
+other = "ๅ็ฑป"
+
+[tags]
+other = "ๆ ็ญพ"
+
+[allPosts]
+other = "ๆๆๆ็ซ "
+
+[search]
+other = "ๆ็ดข"
+
+[searchPlaceholder]
+other = "ๆ็ดขๆ็ซ ..."
+
+[noResults]
+other = "ๆชๆพๅฐ็ปๆ"
+
+[backToHome]
+other = "่ฟๅ้ฆ้กต"
+
+[404Title]
+other = "้กต้ขๆชๆพๅฐ"
+
+[404Message]
+other = "ๆจๆฅๆพ็้กต้ขไธๅญๅจๆๅทฒ่ขซ็งปๅจใ"
+
+# ๅฏผ่ช
+[home]
+other = "้ฆ้กต"
+
+[about]
+other = "ๅ
ณไบ"
+
+[contact]
+other = "่็ณปๆไปฌ"
+
+# ๅๅฎข
+[latestPosts]
+other = "ๆๆฐๆ็ซ "
+
+[recentArticles]
+other = "ๆ่ฟๆ็ซ "
+
+[popularTags]
+other = "็ญ้จๆ ็ญพ"
+
+[subscribeNewsletter]
+other = "่ฎข้
ๆฐ้ป้่ฎฏ"
+
+[subscribeDescription]
+other = "ๅฐๆๆฐๆ็ซ ็ดๆฅๅ้ๅฐๆจ็ๆถไปถ็ฎฑ"
+
+[emailPlaceholder]
+other = "่พๅ
ฅๆจ็้ฎ็ฎฑ"
+
+[subscribe]
+other = "่ฎข้
"
+
+[subscribeDisclaimer]
+other = "ๆไปฌๅฐ้ๆจ็้็งใๆจๅฏไปฅ้ๆถๅๆถ่ฎข้
ใ"
+
+# ้กต่
+[copyright]
+other = "ยฉ {{ .Year }} {{ .SiteName }}ใไฟ็ๆๆๆๅฉใ"
+
+[builtWith]
+other = "ไฝฟ็จ"
+
+[and]
+other = "ๅ"
+
+# ่ฏญ่จๅๆข
+[language]
+other = "่ฏญ่จ"
+
+[switchLanguage]
+other = "ๅๆข่ฏญ่จ"
+
+# ๅ่ฝ็นๆง
+[seeItInAction]
+other = "ๅฎ้
ๆผ็คบ"
+
+# ๅฎไปท
+[popular]
+other = "็ญ้จ"
+
+[mostPopular]
+other = "ๆๅๆฌข่ฟ"
+
+[perMonth]
+other = "/ๆ"
+
+# ๆๆกฃ
+[documentation]
+other = "ๆๆกฃ"
+
+# ๅ้กต
+[previous]
+other = "ไธไธ้กต"
+
+[next]
+other = "ไธไธ้กต"
+
+# ้ฆ้กต
+[trustedByCompanies]
+other = "ๅๅ
จ็้ขๅ
ไผไธไฟกไปป"
+
+[lovedByTeams]
+other = "ๅๅ
จ็ๅข้ๅ็ฑ"
+
+[testimonialsDescription]
+other = "็็ๆไปฌ็ๅฎขๆทๅฏนไฝฟ็จๆไปฌๅนณๅฐ็ไฝ้ชๆไฝ่ฏไปทใ"
+
+# ๅๅฎขๆ็ซ
+[tableOfContents]
+other = "็ฎๅฝ"
+
+[minRead]
+other = "ๅ้้
่ฏป"
+
+[previousPost]
+other = "ไธไธ็ฏ"
+
+[nextPost]
+other = "ไธไธ็ฏ"
+
+[dateFormat]
+other = "2006ๅนด1ๆ2ๆฅ"
diff --git a/themes/chill-theme/i18n/en.toml b/themes/chill-theme/i18n/en.toml
new file mode 100644
index 0000000..bcf64f0
--- /dev/null
+++ b/themes/chill-theme/i18n/en.toml
@@ -0,0 +1,154 @@
+# English translations for Hugo Saasify Theme
+# Copy this file to your site's i18n directory and customize as needed
+
+# Common UI translations
+[readMore]
+other = "Read More"
+
+[readTime]
+other = "min read"
+
+[published]
+other = "Published"
+
+[updated]
+other = "Updated"
+
+[by]
+other = "by"
+
+[shareOn]
+other = "Share on"
+
+[relatedPosts]
+other = "Related Posts"
+
+[categories]
+other = "Categories"
+
+[tags]
+other = "Tags"
+
+[allPosts]
+other = "All Posts"
+
+[search]
+other = "Search"
+
+[searchPlaceholder]
+other = "Search articles..."
+
+[noResults]
+other = "No results found"
+
+[backToHome]
+other = "Back to Home"
+
+[404Title]
+other = "Page Not Found"
+
+[404Message]
+other = "The page you are looking for doesn't exist or has been moved."
+
+# Navigation
+[home]
+other = "Home"
+
+[about]
+other = "About"
+
+[contact]
+other = "Contact"
+
+# Blog
+[latestPosts]
+other = "Latest Posts"
+
+[recentArticles]
+other = "Recent Articles"
+
+[popularTags]
+other = "Popular Tags"
+
+[subscribeNewsletter]
+other = "Subscribe to Newsletter"
+
+[subscribeDescription]
+other = "Get the latest posts delivered right to your inbox"
+
+[emailPlaceholder]
+other = "Enter your email"
+
+[subscribe]
+other = "Subscribe"
+
+[subscribeDisclaimer]
+other = "We respect your privacy. Unsubscribe at any time."
+
+# Footer
+[copyright]
+other = "ยฉ {{ .Year }} {{ .SiteName }}. All rights reserved."
+
+[builtWith]
+other = "Built with"
+
+[and]
+other = "and"
+
+# Language switcher
+[language]
+other = "Language"
+
+[switchLanguage]
+other = "Switch Language"
+
+# Features
+[seeItInAction]
+other = "See it in action"
+
+# Pricing
+[popular]
+other = "Popular"
+
+[mostPopular]
+other = "Most Popular"
+
+[perMonth]
+other = "/month"
+
+# Documentation
+[documentation]
+other = "Documentation"
+
+# Pagination
+[previous]
+other = "Previous"
+
+[next]
+other = "Next"
+
+# Homepage
+[trustedByCompanies]
+other = "Trusted by leading companies worldwide"
+
+[lovedByTeams]
+other = "Loved by Teams Worldwide"
+
+[testimonialsDescription]
+other = "See what our customers have to say about their experience with our platform."
+
+# Blog Post
+[tableOfContents]
+other = "Table of Contents"
+
+[minRead]
+other = "min read"
+
+[previousPost]
+other = "Previous Post"
+
+[nextPost]
+other = "Next Post"
+
+[dateFormat]
+other = "January 2, 2006"
diff --git a/themes/chill-theme/i18n/fr.toml b/themes/chill-theme/i18n/fr.toml
new file mode 100644
index 0000000..ff36cdf
--- /dev/null
+++ b/themes/chill-theme/i18n/fr.toml
@@ -0,0 +1,20 @@
+# Traductions franรงaises pour les shortcodes pricing
+
+[popular]
+other = "Populaire"
+
+[mostPopular]
+other = "Le plus populaire"
+
+
+[perVATHour]
+other = "HT/heure"
+
+[perVATDay]
+other = "HT/jour"
+
+[perVATMonth]
+other = "HT/mois"
+
+[perVATYear]
+other = "HT/an"
\ No newline at end of file
diff --git a/themes/chill-theme/i18n/nl.toml b/themes/chill-theme/i18n/nl.toml
new file mode 100644
index 0000000..bb7dae1
--- /dev/null
+++ b/themes/chill-theme/i18n/nl.toml
@@ -0,0 +1,10 @@
+# Nederlandse vertalingen voor pricing shortcodes
+
+[popular]
+other = "Populair"
+
+[mostPopular]
+other = "Meest populair"
+
+[perMonth]
+other = "/maand"
diff --git a/themes/chill-theme/images/screenshot.png b/themes/chill-theme/images/screenshot.png
new file mode 100644
index 0000000..8d26712
Binary files /dev/null and b/themes/chill-theme/images/screenshot.png differ
diff --git a/themes/chill-theme/images/tn.png b/themes/chill-theme/images/tn.png
new file mode 100644
index 0000000..f324410
Binary files /dev/null and b/themes/chill-theme/images/tn.png differ
diff --git a/themes/chill-theme/layouts/_default/baseof.html b/themes/chill-theme/layouts/_default/baseof.html
new file mode 100644
index 0000000..c85f720
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/baseof.html
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+ {{ partial "google-tag-manager" . }}
+
+
+ {{ partial "google-analytics" . }}
+
+
+
+ {{ partial "header" . }}
+
+
+
+
+ {{ block "main" . }}{{ end }}
+
+
+
+ {{ partial "footer" . }}
+
+
+ {{ if .Site.IsMultiLingual }}
+ {{ if .Site.Params.visitorapi_pid }}
+
+ {{ end }}
+
+ {{ end }}
+
+
+
+
+
diff --git a/themes/chill-theme/layouts/_default/career.html b/themes/chill-theme/layouts/_default/career.html
new file mode 100644
index 0000000..b72148b
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/career.html
@@ -0,0 +1,115 @@
+{{ define "main" }}
+
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/_default/company.html b/themes/chill-theme/layouts/_default/company.html
new file mode 100644
index 0000000..27fca40
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/company.html
@@ -0,0 +1,6 @@
+{{ define "main" }}
+
+
+
+
+ {{ with .Params.culture_section }}
+
+
+
+
+ {{ .Title }}
+{{ .Description }}
+
+
+ {{ end }}
+
+
+ {{ with .Params.benefits_section }}
+
+
+
+
+
+
+
+
+ {{ .title }}
+
+ {{ range .values }}
+
+
+
+ {{ end }}
+
+
+
+ {{ .icon }}
+
+
+
+ {{ .title }}
+{{ .description }}
+
+ 
+
+
+
+ {{ .image_caption }}
+
+
+ {{ end }}
+
+
+ {{ with .Params.positions_section }}
+
+
+ {{ .title }}
+
+ {{ range .benefits }}
+
+
+
+ {{ end }}
+ {{ .icon }}
+ {{ .title }}
+{{ .description }}
+
+
+ {{ end }}
+
+
+
+
+
+
+ {{ .title }}
+Join our team and help shape the future of SaaS. We're always looking for talented individuals who share our passion for innovation.
+
+ {{ range where $.Site.RegularPages "Section" "jobs" }}
+
+
+
+
+
+ {{ end }}
+
+
+
+
+ {{ .Title }}
+ + โ + +
+ {{ with .Params.location }}
+
+ ๐
+ {{ . }}
+
+ {{ end }}
+ {{ with .Params.type }}
+
+ ๐ผ
+ {{ . }}
+
+ {{ end }}
+
+ {{ .Description | default .Summary }}
+
+ {{ $.Params.positions_section.view_position_text }} โ
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ with .Params.badge }}
+
+
+
+ {{ . }}
+
+
+ {{ end }}
+ {{ .Title }}
+{{ .Description }}
+
+
+ {{ if .Params.features }}
+
+
+
+ {{ partial "components/cta.html" . }}
+
+
+ {{ end }}
+
+
+
+ {{ range .Params.features }}
+
+
+
+ {{ end }}
+
+ {{ .Content }}
+
+
+
+ {{ if .Params.demo }}
+
+
+ {{ end }}
+
+
+ {{ i18n "seeItInAction" }}
+{{ .Params.demo.description }}
+
+
+
+ 
+
+
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/_default/list.html b/themes/chill-theme/layouts/_default/list.html
new file mode 100644
index 0000000..5c9d5db
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/list.html
@@ -0,0 +1,70 @@
+{{ define "main" }}
+
+
+
+
+
+
+
+
+ {{ .Title }}
+
+ {{ with .Params.location }}
+
+ ๐
+ {{ . }}
+
+ {{ end }}
+ {{ with .Params.type }}
+
+ ๐ผ
+ {{ . }}
+
+ {{ end }}
+ {{ with .Params.salary }}
+
+ ๐ฐ
+ {{ . }}
+
+ {{ end }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ .Description }}
+ {{ .Content }}
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/_default/pricing.html b/themes/chill-theme/layouts/_default/pricing.html
new file mode 100644
index 0000000..47c2d95
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/pricing.html
@@ -0,0 +1,12 @@
+{{ define "main" }}
+
+ {{ if .IsHome }}
+
+{{ .Site.Title }}
+ {{ else if eq .Section "blog" }} +{{ .Site.Params.blog.title }}
+ {{ with .Site.Params.blog.subtitle }} +{{ . }}
+ {{ end }}
+ {{ else }}
+ {{ .Title }}
+ {{ with .Description }} +{{ . }}
+ {{ end }}
+ {{ end }}
+
+
+ {{ $paginator := .Paginate .Pages }}
+ {{ range $paginator.Pages }}
+ {{ partial "post-card.html" . }}
+ {{ end }}
+
+
+ {{ $paginator := .Paginate .Pages }}
+ {{ if gt $paginator.TotalPages 1 }}
+
+ {{ end }}
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/_default/simple.html b/themes/chill-theme/layouts/_default/simple.html
new file mode 100644
index 0000000..d7ffb4e
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/simple.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+{{ .Title }}
+ {{ with .Params.description }} +{{ . }}
+ {{ end }} + +
+ {{ .Content }}
+
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/_default/single.html b/themes/chill-theme/layouts/_default/single.html
new file mode 100644
index 0000000..d548048
--- /dev/null
+++ b/themes/chill-theme/layouts/_default/single.html
@@ -0,0 +1,86 @@
+{{ define "main" }}
+{{ .Title }}
+
+ {{ .Content }}
+
+
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/docs/single.html b/themes/chill-theme/layouts/docs/single.html
new file mode 100644
index 0000000..b4d1a6e
--- /dev/null
+++ b/themes/chill-theme/layouts/docs/single.html
@@ -0,0 +1,20 @@
+{{ define "main" }}
+
+
+
+
+ {{ with .Params.categories }}
+
+
+ {{ with .Params.featured_image }}
+
+
+
+
+
+
+
+
+
+
+ {{ if and .Site.Params.blog.cta.enable .Site.Params.cta.enable }}
+
+ {{ range . }}
+
+ {{ . }}
+
+ {{ end }}
+
+ {{ end }}
+
+ {{ .Title }}
+ + {{ partial "post-meta.html" . }} +
+
+
+ {{ end }}
+
+
+ {{ .Content }}
+
+
+ {{ partial "components/cta.html" . }}
+
+ {{ end }}
+
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/index.html b/themes/chill-theme/layouts/index.html
new file mode 100644
index 0000000..9983b08
--- /dev/null
+++ b/themes/chill-theme/layouts/index.html
@@ -0,0 +1,3 @@
+{{ define "main" }}
+{{ .Content }}
+{{ end }}
diff --git a/themes/chill-theme/layouts/partials/components/cta.html b/themes/chill-theme/layouts/partials/components/cta.html
new file mode 100644
index 0000000..b62bc4e
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/components/cta.html
@@ -0,0 +1,28 @@
+{{ if .Site.Params.cta.enable }}
+
+
+
+
+
+
+ {{ .Content }}
+
+
+
+
+ {{ partial "docs-sidebar.html" . }}
+
+
+
+
+ {{ $angle := .Site.Params.cta.gradient_angle | default 45 }}
+ {{ $from := .Site.Params.cta.gradient_from }}
+ {{ $to := .Site.Params.cta.gradient_to }}
+
+
+
+
+
+ {{ .Site.Params.cta.title }}
+{{ .Site.Params.cta.description }}
+
+ {{ with .Site.Params.cta.primary_button }}
+
+ {{ .text }}
+
+ {{ end }}
+ {{ with .Site.Params.cta.secondary_button }}
+
+ {{ .text }}
+
+ {{ end }}
+
+
+
diff --git a/themes/chill-theme/layouts/partials/custom-head.html b/themes/chill-theme/layouts/partials/custom-head.html
new file mode 100644
index 0000000..e99e700
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/custom-head.html
@@ -0,0 +1,18 @@
+
+
diff --git a/themes/chill-theme/layouts/partials/docs-sidebar.html b/themes/chill-theme/layouts/partials/docs-sidebar.html
new file mode 100644
index 0000000..d46b016
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/docs-sidebar.html
@@ -0,0 +1,22 @@
+
diff --git a/themes/chill-theme/layouts/partials/footer.html b/themes/chill-theme/layouts/partials/footer.html
new file mode 100644
index 0000000..04166bb
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/footer.html
@@ -0,0 +1,151 @@
+
diff --git a/themes/chill-theme/layouts/partials/google-analytics.html b/themes/chill-theme/layouts/partials/google-analytics.html
new file mode 100644
index 0000000..3a31f44
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/google-analytics.html
@@ -0,0 +1,10 @@
+{{ if and hugo.IsProduction .Site.Params.googleAnalytics }}
+
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/partials/google-tag-manager.html b/themes/chill-theme/layouts/partials/google-tag-manager.html
new file mode 100644
index 0000000..1a771e8
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/google-tag-manager.html
@@ -0,0 +1,9 @@
+{{ if and hugo.IsProduction .Site.Params.googleTagManager }}
+
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/partials/header.html b/themes/chill-theme/layouts/partials/header.html
new file mode 100644
index 0000000..7f4fd00
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/header.html
@@ -0,0 +1,160 @@
+{{ $headerConfig := .Site.Params.header }}
+{{ $dropdownConfig := $headerConfig.menu.dropdown }}
+
diff --git a/themes/chill-theme/layouts/partials/icons.html b/themes/chill-theme/layouts/partials/icons.html
new file mode 100644
index 0000000..a5e0bfb
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/icons.html
@@ -0,0 +1,22 @@
+{{- $iconClass := printf "w-%s h-%s" (.size | default "6") (.size | default "6") -}}
+{{- $color := .color | default "#000000" -}}
+
+
diff --git a/themes/chill-theme/layouts/partials/language-switcher.html b/themes/chill-theme/layouts/partials/language-switcher.html
new file mode 100644
index 0000000..dfcbf4c
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/language-switcher.html
@@ -0,0 +1,24 @@
+{{ if .Site.IsMultiLingual }}
+{{ $headerConfig := .Site.Params.header }}
+{{ $dropdownConfig := $headerConfig.menu.dropdown }}
++ {{ if .title }} + {{ .title }} + {{ else }} + {{ if eq $lang "zh-cn" }}่ฎข้ ๆฐ้ป้่ฎฏ{{ else }}Subscribe to Newsletter{{ end }} + {{ end }} +
++ {{ if .description }} + {{ .description }} + {{ else }} + {{ if eq $lang "zh-cn" }}ๅฐๆๆฐๆ็ซ ็ดๆฅๅ้ๅฐๆจ็ๆถไปถ็ฎฑ{{ else }}Get the latest posts delivered right to your inbox{{ end }} + {{ end }} +
+ + +
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/partials/post-card.html b/themes/chill-theme/layouts/partials/post-card.html
new file mode 100644
index 0000000..8ae65b9
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/post-card.html
@@ -0,0 +1,80 @@
+
+
+
+ {{ range .Site.Languages }}
+ {{ if ne $.Site.Language.Lang .Lang }}
+ {{ $langURL := printf "/%s/" .Lang }}
+
+ {{ .LanguageName }}
+
+ {{ end }}
+ {{ end }}
+
+
+
+ {{ with .Params.categories }}
+
+
+ {{ range first 1 . }}
+
+ {{ . }}
+
+ {{ end }}
+
+ {{ end }}
+
+
+ + {{ .Title }} +
+ + ++ {{ with .Description }} + {{ . }} + {{ else }} + {{ .Summary | truncate 160 }} + {{ end }} +
+ + +
+ {{ with .Params.author }}
+
+
+
+
+
+ {{ . }}
+
+ {{ end }}
+
+
+
+
+
+
+
+ {{ i18n "readMore" }}
+
+
+
+
+
+
+ {{ .ReadingTime }} {{ i18n "readTime" }}
+
+
+
+
+
+
+
diff --git a/themes/chill-theme/layouts/partials/shortcodes/feature.html b/themes/chill-theme/layouts/partials/shortcodes/feature.html
new file mode 100644
index 0000000..c056956
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/shortcodes/feature.html
@@ -0,0 +1,52 @@
+{{/* Feature Partial (utilisรฉ par le carousel) */}}
+{{ $title := .title }}
+{{ $titleBtn := .titleBtn}}
+{{ $description := .description }}
+{{ $badge := .badge }}
+{{ $badgeColor := .badgeColor | default "chill-blue" }}
+{{ $image := .image }}
+{{ $buttonText := .buttonText | default "Learn More" }}
+{{ $buttonLink := .buttonLink | default "#" }}
+{{ $imagePosition := .imagePosition | default "right" }}
+
+{{ $features := split (.features) "," }}
+
+
+ {{ with .Params.author }}
+
+
+
+ {{ with .Params.tags }}
+
+
+ {{ . }}
+
+ {{ end }}
+
+
+
+
+
+ {{ .ReadingTime }} {{ i18n "minRead" . }}
+
+
+
+
+
+
+
+ {{ range . }}
+
+ #{{ . }}
+
+ {{ end }}
+
+ {{ end }}
+
+ {{ if eq $imagePosition "left" }}
+
diff --git a/themes/chill-theme/layouts/partials/sidebar.html b/themes/chill-theme/layouts/partials/sidebar.html
new file mode 100644
index 0000000..5a55bee
--- /dev/null
+++ b/themes/chill-theme/layouts/partials/sidebar.html
@@ -0,0 +1,88 @@
+
+ 
+
+ {{ end }}
+
+
+
+
+
+ {{ if ne $imagePosition "left" }}
+ {{ $badge }}
+ {{ $title }}
+{{ $description }}
+-
+ {{ range $features }}
+
+
+
+ {{ end }}
+
+
+ {{ if .Site.Params.blog.sidebar.subscribe.enable }}
+ {{ $params := dict
+ "Site" .Site
+ "Language" .Site.Language
+ "title" .Site.Params.blog.sidebar.subscribe.title
+ "description" .Site.Params.blog.sidebar.subscribe.description
+ "action" .Site.Params.blog.sidebar.subscribe.action
+ "emailName" .Site.Params.blog.sidebar.subscribe.emailName
+ "buttonText" .Site.Params.blog.sidebar.subscribe.buttonText
+ "placeholder" .Site.Params.blog.sidebar.subscribe.placeholder
+ "disclaimer" .Site.Params.blog.sidebar.subscribe.disclaimer
+ "hidden" .Site.Params.blog.sidebar.subscribe.hidden
+ }}
+ {{ partial "components/subscribe-form" $params }}
+ {{ end }}
+
+
+ {{ if .Site.Params.blog.sidebar.recent.enable }}
+
diff --git a/themes/chill-theme/layouts/shortcodes/benefits-grid.html b/themes/chill-theme/layouts/shortcodes/benefits-grid.html
new file mode 100644
index 0000000..ddb2887
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/benefits-grid.html
@@ -0,0 +1,25 @@
+{{ $title := .Get "title" }}
+{{ $subtitle := .Get "subtitle" }}
+
+
+
+ {{ end }}
+
+
+ {{ if .Site.Params.blog.sidebar.categories.enable }}
+ {{ .Site.Params.blog.sidebar.recent.title | default (i18n "recentArticles" .) }}
+
+ {{ $recentCount := .Site.Params.blog.sidebar.recent.count | default 5 }}
+ {{ range first $recentCount (where .Site.RegularPages "Type" "blog") }}
+
+ {{ end }}
+
+
+
+ {{ end }}
+
+
+ {{ if .Site.Params.blog.sidebar.tags.enable }}
+ {{ .Site.Params.blog.sidebar.categories.title | default (i18n "categories" .) }}
+
+ {{ range $name, $taxonomy := .Site.Taxonomies.categories }}
+
+ {{ $name }}
+ ({{ $taxonomy.Count }})
+
+ {{ end }}
+
+
+
+ {{ end }}
+{{ .Site.Params.blog.sidebar.tags.title | default (i18n "popularTags" .) }}
+
+ {{ $tagCount := .Site.Params.blog.sidebar.tags.count | default 20 }}
+ {{ range first $tagCount .Site.Taxonomies.tags.ByCount }}
+
+ #{{ .Name }}
+ ({{ .Count }})
+
+ {{ end }}
+
+
+
+
+{{ $title }}
+{{ $subtitle }}
+
+ {{ range $index := (seq 1 10) }}
+ {{ $benefit := printf "benefit%d" $index }}
+ {{ with $.Get $benefit }}
+ {{ $parts := split . "|" }}
+ {{ if ge (len $parts) 4 }}
+
diff --git a/themes/chill-theme/layouts/shortcodes/case-study-card.html b/themes/chill-theme/layouts/shortcodes/case-study-card.html
new file mode 100644
index 0000000..c6eeb74
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/case-study-card.html
@@ -0,0 +1,15 @@
+
+
+ {{ end }}
+ {{ end }}
+ {{ end }}
+
+ {{ partial "icons" (dict "name" (index $parts 0) "color" (index $parts 1) "size" "6") }}
+
+ {{ index $parts 2 }}
+{{ index $parts 3 }}
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/client-logos.html b/themes/chill-theme/layouts/shortcodes/client-logos.html
new file mode 100644
index 0000000..203c4f3
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/client-logos.html
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+ 
+
+
+
+
+
+ {{ .Get "title" | default (i18n "trustedByCompanies") }}
+
+
+
+ {{ range .Page.Params.client_logos }}
+ 
+ {{ end }}
+ {{ if ne (.Get "animate" | default "true") "false" }}
+ {{ range .Page.Params.client_logos }}
+
+ {{ end }}
+ {{ end }}
+
+
+ {{ with $filename }}
+
diff --git a/themes/chill-theme/layouts/shortcodes/cta.html b/themes/chill-theme/layouts/shortcodes/cta.html
new file mode 100644
index 0000000..9238bc9
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/cta.html
@@ -0,0 +1,17 @@
+{{ $params := dict
+ "title" (.Get "title")
+ "description" (.Get "description")
+ "primary_button" (dict
+ "text" (.Get "primary_button_text")
+ "url" (.Get "primary_button_url")
+ )
+ "secondary_button" (dict
+ "text" (.Get "secondary_button_text")
+ "url" (.Get "secondary_button_url")
+ )
+ "gradient_from" (.Get "gradient-from")
+ "gradient_to" (.Get "gradient-to")
+ "gradient_angle" (.Get "gradient-angle")
+}}
+
+{{ partial "components/cta" (dict "Site" .Site "Params" (dict "cta" $params "enable" true)) }}
diff --git a/themes/chill-theme/layouts/shortcodes/faq.html b/themes/chill-theme/layouts/shortcodes/faq.html
new file mode 100644
index 0000000..1da5477
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/faq.html
@@ -0,0 +1,31 @@
+{{ $data := .Inner | transform.Unmarshal }}
+
+
+ {{ end }}
+ {{ . }}
+
+
+
+
+
+
+ {{ highlight $code $lang "linenos=table,linenostart=1,hl_lines=,lineanchors=line" }}
+
+
+
+
+
+
+ {{ $data.title | default "Frequently Asked Questions" }}
+ {{ with $data.description }} +{{ . }}
+ {{ end }} +
+ {{ range $data.questions }}
+
+
+
+
+
+ {{ end }}
+
+ {{ if eq $imagePosition "left" }}
+
diff --git a/themes/chill-theme/layouts/shortcodes/features-carousel.html b/themes/chill-theme/layouts/shortcodes/features-carousel.html
new file mode 100644
index 0000000..1ed3d1d
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/features-carousel.html
@@ -0,0 +1,81 @@
+{{/*
+ Usage :
+ {{< features-carousel title="Vos fonctionnalitรฉs clรฉs" >}}
+ {
+ "features": [
+ {
+ "title": "Performance",
+ "titleBtn": "Performance",
+ "description": "Leverage Hugo's blazing-fast build times and optimized output.",
+ "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"
+ },
+ ]
+ }
+ {{< /features-carousel >}}
+*/}}
+
+{{ $title := .Get "title" | default "" }}
+{{ $data := .Inner | transform.Unmarshal }}
+{{ $background_color := .Get "background-color" }}
+
+
+
+ {{ end }}
+
+
+
+
+
+ {{ if ne $imagePosition "left" }}
+ {{ $badge }}
+ {{ $title }}
+{{ $description }}
+-
+ {{ range $features }}
+
+
+
+ {{ end }}
+
+ {{ if $title }}
+
+{{ $title }}
+ {{ end }} + + +
+
diff --git a/themes/chill-theme/layouts/shortcodes/features-section.html b/themes/chill-theme/layouts/shortcodes/features-section.html
new file mode 100644
index 0000000..b23c982
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/features-section.html
@@ -0,0 +1,17 @@
+{{/* Features Section Wrapper Shortcode */}}
+{{ $title := .Get "title" | default "Powerful Features for Modern Teams" }}
+{{ $description := .Get "description" | default "Discover how our platform helps you understand and optimize every aspect of your user experience." }}
+
+{{ $title }}
+ +
+ {{ range $index := (seq 1 10) }}
+ {{ $feature := printf "feature%d" $index }}
+ {{ with $.Get $feature }}
+ {{ $parts := split . "|" }}
+ {{ if ge (len $parts) 2 }}
+
+
+
+ {{ end }}
+ {{ end }}
+ {{ end }}
+
+ {{ partial "icons" (dict "name" "check" "color" $color "size" "6") }}
+
+
+
+ {{ index $parts 0 }}
+{{ index $parts 1 }}
+
+
+
+
+
+
+ {{ $title }}
+{{ $description }}
+
+ {{ .Inner }}
+
+
+ 
+
diff --git a/themes/chill-theme/layouts/shortcodes/hero.html b/themes/chill-theme/layouts/shortcodes/hero.html
new file mode 100644
index 0000000..7b09a20
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/hero.html
@@ -0,0 +1,51 @@
+{{ $headline := .Get "headline" }}
+{{ $sub_headline := .Get "sub_headline" }}
+{{ $primary_button_text := .Get "primary_button_text" }}
+{{ $primary_button_url := .Get "primary_button_url" }}
+{{ $secondary_button_text := .Get "secondary_button_text" }}
+{{ $secondary_button_url := .Get "secondary_button_url" }}
+{{ $hero_image := .Get "hero_image" }}
+{{ $background_image := .Get "background_image" }}
+{{ $custom_class := .Get "custom_class" }}
+
+
+ 
+
+ {{ end }}
+
+
+
+
+
+
+ + {{ $headline | safeHTML }} +
++ {{ $sub_headline | safeHTML }} +
+
+ {{ if and $primary_button_text $primary_button_url }}
+
+ {{ $primary_button_text }}
+
+ {{ end }}
+ {{ if and $secondary_button_text $secondary_button_url }}
+
+ {{ $secondary_button_text }}
+
+ {{ end }}
+
+
+ {{ if $hero_image }}
+
+
+ 
+
+ {{ end }}
+
+
+
+
+ {{ if .Get "image" }}
+ 
+ {{ else }}
+
diff --git a/themes/chill-theme/layouts/shortcodes/pricing-table-1.html b/themes/chill-theme/layouts/shortcodes/pricing-table-1.html
new file mode 100644
index 0000000..9e0db1d
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/pricing-table-1.html
@@ -0,0 +1,63 @@
+{{ $json := .Inner | transform.Unmarshal }}
+{{ .Get "name" }}
+ {{ end }}
+
+ {{ with $json.title }}
+
+
+
+ {{ end }}
+
+ {{ . }}
+ {{ with $json.description }} +{{ . }}
+ {{ end }} +
+
+
+ {{ range $json.plans }}
+
+
+
+ {{ end }}
+
+ {{ if .featured }}
+
+
+ {{ i18n "popular" }}
+
+ {{ end }}
+
+
+
+
+ {{ .name }}
+{{ .description }}
+
+
+ + {{ .price }} + {{ i18n "perMonth" }} +
++ {{ .additional_price }} + {{ i18n "perMonth" }} +
+-
+ {{ range .features }}
+
{{ . }}
+ {{ end }}
+
+
+ {{ with $data.title }}
+
+
+
+ {{ end }}
+
+ {{ . }}
+ {{ with $data.description }} +{{ . }}
+ {{ end }} +
+ {{ range $index, $plan := $data.plans }}
+
+
+ {{ if $plan.featured }}
+
+ {{ end }}
+
+ {{ i18n "mostPopular" }}
+
+ {{ end }}
+
+
+
+
+ {{ if $plan.price }}
+ {{ $plan.name }}
+{{ $plan.description }}
+
+
+ {{ end }}
+
+
+ {{ $plan.price }}
+ {{ i18n $plan.price_unit }}
+
+
+
+ {{ $plan.additional_price }}
+
+ -
+ {{ range $plan.features }}
+
{{ . }}
+ {{ end }}
+
+ {{ $plan.button.text }}
+
+
+ {{ .Inner }}
+
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/team-member.html b/themes/chill-theme/layouts/shortcodes/team-member.html
new file mode 100644
index 0000000..6cc63c2
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/team-member.html
@@ -0,0 +1,22 @@
+{{ .Get "number" }}
+ {{ .Get "label" }}
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/testimonials.html b/themes/chill-theme/layouts/shortcodes/testimonials.html
new file mode 100644
index 0000000..cedb388
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/testimonials.html
@@ -0,0 +1,183 @@
+{{ $background_color := .Get "background-color" }}
+
+ {{ if .Get "image" }}
+
+ {{ else }}
+
+
+
+
+ {{ end }}
+ {{ if .Get "linkedin" }}
+
+
+
+ {{ end }}
+ {{ .Get "name" }}
+{{ .Get "title" }}
+
+
+
+
+
+ {{ .Get "title" | default (i18n "lovedByTeams") }}
+{{ .Get "description" | default (i18n "testimonialsDescription") }}
+
+
+
+ {{ range .Page.Params.testimonials }}
+
+
+
+ {{ end }}
+ {{ if ne (.Get "animate" | default "true") "false" }}
+ {{ range .Page.Params.testimonials }}
+
+ {{ end }}
+ {{ end }}
+
+ 
+
+
+
+ {{ .name }}
+{{ .title }}
+{{ .quote }}
+
+
diff --git a/themes/chill-theme/layouts/shortcodes/value-card.html b/themes/chill-theme/layouts/shortcodes/value-card.html
new file mode 100644
index 0000000..5cf1e05
--- /dev/null
+++ b/themes/chill-theme/layouts/shortcodes/value-card.html
@@ -0,0 +1,21 @@
+{{ i18n "tableOfContents" }}
+ {{ .Page.TableOfContents }} +
+
diff --git a/themes/chill-theme/layouts/taxonomy/list.html b/themes/chill-theme/layouts/taxonomy/list.html
new file mode 100644
index 0000000..e81533f
--- /dev/null
+++ b/themes/chill-theme/layouts/taxonomy/list.html
@@ -0,0 +1,70 @@
+{{ define "main" }}
+
+ {{ $icon := .Get "icon" }}
+ {{ if eq $icon "lightbulb" }}
+
+ {{ else if eq $icon "users" }}
+
+ {{ else if eq $icon "eye" }}
+
+ {{ end }}
+
+ {{ .Get "title" }}
+{{ .Get "description" }}
+
+
+{{ end }}
diff --git a/themes/chill-theme/layouts/taxonomy/terms.html b/themes/chill-theme/layouts/taxonomy/terms.html
new file mode 100644
index 0000000..5fe1654
--- /dev/null
+++ b/themes/chill-theme/layouts/taxonomy/terms.html
@@ -0,0 +1,39 @@
+{{ define "main" }}
+
+
+
+
+
++ {{ .Data.Singular | title }}: {{ .Title }} +
+
+ {{ $count := len .Pages }}
+ {{ if eq $count 1 }}
+ 1 post
+ {{ else }}
+ {{ $count }} posts
+ {{ end }}
+
+
+ {{ $paginator := .Paginate .Pages }}
+ {{ range $paginator.Pages }}
+ {{ partial "post-card.html" . }}
+ {{ end }}
+
+
+ {{ $paginator := .Paginate .Pages }}
+ {{ if gt $paginator.TotalPages 1 }}
+
+ {{ end }}
+
+
+{{ end }}
diff --git a/themes/chill-theme/package.json b/themes/chill-theme/package.json
new file mode 100644
index 0000000..edd5cb8
--- /dev/null
+++ b/themes/chill-theme/package.json
@@ -0,0 +1,20 @@
+{
+ "name": "hugo-sassify-theme",
+ "version": "1.0.0",
+ "description": "A modern Hugo theme for SaaS websites",
+ "author": "Chaoming Li",
+ "license": "MIT",
+ "scripts": {
+ "start": "concurrently \"npx tailwindcss -i themes/chill-theme/assets/scss/main.scss -o static/css/style.css --watch\" \"hugo server -D\"",
+ "build": "tailwindcss -i themes/chill-theme/assets/scss/main.scss -o static/css/style.css --minify && hugo --minify"
+ },
+ "devDependencies": {
+ "@tailwindcss/forms": "^0.5.7",
+ "@tailwindcss/typography": "^0.5.10",
+ "autoprefixer": "^10.4.16",
+ "concurrently": "^8.2.2",
+ "postcss": "^8.4.31",
+ "postcss-cli": "^10.1.0",
+ "tailwindcss": "^3.3.5"
+ }
+}
\ No newline at end of file
diff --git a/themes/chill-theme/postcss.config.js b/themes/chill-theme/postcss.config.js
new file mode 100644
index 0000000..f1c8dac
--- /dev/null
+++ b/themes/chill-theme/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ }
+}
diff --git a/themes/chill-theme/screenshots/screenshot1.png b/themes/chill-theme/screenshots/screenshot1.png
new file mode 100644
index 0000000..98cb122
Binary files /dev/null and b/themes/chill-theme/screenshots/screenshot1.png differ
diff --git a/themes/chill-theme/screenshots/screenshot2.png b/themes/chill-theme/screenshots/screenshot2.png
new file mode 100644
index 0000000..8d26712
Binary files /dev/null and b/themes/chill-theme/screenshots/screenshot2.png differ
diff --git a/themes/chill-theme/screenshots/screenshot3.png b/themes/chill-theme/screenshots/screenshot3.png
new file mode 100644
index 0000000..f803d7e
Binary files /dev/null and b/themes/chill-theme/screenshots/screenshot3.png differ
diff --git a/themes/chill-theme/static/images/blog/blog-1.jpg b/themes/chill-theme/static/images/blog/blog-1.jpg
new file mode 100644
index 0000000..8776392
Binary files /dev/null and b/themes/chill-theme/static/images/blog/blog-1.jpg differ
diff --git a/themes/chill-theme/static/images/blog/blog-2.webp b/themes/chill-theme/static/images/blog/blog-2.webp
new file mode 100644
index 0000000..18d5bee
Binary files /dev/null and b/themes/chill-theme/static/images/blog/blog-2.webp differ
diff --git a/themes/chill-theme/static/images/blog/blog-3.webp b/themes/chill-theme/static/images/blog/blog-3.webp
new file mode 100644
index 0000000..af244a5
Binary files /dev/null and b/themes/chill-theme/static/images/blog/blog-3.webp differ
diff --git a/themes/chill-theme/static/images/blog/blog-4.jpg b/themes/chill-theme/static/images/blog/blog-4.jpg
new file mode 100644
index 0000000..326f9c5
Binary files /dev/null and b/themes/chill-theme/static/images/blog/blog-4.jpg differ
diff --git a/themes/chill-theme/static/images/blog/blog-5.jpg b/themes/chill-theme/static/images/blog/blog-5.jpg
new file mode 100644
index 0000000..6081974
Binary files /dev/null and b/themes/chill-theme/static/images/blog/blog-5.jpg differ
diff --git a/themes/chill-theme/static/images/company/exec-1.svg b/themes/chill-theme/static/images/company/exec-1.svg
new file mode 100644
index 0000000..0c71641
--- /dev/null
+++ b/themes/chill-theme/static/images/company/exec-1.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/themes/chill-theme/static/images/company/exec-2.svg b/themes/chill-theme/static/images/company/exec-2.svg
new file mode 100644
index 0000000..3b8aaa4
--- /dev/null
+++ b/themes/chill-theme/static/images/company/exec-2.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/themes/chill-theme/static/images/company/exec-3.svg b/themes/chill-theme/static/images/company/exec-3.svg
new file mode 100644
index 0000000..65f79dd
--- /dev/null
+++ b/themes/chill-theme/static/images/company/exec-3.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/themes/chill-theme/static/images/company/investor-1.svg b/themes/chill-theme/static/images/company/investor-1.svg
new file mode 100644
index 0000000..b347891
--- /dev/null
+++ b/themes/chill-theme/static/images/company/investor-1.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/themes/chill-theme/static/images/company/investor-2.svg b/themes/chill-theme/static/images/company/investor-2.svg
new file mode 100644
index 0000000..e15a0ce
--- /dev/null
+++ b/themes/chill-theme/static/images/company/investor-2.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/themes/chill-theme/static/images/company/investor-3.svg b/themes/chill-theme/static/images/company/investor-3.svg
new file mode 100644
index 0000000..cc6dd72
--- /dev/null
+++ b/themes/chill-theme/static/images/company/investor-3.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/themes/chill-theme/static/images/company/investor-4.svg b/themes/chill-theme/static/images/company/investor-4.svg
new file mode 100644
index 0000000..386fab9
--- /dev/null
+++ b/themes/chill-theme/static/images/company/investor-4.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/themes/chill-theme/static/images/favicon.ico b/themes/chill-theme/static/images/favicon.ico
new file mode 100644
index 0000000..daf0d2d
Binary files /dev/null and b/themes/chill-theme/static/images/favicon.ico differ
diff --git a/themes/chill-theme/static/images/feature-1.svg b/themes/chill-theme/static/images/feature-1.svg
new file mode 100644
index 0000000..cdb24a4
--- /dev/null
+++ b/themes/chill-theme/static/images/feature-1.svg
@@ -0,0 +1,28 @@
+
diff --git a/themes/chill-theme/static/images/feature-2.svg b/themes/chill-theme/static/images/feature-2.svg
new file mode 100644
index 0000000..a384fc3
--- /dev/null
+++ b/themes/chill-theme/static/images/feature-2.svg
@@ -0,0 +1,35 @@
+
diff --git a/themes/chill-theme/static/images/feature-3.svg b/themes/chill-theme/static/images/feature-3.svg
new file mode 100644
index 0000000..a825ed7
--- /dev/null
+++ b/themes/chill-theme/static/images/feature-3.svg
@@ -0,0 +1,34 @@
+
diff --git a/themes/chill-theme/static/images/hero-dashboard.svg b/themes/chill-theme/static/images/hero-dashboard.svg
new file mode 100644
index 0000000..1cc17da
--- /dev/null
+++ b/themes/chill-theme/static/images/hero-dashboard.svg
@@ -0,0 +1,26 @@
+
diff --git a/themes/chill-theme/static/images/logo.svg b/themes/chill-theme/static/images/logo.svg
new file mode 100644
index 0000000..1b2446f
--- /dev/null
+++ b/themes/chill-theme/static/images/logo.svg
@@ -0,0 +1,8 @@
+
diff --git a/themes/chill-theme/static/images/logos/customer-1.png b/themes/chill-theme/static/images/logos/customer-1.png
new file mode 100644
index 0000000..6a165bf
Binary files /dev/null and b/themes/chill-theme/static/images/logos/customer-1.png differ
diff --git a/themes/chill-theme/static/images/logos/customer-1.svg b/themes/chill-theme/static/images/logos/customer-1.svg
new file mode 100644
index 0000000..84ad9d2
--- /dev/null
+++ b/themes/chill-theme/static/images/logos/customer-1.svg
@@ -0,0 +1,20 @@
+
diff --git a/themes/chill-theme/static/images/logos/customer-2.png b/themes/chill-theme/static/images/logos/customer-2.png
new file mode 100644
index 0000000..ab1dedb
Binary files /dev/null and b/themes/chill-theme/static/images/logos/customer-2.png differ
diff --git a/themes/chill-theme/static/images/logos/customer-3.png b/themes/chill-theme/static/images/logos/customer-3.png
new file mode 100644
index 0000000..0fbab51
Binary files /dev/null and b/themes/chill-theme/static/images/logos/customer-3.png differ
diff --git a/themes/chill-theme/static/images/logos/customer-4.png b/themes/chill-theme/static/images/logos/customer-4.png
new file mode 100644
index 0000000..908574f
Binary files /dev/null and b/themes/chill-theme/static/images/logos/customer-4.png differ
diff --git a/themes/chill-theme/static/images/logos/customer-5.png b/themes/chill-theme/static/images/logos/customer-5.png
new file mode 100644
index 0000000..bb95dc3
Binary files /dev/null and b/themes/chill-theme/static/images/logos/customer-5.png differ
diff --git a/themes/chill-theme/static/images/social/behance.svg b/themes/chill-theme/static/images/social/behance.svg
new file mode 100644
index 0000000..9ab3993
--- /dev/null
+++ b/themes/chill-theme/static/images/social/behance.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/bluesky.svg b/themes/chill-theme/static/images/social/bluesky.svg
new file mode 100644
index 0000000..56386f6
--- /dev/null
+++ b/themes/chill-theme/static/images/social/bluesky.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/themes/chill-theme/static/images/social/discord.svg b/themes/chill-theme/static/images/social/discord.svg
new file mode 100644
index 0000000..7c96bdb
--- /dev/null
+++ b/themes/chill-theme/static/images/social/discord.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/dribbble.svg b/themes/chill-theme/static/images/social/dribbble.svg
new file mode 100644
index 0000000..9bcb55f
--- /dev/null
+++ b/themes/chill-theme/static/images/social/dribbble.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/facebook.svg b/themes/chill-theme/static/images/social/facebook.svg
new file mode 100644
index 0000000..ec399b8
--- /dev/null
+++ b/themes/chill-theme/static/images/social/facebook.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/github.svg b/themes/chill-theme/static/images/social/github.svg
new file mode 100644
index 0000000..a6603a6
--- /dev/null
+++ b/themes/chill-theme/static/images/social/github.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/instagram.svg b/themes/chill-theme/static/images/social/instagram.svg
new file mode 100644
index 0000000..419551a
--- /dev/null
+++ b/themes/chill-theme/static/images/social/instagram.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/linkedin.svg b/themes/chill-theme/static/images/social/linkedin.svg
new file mode 100644
index 0000000..925e7ef
--- /dev/null
+++ b/themes/chill-theme/static/images/social/linkedin.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/medium.svg b/themes/chill-theme/static/images/social/medium.svg
new file mode 100644
index 0000000..2f6ae8b
--- /dev/null
+++ b/themes/chill-theme/static/images/social/medium.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/slack.svg b/themes/chill-theme/static/images/social/slack.svg
new file mode 100644
index 0000000..5d77e17
--- /dev/null
+++ b/themes/chill-theme/static/images/social/slack.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/telegram.svg b/themes/chill-theme/static/images/social/telegram.svg
new file mode 100644
index 0000000..e301d7f
--- /dev/null
+++ b/themes/chill-theme/static/images/social/telegram.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/twitter.svg b/themes/chill-theme/static/images/social/twitter.svg
new file mode 100644
index 0000000..f5c2a52
--- /dev/null
+++ b/themes/chill-theme/static/images/social/twitter.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/social/youtube.svg b/themes/chill-theme/static/images/social/youtube.svg
new file mode 100644
index 0000000..a4e0c6d
--- /dev/null
+++ b/themes/chill-theme/static/images/social/youtube.svg
@@ -0,0 +1 @@
+
diff --git a/themes/chill-theme/static/images/team.jpg b/themes/chill-theme/static/images/team.jpg
new file mode 100644
index 0000000..e6a85db
Binary files /dev/null and b/themes/chill-theme/static/images/team.jpg differ
diff --git a/themes/chill-theme/static/images/testimonial-1.svg b/themes/chill-theme/static/images/testimonial-1.svg
new file mode 100644
index 0000000..9a372c3
--- /dev/null
+++ b/themes/chill-theme/static/images/testimonial-1.svg
@@ -0,0 +1,5 @@
+
diff --git a/themes/chill-theme/static/js/language-preference.js b/themes/chill-theme/static/js/language-preference.js
new file mode 100644
index 0000000..7647d16
--- /dev/null
+++ b/themes/chill-theme/static/js/language-preference.js
@@ -0,0 +1,332 @@
+/**
+ * Language Preference Manager
+ * Stores user's language selection in localStorage and auto-redirects on subsequent visits
+ * Supports automatic language detection via VisitorAPI
+ */
+(function() {
+ 'use strict';
+
+ // Configuration
+ const STORAGE_KEY = 'hugo_preferred_language';
+ const SESSION_KEY = 'language_redirected';
+
+ // Get VisitorAPI project ID from Hugo config (injected via template)
+ const VISITOR_API_PID = window.HUGO_VISITOR_API_PID || null;
+
+ /**
+ * Initialize the language preference system
+ */
+ function init() {
+ // Check and redirect on page load (before DOM ready for faster redirect)
+ checkAndRedirect();
+
+ // Attach click handlers after DOM is ready
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', attachLanguageSwitchers);
+ } else {
+ attachLanguageSwitchers();
+ }
+ }
+
+ /**
+ * Check if we should redirect to user's preferred language
+ */
+ function checkAndRedirect() {
+ try {
+ const preferredLang = getStoredLanguage();
+ const currentLang = getCurrentLanguage();
+
+ console.log('Language preference check:', {
+ preferredLang: preferredLang || 'none',
+ currentLang: currentLang,
+ visitorApiConfigured: !!VISITOR_API_PID
+ });
+
+ // If user has a stored preference and it matches current language, we're good
+ if (preferredLang && preferredLang === currentLang) {
+ console.log('Language preference: Already on preferred language:', currentLang);
+ return;
+ }
+
+ // If user has a stored preference, use it
+ if (preferredLang && preferredLang !== currentLang && isValidLanguage(preferredLang)) {
+ console.log('Language preference: Redirecting to stored preference:', preferredLang);
+ redirectToLanguage(preferredLang);
+ return;
+ }
+
+ // If no stored preference and VisitorAPI is configured, call it every time
+ if (!preferredLang && VISITOR_API_PID) {
+ detectLanguageViaVisitorAPI();
+ } else if (!preferredLang) {
+ console.log('Language preference: No stored preference and VisitorAPI not configured');
+ }
+ } catch (e) {
+ // Silently fail if localStorage/sessionStorage is unavailable
+ console.warn('Language preference: Storage unavailable', e);
+ }
+ }
+
+ /**
+ * Detect user's language using VisitorAPI
+ */
+ function detectLanguageViaVisitorAPI() {
+ console.log('VisitorAPI: Calling API to detect language...');
+
+ // VisitorAPI implementation
+ var VisitorAPI = function(projectId, successCallback, errorCallback) {
+ var xhr = new XMLHttpRequest();
+ xhr.onreadystatechange = function() {
+ if (xhr.readyState === XMLHttpRequest.DONE) {
+ try {
+ var response = JSON.parse(xhr.responseText);
+ if (response.status === 200) {
+ successCallback(response.data);
+ } else {
+ errorCallback(response.status, response.result);
+ }
+ } catch (e) {
+ errorCallback(0, 'Failed to parse response');
+ }
+ }
+ };
+ xhr.open("GET", "https://api.visitorapi.com/api/?pid=" + projectId);
+ xhr.send(null);
+ };
+
+ // Call VisitorAPI
+ VisitorAPI(
+ VISITOR_API_PID,
+ function(data) {
+ handleVisitorAPISuccess(data);
+ },
+ function(errorCode, errorMessage) {
+ console.warn('VisitorAPI error:', errorCode, errorMessage);
+ }
+ );
+ }
+
+ /**
+ * Handle successful VisitorAPI response
+ * @param {Object} data - VisitorAPI response data
+ */
+ function handleVisitorAPISuccess(data) {
+ console.log('VisitorAPI: Received data:', data);
+
+ // Get languages from response (e.g., ["en", "eng"])
+ var languages = data.languages || [];
+
+ if (languages.length === 0) {
+ console.log('VisitorAPI: No languages detected in response');
+ return;
+ }
+
+ console.log('VisitorAPI: Detected languages:', languages);
+
+ // Get current language to check if already on preferred language
+ var currentLang = getCurrentLanguage();
+ console.log('VisitorAPI: Current language:', currentLang);
+
+ // Get all available Hugo language codes from the page
+ var availableHugoLangs = [];
+ var languageLinks = document.querySelectorAll('.language-switch-link');
+
+ for (var i = 0; i < languageLinks.length; i++) {
+ var hugoLang = languageLinks[i].getAttribute('data-lang');
+ if (hugoLang) {
+ availableHugoLangs.push(hugoLang.toLowerCase());
+ }
+ }
+
+ // Add current language to available languages if not already present
+ // This handles the case where default language (e.g., "en") might not have a visible switch link
+ if (currentLang && availableHugoLangs.indexOf(currentLang) === -1) {
+ availableHugoLangs.unshift(currentLang); // Add to beginning of array
+ console.log('VisitorAPI: Added current language to available languages:', currentLang);
+ }
+
+ console.log('VisitorAPI: Available Hugo languages:', availableHugoLangs);
+
+ // Try to match visitor's language to available Hugo languages
+ // Match using first 2 characters of language code (e.g., "en" matches "en", "zh" matches "zh-cn")
+ // IMPORTANT: Iterate through visitor's languages IN ORDER to respect preference
+ var detectedLang = null;
+
+ for (var i = 0; i < languages.length; i++) {
+ var visitorLang = languages[i].toLowerCase();
+ // Get first 2 characters of the visitor's language code
+ var langPrefix = visitorLang.substring(0, 2);
+
+ console.log('VisitorAPI: Checking visitor language:', visitorLang, '(prefix: ' + langPrefix + ')');
+
+ // Check if any available Hugo language matches this visitor language
+ for (var j = 0; j < availableHugoLangs.length; j++) {
+ var hugoLang = availableHugoLangs[j];
+ // Get first 2 characters of Hugo language code
+ var hugoPrefix = hugoLang.substring(0, 2);
+
+ // Match based on first 2 characters
+ if (langPrefix === hugoPrefix) {
+ detectedLang = hugoLang;
+ console.log('VisitorAPI: Matched language:', visitorLang, '(' + langPrefix + ') -> Hugo language:', hugoLang);
+ break;
+ }
+ }
+
+ // Break immediately when first match is found (respects visitor's language preference order)
+ if (detectedLang) {
+ break;
+ }
+ }
+
+ // If we detected a valid language and it's different from current, redirect
+ if (detectedLang) {
+ console.log('VisitorAPI: Detected lang:', detectedLang, 'Current lang:', currentLang);
+
+ if (detectedLang !== currentLang) {
+ console.log('VisitorAPI: Storing preference and redirecting to:', detectedLang);
+
+ // Store the detected language as preference
+ setStoredLanguage(detectedLang);
+
+ // Redirect to detected language
+ redirectToLanguage(detectedLang);
+ } else {
+ console.log('VisitorAPI: Already on detected language, no redirect needed');
+ // Store the preference even if we're already on the right language
+ setStoredLanguage(detectedLang);
+ }
+ } else {
+ console.log('VisitorAPI: No matching Hugo language found for detected languages');
+ }
+ }
+
+ /**
+ * Attach click event listeners to all language switch links
+ */
+ function attachLanguageSwitchers() {
+ const links = document.querySelectorAll('.language-switch-link');
+
+ links.forEach(function(link) {
+ link.addEventListener('click', handleLanguageClick);
+ });
+ }
+
+ /**
+ * Handle click on language switch link
+ * @param {Event} e - Click event
+ */
+ function handleLanguageClick(e) {
+ const lang = e.currentTarget.getAttribute('data-lang');
+
+ if (lang) {
+ try {
+ setStoredLanguage(lang);
+ console.log('Language preference: Stored user preference:', lang);
+ } catch (e) {
+ console.warn('Language preference: Could not save preference', e);
+ }
+ }
+
+ // Let the link navigate normally (don't prevent default)
+ }
+
+ /**
+ * Get the stored language preference from localStorage
+ * @returns {string|null} Language code or null
+ */
+ function getStoredLanguage() {
+ try {
+ return localStorage.getItem(STORAGE_KEY);
+ } catch (e) {
+ return null;
+ }
+ }
+
+ /**
+ * Store the language preference in localStorage
+ * @param {string} lang - Language code to store
+ */
+ function setStoredLanguage(lang) {
+ try {
+ localStorage.setItem(STORAGE_KEY, lang);
+ } catch (e) {
+ throw e;
+ }
+ }
+
+ /**
+ * Get the current language from the URL path
+ * @returns {string} Current language code (e.g., 'en', 'zh-cn')
+ */
+ function getCurrentLanguage() {
+ const path = window.location.pathname;
+
+ // Match language code pattern: /en/ or /zh-cn/ at start of path
+ const match = path.match(/^\/([a-z]{2}(-[a-z]{2})?)\//i);
+
+ if (match) {
+ return match[1].toLowerCase();
+ }
+
+ // If no language in path, assume default language (root path)
+ // This handles cases like "/" which might be the default language
+ return getDefaultLanguage();
+ }
+
+ /**
+ * Get default language from HTML lang attribute or fallback
+ * @returns {string} Default language code
+ */
+ function getDefaultLanguage() {
+ const htmlLang = document.documentElement.getAttribute('lang');
+ if (htmlLang) {
+ // Extract primary language code (e.g., 'en-US' -> 'en')
+ return htmlLang.split('-')[0].toLowerCase();
+ }
+ return 'en'; // Fallback
+ }
+
+ /**
+ * Check if a language code is valid by looking for available language links
+ * @param {string} lang - Language code to validate
+ * @returns {boolean} True if valid
+ */
+ function isValidLanguage(lang) {
+ // Check if any language switch link exists for this language
+ const link = document.querySelector('.language-switch-link[data-lang="' + lang + '"]');
+ return link !== null;
+ }
+
+ /**
+ * Redirect to a specific language, preserving the current path
+ * @param {string} targetLang - Target language code
+ */
+ function redirectToLanguage(targetLang) {
+ const currentPath = window.location.pathname;
+ const currentLang = getCurrentLanguage();
+ const search = window.location.search;
+ const hash = window.location.hash;
+
+ let newPath;
+
+ // Check if current path has a language prefix
+ if (currentPath.match(/^\/[a-z]{2}(-[a-z]{2})?\//i)) {
+ // Replace existing language: /en/about -> /zh-cn/about
+ newPath = currentPath.replace(
+ /^\/[a-z]{2}(-[a-z]{2})?\//i,
+ '/' + targetLang + '/'
+ );
+ } else {
+ // Add language prefix: /about -> /zh-cn/about
+ newPath = '/' + targetLang + currentPath;
+ }
+
+ // Perform redirect
+ window.location.href = newPath + search + hash;
+ }
+
+ // Initialize when script loads
+ init();
+
+})();
diff --git a/themes/chill-theme/tailwind.config.js b/themes/chill-theme/tailwind.config.js
new file mode 100644
index 0000000..ad4909d
--- /dev/null
+++ b/themes/chill-theme/tailwind.config.js
@@ -0,0 +1,42 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ["./layouts/**/*.html"],
+ theme: {
+ extend: {
+ colors: {
+ primary: {
+ 50: '#eef1fc',
+ 100: '#dde3f9',
+ 200: '#bbc7f3',
+ 300: '#99abec',
+ 400: '#778fe6',
+ 500: '#5573df',
+ 600: '#425ad6',
+ 700: '#3548ab',
+ 800: '#283680',
+ 900: '#1b2456',
+ },
+ secondary: {
+ 50: '#faf5ff',
+ 100: '#f3e8ff',
+ 200: '#e9d5ff',
+ 300: '#d8b4fe',
+ 400: '#c084fc',
+ 500: '#a855f7',
+ 600: '#9333ea',
+ 700: '#7e22ce',
+ 800: '#6b21a8',
+ 900: '#581c87',
+ },
+ },
+ fontFamily: {
+ sans: ['Inter', 'system-ui', 'sans-serif'],
+ heading: ['Plus Jakarta Sans', 'sans-serif'],
+ },
+ },
+ },
+ plugins: [
+ require('@tailwindcss/forms'),
+ require('@tailwindcss/typography'),
+ ],
+}
\ No newline at end of file
diff --git a/themes/chill-theme/theme.toml b/themes/chill-theme/theme.toml
new file mode 100644
index 0000000..86fddf5
--- /dev/null
+++ b/themes/chill-theme/theme.toml
@@ -0,0 +1,13 @@
+name = "Hugo Saasify"
+license = "MIT"
+licenselink = "https://github.com/chaoming/chill-theme/blob/main/LICENSE"
+description = "A modern Hugo theme for SaaS websites built with TailwindCSS"
+homepage = "https://github.com/chaoming/chill-theme"
+demosite = "https://saasify-demo.chaoming.li"
+tags = ["saas", "business", "tailwind", "responsive", "modern", "clean"]
+features = ["responsive", "tailwind", "modern design"]
+min_version = "0.80.0"
+
+[author]
+ name = "Chaoming Li"
+ homepage = "https://chaoming.li"
+
+
+
+
++ {{ .Title }} +
+
+ Browse all {{ .Data.Plural }}
+
+
+ {{ range .Data.Terms.ByCount }}
+
+
+
+ {{ if not .Data.Terms }}
+ + {{ .Page.Title }} +
+
+ {{ .Count }}
+ {{ if eq .Count 1 }}
+ post
+ {{ else }}
+ posts
+ {{ end }}
+
+
+ {{ end }}
+
+ No {{ .Data.Plural }} found
+
+ {{ end }}
+