Create Services

Overview

Service pages describe your business offerings, helping potential clients understand your expertise and value proposition.

Directory Structure

• Services are stored in the _services/ directory
• Use the naming convention: service-name.md

Service Page File Structure

Filename Example

_services/web-development.md

Front Matter Configuration

---
layout: service-details
title: "Web Development Services"
icon: "fas fa-code"
color: "color-1"
weight: 1
description: "Comprehensive web development solutions for modern businesses."
features:
  - Responsive Design
  - Custom CMS Integration
  - Performance Optimization
technologies:
  - React
  - Node.js
  - WordPress
pricing:
  basic: "$1,500"
  standard: "$3,000"
  premium: "$5,000"
featured: true
---

Front Matter Parameters

• layout: Use service-details
• title: Service name
• icon: FontAwesome or custom icon
• color: Accent color
• weight: Sorting order
• description: Service overview
• features: Key service offerings
• technologies: Used tech stack
• pricing: Optional pricing tiers
• featured: Highlight on services page

Service Page Content Structure

## About Our Web Development Services

### Service Overview
Detailed description of the service, target audience, and unique value proposition.

### Key Features
- Feature 1 with detailed explanation
- Feature 2 with benefits
- Feature 3 with technical details

### Technologies We Use
- Frontend technologies
- Backend technologies
- Frameworks and tools

### Our Process
1. Initial consultation
2. Requirements gathering
3. Design and prototyping
4. Development
5. Testing and deployment
6. Ongoing support

### Case Studies
- Brief project examples
- Client success stories
- Quantifiable results

### Pricing and Packages
#### Basic Package
- Included services
- Ideal for small projects

#### Standard Package
- Advanced features
- Recommended for most clients

#### Premium Package
- Comprehensive solution
- Full-scale project support

Best Practices

1. Use clear, concise language
2. Highlight unique selling points
3. Showcase technical expertise
4. Include relevant case studies
5. Use professional icons
6. Maintain consistent formatting

Icon and Color Selection

• Use FontAwesome icons
• Choose colors that match brand identity
• Ensure readability and contrast

SEO Optimization

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

Workflow

1. Define service offerings
2. Create a new file in _services/
3. Add front matter
4. Write service description
5. Include features and technologies
6. Preview locally
7. Publish

Troubleshooting

• Verify icon and color configurations
• Check front matter syntax
• Ensure consistent formatting
• Test service page display

Related Guides

• Creating Pages
• Theme Configuration
• Services Page Layout

Next Steps

• List your service offerings
• Create detailed service pages
• Showcase your business capabilities