{{--
    Sample Page
    -----------
    This is a reference page for developers. Copy this file as a starting
    point when creating new pages. It demonstrates how to:
    - Extend the base layout
    - Set a page title
    - Add page-specific meta tags
    - Add page-specific CSS and JS
--}}

@extends('layouts.app')

{{-- Page title shown in the browser tab --}}
@section('title', 'Sample Page - QuitSure')

{{-- Page-specific meta tags (SEO, Open Graph, etc.) --}}
@section('meta')
    <meta name="description" content="This is a sample page for QuitSure.">
    <meta property="og:title" content="Sample Page - QuitSure">
    <meta property="og:description" content="This is a sample page for QuitSure.">
@endsection

{{-- Page-specific styles --}}
@push('styles')
<style>
    .sample-container {
        max-width: 800px;
        margin: 40px auto;
        padding: 0 20px;
        font-family: sans-serif;
    }
    .sample-container h1 {
        color: #333;
    }
    .sample-container p {
        color: #666;
        line-height: 1.6;
    }
</style>
@endpush

{{-- Main content --}}
@section('content')
<div class="sample-container">
    <h1>Sample Page</h1>
    <p>This is a sample page that extends the base layout.</p>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>    
</div>
@endsection