@extends('frontend::layouts.master')

@section('content')
    <div class="bg-top-sub-gradient py-12">
        <h1 class="text-center text-24 lg:text-36 font-bold text-primary leading-10">About us</h1>
        <div class="container">
            <div class="text-editor pt-12">
                <div class="flex flex-wrap gap-y-8">
                    <div class="w-full md:w-1/3 px-4">
                        <div class="font-semibold text-primary">Our company</div>
                        <div class="text-28 font-semibold text-secondary leading-10">ความเป็นมาของบริษัท</div>
                        <p>จากเครื่องหมายการค้า SOM CONNECT ภายใต้กลุ่มเครือ บริษัท ศิธินนท์วัชรกุล2565 จำกัด</p>
                    </div>
                    <div class="w-full md:w-2/3 px-4">
                        เรา คือ ธุรกิจจำหน่ายอุปกรณ์คอมพิวเตอร์สินค้าไอทีและอิเล็กทรอนิกส์ที่หลากหลายจากแบรนด์ดัง
                        และมีคุณภาพ อาทิ เช่น Ram, CPU, กล้อง CCTV, UPS, Power Supply Memory Card, Speaker, Smart Phone, Tablet, Case, หมึก, กระดาษอิงค์เจ็ท, Flash drive, Monitor, Controller, TV, กล้อง Webcam, อุปกรณ์ Lighting, อุปกรณ์ Smart Light, อุปกรณ์ Solar Cell, อุปกรณ์สัตว์เลี้ยง
                        <br>
                        <br>
                        นอกจากนี้ยังมี เครื่องกรองอากาศ, Adapter, Power bank, Fan, เครื่องใช้ไฟฟ้า, อุปกรณ์ Network, Router, Wi-fi Router, Mobile Router, Pocket Wi-fi, USB WIFI, Lan Cable, Notebook, Printer, Monitor, Mainboard, VGA, SSD, HDD, อุปกรณ์ Gaming, Headset, Battery, Camera, Microphone, อุปกรณ์สำนักงาน และสินค้าเบ็ดเตล็ดอีกมากมาย
                    </div>
                </div>
                <div class="py-12">
                    <img src="{{ Module::asset('frontend:img/about1.jpg') }}" alt="" class="w-full rounded-2xl shadow-md">
                </div>
                <div class="pb-12 text-center max-w-xl mx-auto">
                    <div class="font-semibold text-primary">Customer Business Needs</div>
                    <div class="text-28 font-semibold text-secondary leading-10">เพื่อตอบโจทย์ของลูกค้า</div>
                    <p>ผู้นำธุรกิจด้านการค้าปลีก ค้าส่ง สู่การส่งต่อโครงการที่มีคุณภาพ เพื่อการจัดจำหน่ายสินค้าที่มีคุณภาพ จากหลากหลายแบรนด์ ในรูปแบบผ่านแคตตาล็อก และธุรกิจอีคอมเมิร์ซ พร้อมการจัดส่งที่รวดเร็ว เพื่อตอบสนอง ความพึงพอใจของลูกค้า</p>
                </div>
                <div class="flex flex-wrap items-center gap-y-12 pb-12">
                    <div class="w-full md:w-1/2 px-6">
                    <img src="{{ Module::asset('frontend:img/about2.jpg') }}" alt="" class="w-full rounded-2xl shadow-md">
                    </div>
                    <div class="w-full md:w-1/2 px-6">
                        <div class="font-semibold text-primary">Our Vision</div>
                        <div class="text-28 font-semibold text-secondary leading-10">วิสัยทัศน์ (มุมมอง)</div>
                        <p>ในปัจจุบันธุรกิจออนไลน์ถูกให้ความสนใจเป็นอย่างมากไม่ว่าสินค้าและ
                            บริการด้านใดล้วนแต่ลงทุนในส่วนของออนไลน์มากขึ้นเพื่อตอบโจทย์
                            ความต้องการของลูกค้าซึ่งทางเราคำนึงถึงการที่ลูกค้าและพันธมิตร
                            จะได้รับบริการที่รวดเร็วและสะดวกสบายขึ้น</p>
                    </div>
                </div>
                <div class="flex flex-col-reverse md:flex-row items-center gap-y-12 pb-12">
                    <div class="w-full md:w-1/2 px-6">
                        <div class="font-semibold text-primary">Our Mission</div>
                        <div class="text-28 font-semibold text-secondary leading-10">พันธกิจ (นโยบายการพัฒนา)</div>
                        <p>นอกเหนือจากการจัดจำหน่ายสินค้าที่มีคุณภาพหลากหลายแบรนด์
                            เพื่อตอบสนองความต้องการของลูกค้าที่หลากหลายเราจึงมีนโยบายที่จะพัฒนาในส่วนด้านงานบริการต่างๆโดยเราใส่ใจทุกรายละเอียด
                            ที่ยังเป็นจุดด้อยเพื่อนำไปปรับปรุงพัฒนาการดำเนินงานอยู่เสมอ
                            เราต้องการขยายขอบเขตการดำเนินธุรกิจให้สามารถแข่งขันทาง
                            การตลาดได้ทั้งในช่องทางออฟไลน์และออนไลน์</p>
                    </div>
                    <div class="w-full md:w-1/2 px-6">
                    <img src="{{ Module::asset('frontend:img/about3.jpg') }}" alt="" class="w-full rounded-2xl shadow-md">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection