PixelPilot: Instructions file for GitHub Copilot

UI/UX Site Configuration

Configure app name, logo, titles, and navigation from environment. No hardcoded strings. Dynamic and maintainable.

---

OVERVIEW

This skill covers:

1. App name from .env
2. Logo configuration (URL or text fallback)
3. Dynamic page titles
4. Auto-updating copyright year
5. Named routes (no hardcoded paths)

---

ENVIRONMENT VARIABLES

.env Configuration

# Application
APP_NAME="MyBrand"
APP_URL=https://mybrand.com
APP_LOGO_URL=/images/logo.svg
APP_LOGO_DARK_URL=/images/logo-dark.svg

# Company Info
APP_COMPANY_NAME="MyBrand Inc."
[email protected]
APP_PHONE="+1 (555) 123-4567"

# Social Links
APP_TWITTER_URL=https://twitter.com/mybrand
APP_LINKEDIN_URL=https://linkedin.com/company/mybrand
APP_GITHUB_URL=https://github.com/mybrand

# Legal
APP_LEGAL_ENTITY="MyBrand Inc."
APP_LEGAL_ADDRESS="123 Main St, City, Country"

.env.example (Template)

# Application
APP_NAME="App Name"
APP_URL=http://localhost
APP_LOGO_URL=
APP_LOGO_DARK_URL=

# Company Info
APP_COMPANY_NAME="Company Name"
[email protected]
APP_PHONE=

# Social Links (leave empty to hide)
APP_TWITTER_URL=
APP_LINKEDIN_URL=
APP_GITHUB_URL=

# Legal
APP_LEGAL_ENTITY="Company Name LLC"
APP_LEGAL_ADDRESS=

---

LARAVEL IMPLEMENTATION

Config File

// config/app.php (add to existing)
return [
    'name' => env('APP_NAME', 'Laravel'),
    'url' => env('APP_URL', 'http://localhost'),
    
    // Add custom keys
    'logo_url' => env('APP_LOGO_URL'),
    'logo_dark_url' => env('APP_LOGO_DARK_URL'),
    'company_name' => env('APP_COMPANY_NAME', env('APP_NAME', 'Company')),
    'support_email' => env('APP_SUPPORT_EMAIL'),
    'phone' => env('APP_PHONE'),
    
    // Social
    'social' => [
        'twitter' => env('APP_TWITTER_URL'),
        'linkedin' => env('APP_LINKEDIN_URL'),
        'github' => env('APP_GITHUB_URL'),
    ],
    
    // Legal
    'legal' => [
        'entity' => env('APP_LEGAL_ENTITY'),
        'address' => env('APP_LEGAL_ADDRESS'),
    ],
];