Create Static Pages

Overview

Static pages provide essential information about your website, such as About, Contact, Services, and more.

Directory Structure

• Static pages are stored in the _pages/ directory
• Use the naming convention: page-name.md

Static Page Types

1. About Page
2. Contact Page
3. Services Overview
4. Portfolio List
5. Privacy Policy
6. Terms of Service

Page File Structure

Filename Example

_pages/about.md
_pages/contact.md
_pages/services.md

About Page Example

---
layout: about
title: "About Our Agency"
permalink: /about/
hero_image: "/assets/images/about-hero.webp"
team_members:
  - name: "John Doe"
    role: "Founder & CEO"
    image: "/assets/images/team/john.webp"
  - name: "Jane Smith"
    role: "Creative Director"
    image: "/assets/images/team/jane.webp"
---

## Our Story

### Company Background
Detailed description of your agency's history, mission, and values.

### Our Team
Showcase key team members with their roles and expertise.

### Mission and Vision
- Company mission statement
- Long-term goals
- Core values

### Achievements
- Industry awards
- Notable projects
- Client success stories

Contact Page Example

---
layout: contact
title: "Contact Us"
permalink: /contact/
form_title: "Get In Touch"
form_description: "Have a project in mind? Let's discuss!"
---

## Contact Information

### Office Address
123 Tech Street
Silicon Valley, CA 94000

### Contact Details
- **Phone**: +1 (555) 123-4567
- **Email**: contact@example.com

### Business Hours
- Monday - Friday: 9 AM - 5 PM
- Saturday: 10 AM - 2 PM
- Sunday: Closed

## Contact Form
(Automatically generated based on theme settings)

Services Overview Page

---
layout: services
title: "Our Services"
permalink: /services/
hero_image: "/assets/images/services-hero.webp"
---

## Our Service Offerings

### Service Categories
- Web Development
- Digital Marketing
- UI/UX Design
- Cloud Solutions

### Why Choose Us
- Expertise in cutting-edge technologies
- Customer-centric approach
- Proven track record
- Tailored solutions

Front Matter Parameters

• layout: Specific page layout
• title: Page title
• permalink: Custom URL path
• hero_image: Optional header image
• Page-specific parameters

Best Practices

1. Use clear, concise language
2. Provide valuable information
3. Include relevant images
4. Maintain consistent formatting
5. Optimize for readability
6. Use descriptive headings

SEO Optimization

• Use descriptive titles
• Include relevant keywords
• Write comprehensive content
• Use header tags effectively
• Add meta descriptions

Workflow

1. Determine page purpose
2. Create a new file in _pages/
3. Choose appropriate layout
4. Add front matter
5. Write page content
6. Preview locally
7. Publish

Troubleshooting

• Check image paths
• Verify front matter syntax
• Ensure consistent formatting
• Test page display and navigation

Related Guides

• Creating Pages
• Theme Configuration
• Page Layouts

Next Steps

• Plan your static pages
• Create content for each page
• Ensure cohesive website structure