# Deshee Labs Premium WordPress Theme

A premium, modern WordPress theme with advanced animations, smooth interactions, and professional design.

## Premium Features

### Design & Aesthetics
- Premium Google Fonts (Inter & Playfair Display)
- Smooth CSS animations and transitions
- Gradient backgrounds with animated effects
- Professional hover effects on all elements
- Glassmorphism effects on header
- Custom shadow system for depth
- Fully responsive design

### Advanced Functionality
- Animated counter statistics
- Smooth scroll behavior
- Scroll-to-top button with fade animation
- Mobile menu with hamburger toggle
- Intersection Observer for scroll animations
- Sticky header with scroll effect
- Service cards with icon animations

### WordPress Features
- Custom post types (Portfolio, Testimonials)
- Widget-ready footer (3 widget areas)
- Custom logo support
- Primary & footer navigation menus
- Post thumbnails support
- Custom excerpt length
- Responsive embeds
- HTML5 support

### Premium Sections
- **Hero Section**: Animated gradient background with grid pattern
- **Services Section**: 6 service cards with icons and hover effects
- **Stats Section**: Animated counters with gradient text
- **Resources Section**: Image-text alternating layout
- **Testimonials Section**: Professional testimonial cards
- **CTA Section**: Call-to-action with floating animation
- **Footer**: Multi-column with social links

## Installation

1. Download the `desheelabs-theme` folder
2. Upload to `wp-content/themes/` directory
3. Activate from WordPress Admin > Appearance > Themes
4. Go to Appearance > Customize to configure

## Setup Guide

### 1. Front Page Setup
```
Pages > Add New > "Home"
Template: Front Page
Settings > Reading > Static Page > Select "Home"
```

### 2. Navigation Menu
```
Appearance > Menus
Create menu and assign to "Primary Menu"
```

### 3. Add Images
Place your images in `/images/` folder:
- `hero.jpg` - Main hero image (1920x1080 recommended)
- `app.jpg` - App screenshot (800x600 recommended)
- `newsletter.jpg` - Newsletter image (800x600 recommended)

### 4. Customize Logo
```
Appearance > Customize > Site Identity
Upload your logo (400x100 recommended)
```

### 5. Footer Widgets
```
Appearance > Widgets
Add widgets to Footer Widget Area 1, 2, and 3
```

### 6. Custom Post Types
The theme includes:
- **Portfolio**: For showcasing projects
- **Testimonials**: For client reviews

## Color Scheme

The theme uses a professional color palette:
- Primary: `#6366f1` (Indigo)
- Secondary: `#8b5cf6` (Purple)
- Accent: `#ec4899` (Pink)
- Dark: `#0f172a` (Slate)
- Light: `#f8fafc` (Light Gray)

### Gradients Available:
- Gradient 1: Purple to Indigo
- Gradient 2: Pink to Red
- Gradient 3: Blue to Cyan
- Gradient 4: Green to Teal

## Customization

### Changing Colors
Edit `style.css` root variables:
```css
:root {
    --primary-color: #6366f1;
    --secondary-color: #8b5cf6;
    ...
}
```

### Modifying Content
- Hero Section: Edit `front-page.php` lines 7-14
- Services: Edit `front-page.php` lines 17-57
- Stats: Edit `front-page.php` lines 59-80
- Resources: Edit `front-page.php` lines 82-110
- Testimonials: Edit `front-page.php` lines 112-132

### Adding Animations
The theme includes pre-built animations:
- `fadeInUp`
- `fadeIn`
- `slideInRight`
- `float`
- `gradientShift`

## Browser Support

- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Mobile browsers (iOS Safari, Chrome Mobile)

## Performance Features

- Optimized CSS with CSS variables
- Minimal JavaScript (vanilla JS, no jQuery)
- Lazy loading ready
- Responsive images support
- Fast loading animations

## File Structure

```
desheelabs-theme/
├── assets/
│   └── js/
│       └── main.js          # JavaScript functionality
├── images/                  # Theme images
├── archive.php              # Archive template
├── footer.php               # Footer template
├── front-page.php           # Custom front page
├── functions.php            # Theme functions
├── header.php               # Header template
├── index.php                # Main template
├── page.php                 # Page template
├── single.php               # Single post template
├── style.css                # Main stylesheet
├── style-additions.css      # Additional styles
└── README.md                # Documentation
```

## Support & Updates

For support and updates:
- Website: http://desheelabs.store/
- Email: info@desheelabs.store

## Credits

- Fonts: Google Fonts (Inter, Playfair Display)
- Icons: Unicode emoji (can be replaced with Font Awesome)
- Animations: Custom CSS3 animations

## License

GNU General Public License v2 or later
http://www.gnu.org/licenses/gpl-2.0.html

## Version

2.0 - Premium Release

---

**Made with passion by Deshee Labs**