DEMO LOGISTICS by D2D

โปรเจกต์นี้เป็น landing page demo สำหรับธุรกิจขนส่ง/โลจิสติกส์ เน้นงานขาย การสร้างความน่าเชื่อถือ การโชว์บริการ ราคา รถที่มี และการกระตุ้นให้ลูกค้าติดต่อหรือขอใบเสนอราคา ยังไม่ใช่ระบบ logistics เต็มรูปแบบที่มี backend จริง

Hero Section & Estimate / Track Card

• ส่วนเปิดหน้า ใช้ภาพใหญ่และข้อความขายหลัก เช่น ขนส่งด่วน รับเหมางานไว ประเมินราคาเร็ว พร้อมปุ่มจองคิวและดูราคา

• กล่องฟอร์มด้านขวาใน Hero มี 2 แท็บ คือประเมินราคาและเช็คสถานะงาน โดยส่วนประเมินราคาเป็น mock calculation

Trust Metrics

ส่วนตัวเลขสถิติ เช่น จำนวนเที่ยววิ่ง ลูกค้าองค์กร ความตรงเวลา และจำนวนรถ เพื่อสร้างความน่าเชื่อถือ

Services Section

อธิบายบริการหลัก 6 แบบ เช่น ส่งด่วน เช่าเหมา ขนย้ายบ้าน/สำนักงาน งานโรงงาน คนยกของ และประกันสินค้า

Vehicle Fleet

แสดงประเภทรถ เช่น กระบะ open, 4 ล้อตู้ทึบ, 6 ล้อ, 10 ล้อ/trailer พร้อมขนาดบรรทุก น้ำหนัก และจุดเด่น

Pricing Section

ส่วนแพ็กเกจราคา แบ่งเป็น 3 กลุ่มคือ Personal, Business, Enterprise เพื่อให้ลูกค้าเลือกตามขนาดงาน

How It Works

อธิบายขั้นตอนใช้งาน 4 ขั้นตอน ตั้งแต่จองรถ รับสินค้า ขนส่ง/ติดตาม จนถึงส่งมอบสำเร็จ

About Us & Why Choose Us

• ล่า positioning ของบริษัทว่าเป็นพาร์ทเนอร์ขนส่งที่เชื่อถือได้ พร้อมข้อความเรื่องประสบการณ์ วิสัยทัศน์ และพันธกิจ

• จุดขายหลัก 4 ข้อ คือ ปลอดภัย ตรงเวลา ทีมงานมืออาชีพ และราคาโปร่งใส

FAQ Section

รวมคำถามที่พบบ่อย เช่น ส่งภายในวันเดียว ประกันสินค้า ใบกำกับภาษี และวิ่งต่างจังหวัด

Footer

ส่วนท้ายเว็บมีข้อมูลแบรนด์ ลิงก์บริการ เมนูหลัก ฟอร์มรับโปรโมชัน และลิงก์นโยบาย

Click here to visit https://d2d-fastmove-logistics-demo.vercel.app/

Tech stack

• Vite

• React 19

• TypeScript

• Tailwind CSS 4

• motion

• lucide-react

• React DOM

• Google Fonts

• Node.js