Tiết kiệm hơn khi mua kèm

Dịch vụ setup website -10%

Giá dịch vụ ưu đãi khi mua kèm Giao diện + Dịch vụ

THEME HARAVAN · NHÀ HÀNG & QUÁN NHẬU

BẾN KHÔ

Một điểm hẹn số hóa cho mồi ngon, bia lạnh và những cuộc vui tới khuya

“Đúng bến. Đúng hội. Tới khuya.”

1. Mô tả theme

Định vị cốt lõi: Bến Khô là theme Haravan booking-first dành cho nhà hàng, quán nhậu, beer garden và chuỗi F&B cần một website giàu không khí thương hiệu, dễ xem menu và thúc đẩy khách đặt bàn.

Mô tả ngắn - sẵn sàng sử dụng

Bến Khô là theme Haravan dành riêng cho mô hình nhà hàng và quán nhậu hiện đại. Giao diện sử dụng bảng màu xanh rêu, cam bia và nền kem, kết hợp hình ảnh món ăn - không gian theo phong cách mộc, ấm và giàu năng lượng về đêm. Theme dẫn khách tự nhiên từ câu chuyện thương hiệu, thực đơn, món nổi bật, ưu đãi, chi nhánh và đánh giá đến hành động đặt bàn. Hệ thống còn tích hợp newsletter, FAQ, bản đồ, liên hệ nhanh, phản hồi trải nghiệm và một landing page hợp tác B2B chuyên sâu.

Mô tả chi tiết - phiên bản giới thiệu chuyên nghiệp

Bến Khô không chỉ trình bày món ăn; theme tái hiện trọn vẹn cảm giác của một cuộc hẹn tại quán. Hero dạng collage, video không khí, chuyển động marquee, hình ảnh món nướng và các mảng màu tối tạo nên nhịp thị giác mạnh, phù hợp với thương hiệu F&B muốn nổi bật ngay từ lần chạm đầu tiên.

Hành trình nội dung được thiết kế theo mục tiêu chuyển đổi. Khách có thể xem menu theo nhóm, khám phá món mới, chọn chi nhánh, theo dõi ưu đãi, đọc tin sự kiện, xem review và mở form đặt bàn ngay tại mọi điểm quan trọng. Trên mobile, menu dạng drawer, các vùng vuốt ngang, modal có quản lý focus và cụm liên hệ nhanh giúp thao tác liền mạch bằng một tay.

Điểm khác biệt lớn của project là trang Liên hệ hợp tác được xây như một landing page B2B hoàn chỉnh. Nhà cung cấp, nhãn hàng, agency hay đơn vị tổ chức sự kiện có thể chọn đúng hình thức hợp tác; form sẽ thay đổi nội dung cần thu thập, tự điền loại đề xuất và dẫn người dùng qua quy trình từ brief, sàng lọc, pilot đến đánh giá kết quả.

Phần quản trị được đầu tư sâu cho Haravan Theme Settings: thứ tự trang chủ có thể sắp xếp theo 14 vị trí, từng section có thể bật/tắt, nội dung - hình ảnh - màu sắc - font - chi nhánh - ưu đãi - review - FAQ đều có trường cấu hình riêng. Nhiều nội dung còn được gắn annotation để hỗ trợ chỉnh sửa trực quan trong editor.

Hồ sơ nhanh

Hạng mục	Mô tả thực tế từ project
Định vị	Theme nhà hàng/quán nhậu thiên về trải nghiệm thương hiệu và tạo yêu cầu đặt bàn.
Phong cách	Mộc, ấm, giàu năng lượng về đêm; xanh rêu đậm kết hợp cam bia và nền kem.
Chuyển đổi chính	Đặt bàn, gọi hotline, mở bản đồ, chat Zalo, đăng ký nhận ưu đãi và gửi phản hồi.
Nội dung	Menu, món nổi bật, ưu đãi, chi nhánh, tin tức, câu chuyện, review, club, FAQ và video.
B2B	Landing page hợp tác riêng cho nhà cung cấp, nhãn hàng, agency và đơn vị tổ chức sự kiện.
Nền tảng	Haravan Version 1.0; form liên hệ và newsletter dùng cơ chế native của Haravan.

2. Ngôn ngữ thiết kế

Theme theo đuổi phong cách after-dark: mạnh, ấm và có chất đường phố nhưng vẫn gọn gàng, có hệ thống. Đây là hướng hình ảnh phù hợp cho thương hiệu muốn bán trải nghiệm gặp gỡ, không chỉ bán món ăn.

Bảng màu chủ đạo: xanh thương hiệu #153F2B, xanh sâu #0C2C1D, cam nhấn #F7A91B và nền kem #FBF7EF.
Typography: Be Vietnam Pro cho nội dung; Cormorant Garamond cho tiêu đề chính; Barlow Condensed tạo sắc thái mạnh cho landing page hợp tác.
Hình ảnh: collage hero, ảnh món cận cảnh, không gian quán, khoảnh khắc cụng ly và video desktop/mobile riêng.
Chuyển động: reveal theo viewport, count-up số liệu, slider review, marquee, hiệu ứng after-dark và video tự dừng khi ra khỏi vùng nhìn.
Trải nghiệm được tiết chế theo prefers-reduced-motion để không gây khó chịu cho người dùng nhạy cảm với chuyển động.

3. Hành trình trang chủ

Trang chủ gồm 14 khối có thể sắp xếp lại thứ tự trong Theme Settings. Mỗi khối đảm nhiệm một vai trò rõ ràng trong hành trình nhận biết - tin tưởng - cân nhắc - đặt bàn.

#	Khối nội dung	Vai trò trong hành trình khách hàng
01	Hero mở đầu	Khẳng định cá tính thương hiệu bằng headline lớn, collage hình ảnh, điểm review và hai CTA đặt bàn/xem menu.
02	Video không khí quán	Video desktop/mobile có poster dự phòng, autoplay muted, nút tạm dừng và xử lý reduced motion.
03	Số liệu nổi bật	Tạo độ tin cậy bằng năm hoạt động, số cơ sở, số món và lượng khách đánh giá.
04	Thực đơn đầy đủ	Menu dạng tab lấy từ collection hoặc link list; hỗ trợ nhóm mồi khô, món nóng, bia & nước.
05	Món mới ra lò	Lưới món nổi bật giàu hình ảnh, thể hiện nhóm món, tên và giá.
06	Chi nhánh	Card cơ sở với trạng thái, địa chỉ, hotline và liên kết chỉ đường.
07	Marquee ưu đãi	Dải thông điệp chuyển động tạo nhịp điệu và nhấn mạnh không khí cuộc vui.
08	Danh sách ưu đãi	Các thẻ combo, happy hour, sinh nhật và ưu đãi nhóm lớn, nối thẳng đến đặt bàn.
09	Tin tức	Có thể lấy bài từ blog Haravan hoặc dùng nội dung cài đặt dự phòng.
10	Câu chuyện thương hiệu	Hai tuyến nội dung: lý do chọn quán và dịch vụ tiệc/sự kiện trọn gói.
11	Đánh giá khách hàng	Slider review có điểm số, ảnh, quote và điều khiển thân thiện bàn phím.
12	Bến Khô Club	Khối hội viên, quyền lợi giữ bàn, nhận lịch sự kiện và quà sinh nhật.
13	FAQ & bản đồ	Accordion câu hỏi thường gặp kết hợp bản đồ nhúng và CTA mở Google Maps.
14	Newsletter	Form khách hàng native Haravan để thu email nhận combo và lịch đêm nhạc.

4. Hệ thống tạo chuyển đổi

Form đặt bàn dạng popup dùng Haravan contact form, thu họ tên, số điện thoại, ngày đến, số khách, ghi chú và tùy chọn đồng ý xử lý thông tin.
CTA đặt bàn được lặp lại có chủ đích tại header, hero, menu, ưu đãi, câu chuyện, club, footer và thanh hành động nhanh.
Cụm liên hệ nhanh hỗ trợ gọi điện, Zalo, mở bản đồ và mở đặt bàn; phù hợp hành vi khách F&B trên mobile.
Newsletter dùng form customer của Haravan để thu email và gắn tag benkho-newsletter.
Trang feedback cùng nút nổi giúp quán thu phản hồi trải nghiệm mà không làm gián đoạn hành trình chính.
Review, số liệu, chi nhánh, FAQ và bản đồ cùng tạo lớp bằng chứng xã hội trước khi khách để lại thông tin.

5. Landing page hợp tác B2B

Project có riêng một trang hợp tác gồm hero, năng lực, loại hình hợp tác, lợi ích, chương trình gợi ý, tiêu chí, quy trình, chi nhánh, logo đối tác, FAQ, form và CTA cuối trang. Đây là một điểm cộng hiếm thấy ở theme nhà hàng thông thường.

Hình thức	Cách theme hỗ trợ tiếp nhận đề xuất
Bia & đồ uống	Thương hiệu và nhà phân phối cần điểm bán thật để sampling, giới thiệu sản phẩm hoặc xây combo theo chiến dịch.
Mồi & nguyên liệu	Nhà cung cấp thực phẩm muốn gửi mẫu, pilot món mới và chứng minh năng lực cung ứng trước khi mở rộng.
Nhãn hàng & chương trình	Agency/nhãn hàng triển khai activation, minigame, brand night, livestream hoặc chương trình theo mùa.
Sự kiện & không gian	Tiệc công ty, sinh nhật, showcase nhỏ, quay chụp, đặt khu riêng và menu theo đầu người.

Form B2B có trường thay đổi theo lựa chọn, kiểm tra dữ liệu phía client, honeypot chống spam, consent, chọn chi nhánh, kênh liên hệ ưu tiên và tự tổng hợp brief vào contact body của Haravan.

Quy trình hợp tác được mô hình hóa sẵn

Gửi đề xuất với nhóm nhu cầu và brief cơ bản.
Bến Khô sàng lọc độ phù hợp, hồ sơ và khả năng triển khai.
Trao đổi chi nhánh, thời gian, ngân sách, quyền lợi và KPI.
Chạy thử/pilot khi sản phẩm hoặc chương trình cần kiểm chứng.
Đánh giá kết quả và cân nhắc nhân rộng.

6. Khả năng quản trị và tùy biến

Sắp xếp 14 vị trí trang chủ và ngăn render trùng section.
Bật/tắt từng section cùng các thành phần nhỏ như CTA, mô tả, hình ảnh, map, quyền lợi hoặc form.
Thay logo, favicon, font nội dung, font tiêu đề và toàn bộ hệ màu chính/phụ.
Quản lý menu bằng collection hoặc link list, có fallback nội dung nếu dữ liệu Haravan chưa sẵn sàng.
Quản lý nhiều chi nhánh, ưu đãi, bài viết, review, FAQ, club, newsletter và toàn bộ landing page hợp tác.
Hỗ trợ nguồn media riêng cho desktop/mobile, poster dự phòng và URL CDN hoặc asset nội bộ.

7. Đối tượng phù hợp

Quán nhậu, beer garden, pub, izakaya, quán nướng hoặc nhà hàng hoạt động mạnh về chiều tối.
Chuỗi F&B có nhiều chi nhánh, cần điều hướng khách đến điểm bán và thu lead đặt bàn.
Thương hiệu thường xuyên chạy happy hour, đêm nhạc, sinh nhật, combo nhóm và chương trình hội viên.
Mô hình có nhu cầu tiếp nhận nhà cung cấp, tài trợ, activation, đặt tiệc hoặc thuê không gian.

Lưu ý định vị khi giới thiệu: Cấu hình hiện tại là booking-first và layout chỉ cho phép trang chủ cùng các page nội dung hoạt động trực tiếp. Vì vậy nên giới thiệu đây là theme website thương hiệu + đặt bàn, không nên mô tả như một storefront thương mại điện tử đầy đủ nếu chưa mở lại luồng collection/product/cart và QA toàn bộ commerce.

8. Câu giới thiệu đề xuất

Bến Khô - theme Haravan biến website nhà hàng thành một điểm hẹn sống động: xem đúng món, chọn đúng chi nhánh, bắt đúng ưu đãi và đặt bàn ngay khi cảm xúc đang cao nhất.

Thông điệp gợi ý: Mồi ngon lên bàn. Cuộc vui lên mood. Khách đặt bàn trước khi rời website.