@extends('layouts.app')
@section('title','Ubon Software House | รับทำเว็บไซต์ Web App แอป และโปรแกรมตามสั่ง')
@section('content')
<section class="hero"><div class="container hero-grid"><div><span class="eyebrow">UBON SOFTWARE HOUSE / อุบลราชธานี</span><h1>รับเขียนโปรแกรม <span>ทำเว็บ ทำแอป</span> ให้ธุรกิจเติบโต</h1><p>ทีมพัฒนาซอฟต์แวร์จากอุบลราชธานี รับทำเว็บไซต์ Web Application แอปมือถือ และโปรแกรมตามสั่ง ออกแบบระบบให้เหมาะกับธุรกิจของคุณ</p><div class="actions"><a class="btn btn-primary" href="{{ route('contact') }}">ปรึกษาโปรเจกต์ <i class="fa-solid fa-arrow-up-right-from-square"></i></a><a class="btn btn-ghost" href="{{ route('portfolio.index') }}">ดูผลงาน</a></div><div class="hero-contact">คุยกับทีมพัฒนาโดยตรง <a href="{{ config('site.phone_href') }}">{{ config('site.phone') }}</a></div></div><div class="hero-art"><div class="orb"></div><div class="code-card"><span>01</span><br><b>build()</b> <span>{</span><br>&nbsp;&nbsp;idea: <b>"your business"</b>,<br>&nbsp;&nbsp;future: <b>true</b><br><span>}</span></div><div class="metric-card"><strong>10+</strong><span>ปีแห่งการสร้างระบบ</span></div></div></div></section>
<section class="section"><div class="container"><div class="section-head"><div><span class="section-kicker">WHAT WE BUILD</span><h2>เทคโนโลยีที่ทำงาน<br>เพื่อธุรกิจของคุณ</h2></div><p class="section-intro">จากเว็บไซต์ที่สร้างความน่าเชื่อถือ ไปจนถึงระบบหลังบ้านที่ทำให้งานง่ายขึ้น เราช่วยเปลี่ยนความต้องการให้เป็นซอฟต์แวร์ที่ใช้ได้จริง</p></div><div class="services-grid">@foreach(config('site.services') as $service)<article class="service-card"><div class="service-icon"><i class="fa-solid {{ $service['icon'] }}"></i></div><h3>{{ $service['thai'] }}</h3><p>{{ $service['description'] }}</p><a href="{{ route('services.show',$service['slug']) }}">ดูรายละเอียด <i class="fa-solid fa-arrow-right"></i></a></article>@endforeach</div></div></section>
<section class="section dark-section"><div class="container"><div class="section-head"><div><span class="section-kicker">WHY UBON SOFTWARE HOUSE</span><h2>ไม่ได้แค่เขียนโค้ด<br>แต่เข้าใจงานของคุณ</h2></div><p class="section-intro">เราเริ่มจากการฟังและวิเคราะห์กระบวนการทำงาน ก่อนออกแบบระบบที่เหมาะกับวันนี้และพร้อมต่อยอดในวันข้างหน้า</p></div><div class="benefit-grid">@foreach([['fa-compass','ออกแบบจากงานจริง','ทุกฟังก์ชันมีเหตุผลและช่วยแก้ปัญหาที่เกิดขึ้นจริง'],['fa-layer-group','ต่อยอดได้ในอนาคต','วางโครงสร้างให้ธุรกิจเพิ่มความสามารถได้โดยไม่ต้องเริ่มใหม่'],['fa-mobile-screen','Responsive ทุกหน้าจอ','ประสบการณ์ใช้งานที่ดีทั้งบนมือถือ แท็บเล็ต และเดสก์ท็อป'],['fa-code-branch','ดูแลครบทั้งระบบ','ตั้งแต่ Frontend, Backend, Database จนถึง API และหลังบ้าน']] as $benefit)<div class="benefit"><i class="fa-solid {{ $benefit[0] }}"></i><div><h3>{{ $benefit[1] }}</h3><p>{{ $benefit[2] }}</p></div></div>@endforeach</div></div></section>
<section class="section"><div class="container"><div class="section-head"><div><span class="section-kicker">SELECTED WORK</span><h2>ผลงานที่เรา<br>ภูมิใจได้สร้าง</h2></div><a class="btn btn-ghost" href="{{ route('portfolio.index') }}">ดูผลงานทั้งหมด <i class="fa-solid fa-arrow-right"></i></a></div><div class="portfolio-grid">@forelse($projects as $project) @include('components.project-card',['project'=>$project]) @empty <p class="section-intro">กำลังเตรียมผลงานสำหรับการเผยแพร่</p>@endforelse</div></div></section>
<section class="section"><div class="container"><div class="section-head"><div><span class="section-kicker">HOW WE WORK</span><h2>จากแนวคิด<br>สู่ระบบที่พร้อมใช้</h2></div></div><div class="process-grid">@foreach([['01','คุยความต้องการ','ทำความเข้าใจเป้าหมายและปัญหา'],['02','วิเคราะห์ระบบ','วางโครงสร้างและขอบเขตงาน'],['03','ออกแบบ','เปลี่ยนโจทย์ให้เป็นประสบการณ์ที่ชัดเจน'],['04','พัฒนา','สร้างระบบด้วยเทคโนโลยีที่เหมาะสม'],['05','ทดสอบ','ตรวจสอบคุณภาพและความปลอดภัย'],['06','ส่งมอบ','สอนใช้งานและดูแลการต่อยอด']] as $step)<div class="process"><b>{{ $step[0] }}</b><h3>{{ $step[1] }}</h3><p>{{ $step[2] }}</p></div>@endforeach</div></div></section>
<section class="section"><div class="container detail-layout"><span class="section-kicker">คำถามที่พบบ่อย</span><h2>อยากทำเว็บหรือเขียนโปรแกรม เริ่มต้นอย่างไร?</h2><p class="section-intro">เริ่มจากเล่าเป้าหมาย ปัญหา และรูปแบบงานที่ต้องการให้ทีมฟังได้เลย เราช่วยวิเคราะห์ขอบเขตงาน แนะนำแนวทาง และประเมินงบประมาณเบื้องต้นให้เหมาะกับธุรกิจของคุณ</p><h3>รับทำงานในอุบลราชธานีไหม?</h3><p class="section-intro">รับครับ เราเป็นทีมพัฒนาจากอุบลราชธานี และทำงานออนไลน์กับลูกค้าได้ทั่วประเทศไทย</p></div></section>
<section class="cta"><div class="container cta-inner"><div><span class="section-kicker">LET'S BUILD SOMETHING USEFUL</span><h2>มีไอเดีย แต่ยังไม่รู้ว่าจะเริ่มทำระบบอย่างไร?</h2></div><a class="btn" href="{{ route('contact') }}">คุยกับเรา <i class="fa-solid fa-arrow-right"></i></a></div></section>
@endsection
@push('structured-data')
@php
    $faqSchema = [
        '@context' => 'https://schema.org',
        '@type' => 'FAQPage',
        'mainEntity' => [
            [
                '@type' => 'Question',
                'name' => 'อยากทำเว็บหรือเขียนโปรแกรม เริ่มต้นอย่างไร?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'เริ่มจากเล่าเป้าหมาย ปัญหา และรูปแบบงานที่ต้องการให้ทีมฟัง เพื่อวิเคราะห์ขอบเขตงาน แนวทาง และงบประมาณเบื้องต้น',
                ],
            ],
            [
                '@type' => 'Question',
                'name' => 'รับทำงานในอุบลราชธานีไหม?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'รับ ทีม Ubon Software House เป็นทีมพัฒนาจากอุบลราชธานีและทำงานออนไลน์กับลูกค้าได้ทั่วประเทศไทย',
                ],
            ],
        ],
    ];
@endphp
<script type="application/ld+json">{!! json_encode($faqSchema, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}</script>
@endpush