@extends('layouts.app')

@section('content')
 
  
   <link rel="stylesheet" href="{{ asset('css/servicepage.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <header class="service-header">
        <h1>Our Services</h1>
        <p>We provide creative & digital solutions</p>
    </header>

    <section class="service-block">
        <div class="service-content">
            <i class="fa-solid fa-paintbrush service-icon"></i>
            <div class="service-text">
                <h2>Graphic Design</h2>
                <p>Logos, Posters, Brochures & Branding</p>
            </div>
        </div>
    </section>

    <section class="service-block alternate">
        <div class="service-content">
            <i class="fa-solid fa-bullhorn service-icon"></i>
            <div class="service-text">
                <h2>Digital Marketing</h2>
                <p>SEO, SMM & Growth Strategies</p>
            </div>
        </div>
    </section>

    <section class="service-block">
        <div class="service-content">
            <i class="fa-solid fa-code service-icon"></i>
            <div class="service-text">
                <h2>Web Development</h2>
                <p>Custom Websites & Web Apps</p>
            </div>
        </div>
    </section>

    <section class="service-block alternate">
        <div class="service-content">
            <i class="fa-solid fa-headset service-icon"></i>
            <div class="service-text">
                <h2>24/7 Support</h2>
                <p>Always here to help you</p>
            </div>
        </div>
    </section>
</body>
@endsection
