# Happy Tails Pet Care

A professional website created for Happy Tails Pet Care using SloanOps template system.

## Overview

This site was generated using the SloanOps client onboarding system and is designed for deployment to Cloudflare Pages via Gitea Actions CI/CD.

## Customization

### Content Updates
- Edit HTML files in the root directory to update page content
- Modify images in the `images/` directory
- Update text content directly in HTML files

### Styling
- All colors, fonts, and spacing are controlled via CSS variables in `css/style.css`
- To rebrand: modify the `:root` variables at the top of `css/style.css`
- Font families can be changed in the HTML `<head>` section

### Deployment
Pushes to the `master` branch trigger automatic deployment to Cloudflare Pages.
Preview deployments are created for all other branches.

## Structure

```
3031023-xyz/
├── index.html              # Home page
├── about.html              # About page (if included)
├── services.html           # Services page (if included)
├── products.html           # Products page (if included)
├── contact.html            # Contact page
├── css/
│   └── style.css           # All styles with CSS variables
├── js/
│   └── main.js             # Interactive components (mobile menu, etc.)
├── images/                 # Image assets
└── .gitea/
    └── workflows/
        └── deploy.yml      # Cloudflare Pages CI/CD configuration
```

## Deployment Setup

1. Ensure Cloudflare API token and account ID are configured as secrets in your Gitea repository:
   - `CF_API_TOKEN`: Your Cloudflare API token
   - `CF_ACCOUNT_ID`: Your Cloudflare account ID

2. Push to the repository to trigger deployment:
   ```bash
   git add .
   git commit -m "Initial commit"
   git push origin master
   ```

3. The site will be available at: https://3031023.xyz

## Maintenance

- Update content by editing HTML files
- Update styling by modifying CSS variables in `css/style.css`
- Add new images to the `images/` directory and reference them in HTML
- For structural changes, modify the appropriate HTML template