### Complete Welcome Email Example using Envelop Blade Components

Source: https://envelop.email/overview/introduction

This Blade template demonstrates the full component hierarchy of Envelop for creating a welcome email. It utilizes utility classes for styling and includes examples of layout, content, and utility components. The structure flows from the main HTML wrapper down to sections, rows, columns, and individual content elements.

```blade
<x-envelop::html>
  <x-envelop::head title="Welcome to Our Service" />
  <x-envelop::body class="bg-slate-100">
    <x-envelop::preview>
      Welcome! Get started with these quick tips.
    </x-envelop::preview>

    <x-envelop::container class="bg-white">
      {{-- Header --}}
      <x-envelop::section class="bg-blue-600 p-8">
        <x-envelop::heading as="h1" class="text-white text-3xl font-bold text-center">
          Welcome to Envelop
        </x-envelop::heading>
        <x-envelop::text class="text-blue-100 text-center mt-2">
          Start building beautiful emails today
        </x-envelop::text>
      </x-envelop::section>

      {{-- Content --}}
      <x-envelop::section class="p-8">
        <x-envelop::text class="text-slate-700 mb-4">
          Thanks for joining us! We're excited to have you on board.
        </x-envelop::text>

        {{-- Two-Column Layout --}}
        <x-envelop::row>
          <x-envelop::column class="w-1/2 p-4 border-r border-slate-200">
            <x-envelop::heading as="h2" class="text-lg font-semibold mb-2">
              Documentation
            </x-envelop::heading>
            <x-envelop::text class="text-sm text-slate-600">
              Learn how to use all features with our guides.
            </x-envelop::text>
          </x-envelop::column>

          <x-envelop::column class="w-1/2 p-4">
            <x-envelop::heading as="h2" class="text-lg font-semibold mb-2">
              Support
            </x-envelop::heading>
            <x-envelop::text class="text-sm text-slate-600">
              Our team is ready to help you succeed.
            </x-envelop::text>
          </x-envelop::column>
        </x-envelop::row>

        {{-- Call to Action --}}
        <x-envelop::section class="text-center mt-8">
          <x-envelop::button
            href="https://example.com/get-started"
            class="bg-blue-600 text-white px-8 py-4 rounded-lg font-semibold"
          >
            Get Started Now
          </x-envelop::button>
        </x-envelop::section>
      </x-envelop::section>

      {{-- Footer --}}
      <x-envelop::section class="bg-slate-50 p-8 border-t border-slate-200">
        <x-envelop::text class="text-xs text-slate-500 text-center">
          © 2025 Your Company. All rights reserved.
        </x-envelop::text>
      </x-envelop::section>
    </x-envelop::container>
  </x-envelop::body>
</x-envelop::html>
```

--------------------------------

### Laravel Mailable Integration (PHP)

Source: https://envelop.email/overview/introduction

Shows how to integrate Envelop components within a Laravel Mailable class. This example defines a simple `WelcomeEmail` that uses a Blade view for its content, where Envelop components can be utilized.

```php
use Illuminate\Mail\Mailable;

class WelcomeEmail extends Mailable
{
    public function build()
    {
        return $this->view('emails.welcome');
    }
}
```

--------------------------------

### Install Envelop via Composer

Source: https://envelop.email/overview/installation

Installs the Envelop package into your Laravel project using Composer. This is the primary method for adding Envelop to your application. Laravel's package auto-discovery handles the service provider registration.

```bash
composer require larsklopstra/envelop
```

--------------------------------

### Envelop Email View with Components

Source: https://envelop.email/overview/installation

An example of an email view using Envelop's Blade components for structure and styling. It includes components for container, section, heading, text, and button, allowing for rich email content. This view is referenced in the Mailable class.

```blade
<x-envelop::html>
  <x-envelop::head title="Welcome" />
  <x-envelop::body>
    <x-envelop::container>
      <x-envelop::section class="bg-white p-8">
        <x-envelop::heading as="h1" class="text-slate-900 mb-4">
          Welcome to Our Service!
        </x-envelop::heading>

        <x-envelop::text class="text-slate-700 mb-6">
          Thanks for signing up. We're excited to have you on board.
        </x-envelop::text>

        <x-envelop::button
          href="https://example.com/get-started"
          class="bg-blue-600 text-white px-8 py-4 rounded-lg"
        >
          Get Started
        </x-envelop::button>
      </x-envelop::section>
    </x-envelop::container>
  </x-envelop::body>
</x-envelop::html>
```

--------------------------------

### Send Email Using Envelop Mailable

Source: https://envelop.email/overview/installation

Demonstrates how to send an email created with Envelop in Laravel. It uses the `Mail` facade to specify the recipient and send the Mailable instance. Ensure your mail configuration is set up correctly.

```php
use App\Mail\WelcomeEmail;
use Illuminate\Support\Facades\Mail;

Mail::to('user@example.com')->send(new WelcomeEmail());
```

--------------------------------

### Envelop Blade Component Structure

Source: https://envelop.email/overview/installation

Demonstrates the basic structure of an email template using Envelop's Blade components. These components provide a consistent and responsive layout for emails. The components include html, head, and body tags.

```blade
<x-envelop::html>
  <x-envelop::head title="Welcome" />
  <x-envelop::body>
    <!-- Your email content -->
  </x-envelop::body>
</x-envelop::html>
```

--------------------------------

### Create a Laravel Mailable Class for Envelop

Source: https://envelop.email/overview/installation

Shows how to create a new Mailable class in Laravel using the Artisan command. This class defines the email's envelope (subject) and content (view). It requires PHP 8.2+ and Laravel 12.0+.

```bash
php artisan make:mail WelcomeEmail
```

```php
<?php

namespace App\Mail;

use Illuminate\Mail\Mailable;
use Illuminate\Mail\Mailables\Content;
use Illuminate\Mail\Mailables\Envelope;

class WelcomeEmail extends Mailable
{
    public function envelope(): Envelope
    {
        return new Envelope(
            subject: 'Welcome to Our Service',
        );
    }

    public function content(): Content
    {
        return new Content(
            view: 'emails.welcome',
        );
    }
}
```

--------------------------------

### Envelop Button Component with Atomic CSS (Blade)

Source: https://envelop.email/overview/introduction

Demonstrates using Envelop's email-safe button component with atomic CSS classes for styling. The atomic CSS system automatically converts these classes into inline styles compatible with email clients.

```blade
<x-envelop::button href="https://example.com" class="bg-blue-500 text-white px-8 py-4 rounded-lg">
  Click Here
</x-envelop::button>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.