import React, { useState } from "react";
// One-page website for Taxi Xanh Trà Vinh
// Styling uses Tailwind utility classes (no imports required per environment guidance)
// Replace placeholders (phone, address, map, pricing) with your real info.
export default function TaxiXanhTraVinh() {
const [form, setForm] = useState({
name: "",
phone: "",
pickup: "",
dropoff: "",
datetime: "",
note: "",
seats: "4 chỗ",
});
const [submitted, setSubmitted] = useState(false);
const handleChange = (e) => {
const { name, value } = e.target;
setForm((f) => ({ ...f, [name]: value }));
};
const handleSubmit = (e) => {
e.preventDefault();
// In production: send to your API or form endpoint (Zapier/Sheet/Email)
// For now just show a confirmation
setSubmitted(true);
};
const tel = "+84901234567"; // TODO: thay bằng số hotline thật (bắt đầu bằng +84)
const zaloLink = "https://zalo.me/0901234567"; // TODO: thay bằng link Zalo chính thức
const whatsappLink = "https://wa.me/84901234567"; // TODO: thay bằng WhatsApp (nếu dùng)
const mapsEmbed =
"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3930.929827006277!2d106.343!3d9.934!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31a00b3f8f5b2f2d%3A0x0!2zVHLDoCBWaW5oLCBWaeG7hW4gTmFt!5e0!3m2!1svi!2svi!4v1710000000000"; // TODO: thay bằng địa chỉ văn phòng/garage thật
return (
{/* SEO Meta & JSON-LD */}
{/* Top Bar */}
TX
Taxi Xanh Trà Vinh
An toàn • Nhanh chóng • Giá minh bạch
{/* Hero */}
Gọi xe trong 30 giây,
đón nhanh tại Trà Vinh
Đặt Taxi Xanh – dịch vụ taxi nội thành & liên tỉnh. Tài xế kinh nghiệm, xe sạch, giá cước rõ ràng.