Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dragon VN"
|
||||
/>
|
||||
@@ -55,97 +47,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Kết nối mọi hành trình, giao nhận mọi niềm tin"
|
||||
description="Dragon VN cung cấp giải pháp vận tải, logistics và du lịch chuyên nghiệp, đáp ứng tối đa nhu cầu của khách hàng toàn quốc."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Nguyễn Văn A",
|
||||
handle: "@logistic_partner",
|
||||
testimonial: "Dịch vụ vận chuyển nhanh chóng, an toàn và chuyên nghiệp.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shipping-crane-cargo-background_74190-4278.jpg?_wi=1",
|
||||
imageAlt: "logistics shipping terminal background",
|
||||
},
|
||||
name: "Nguyễn Văn A", handle: "@logistic_partner", testimonial: "Dịch vụ vận chuyển nhanh chóng, an toàn và chuyên nghiệp.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shipping-crane-cargo-background_74190-4278.jpg", imageAlt: "logistics shipping terminal background"},
|
||||
{
|
||||
name: "Trần Thị B",
|
||||
handle: "@travel_enthusiast",
|
||||
testimonial: "Tư vấn du lịch tận tâm, lịch trình linh hoạt và đầy trải nghiệm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-home-office_1150-11784.jpg?_wi=1",
|
||||
imageAlt: "logistics shipping terminal background",
|
||||
},
|
||||
name: "Trần Thị B", handle: "@travel_enthusiast", testimonial: "Tư vấn du lịch tận tâm, lịch trình linh hoạt và đầy trải nghiệm.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-home-office_1150-11784.jpg", imageAlt: "logistics shipping terminal background"},
|
||||
{
|
||||
name: "Lê Văn C",
|
||||
handle: "@business_owner",
|
||||
testimonial: "Logistics uy tín, thủ tục hải quan đơn giản, tiết kiệm chi phí.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wearing-blue-polo-shirt-cap-holding-pizza-box-clipboard-with-blanks-while-smiling-friendly-standing-with-happy-face-isolated-blue-background_141793-19626.jpg?_wi=1",
|
||||
imageAlt: "logistics shipping terminal background",
|
||||
},
|
||||
name: "Lê Văn C", handle: "@business_owner", testimonial: "Logistics uy tín, thủ tục hải quan đơn giản, tiết kiệm chi phí.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wearing-blue-polo-shirt-cap-holding-pizza-box-clipboard-with-blanks-while-smiling-friendly-standing-with-happy-face-isolated-blue-background_141793-19626.jpg", imageAlt: "logistics shipping terminal background"},
|
||||
{
|
||||
name: "Phạm Thị D",
|
||||
handle: "@customer",
|
||||
testimonial: "Giao nhận đúng hạn, chứng từ rõ ràng, phục vụ rất nhiệt tình.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-where-i-295-meets-i-495-washington-beltway_181624-16693.jpg?_wi=1",
|
||||
imageAlt: "logistics shipping terminal background",
|
||||
},
|
||||
name: "Phạm Thị D", handle: "@customer", testimonial: "Giao nhận đúng hạn, chứng từ rõ ràng, phục vụ rất nhiệt tình.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-where-i-295-meets-i-495-washington-beltway_181624-16693.jpg", imageAlt: "logistics shipping terminal background"},
|
||||
{
|
||||
name: "Hoàng Văn E",
|
||||
handle: "@export_manager",
|
||||
testimonial: "Đối tác tin cậy trong các hoạt động logistics xuất nhập khẩu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-delivery-cargo-freight-shipment-concept_53876-123873.jpg?_wi=1",
|
||||
imageAlt: "logistics shipping terminal background",
|
||||
},
|
||||
name: "Hoàng Văn E", handle: "@export_manager", testimonial: "Đối tác tin cậy trong các hoạt động logistics xuất nhập khẩu.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-delivery-cargo-freight-shipment-concept_53876-123873.jpg", imageAlt: "logistics shipping terminal background"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shipping-crane-cargo-background_74190-4278.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shipping-crane-cargo-background_74190-4278.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
||||
alt: "CEO Portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", alt: "CEO Portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg",
|
||||
alt: "Partner Portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg", alt: "Partner Portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
alt: "Client Portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", alt: "Client Portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg",
|
||||
alt: "Logistics Lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg", alt: "Logistics Lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg",
|
||||
alt: "Travel Consultant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg", alt: "Travel Consultant"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Vận tải nhanh",
|
||||
},
|
||||
type: "text", text: "Vận tải nhanh"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Thủ tục hải quan",
|
||||
},
|
||||
type: "text", text: "Thủ tục hải quan"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Du lịch chuyên nghiệp",
|
||||
},
|
||||
type: "text", text: "Du lịch chuyên nghiệp"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Logistics toàn quốc",
|
||||
},
|
||||
type: "text", text: "Logistics toàn quốc"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hỗ trợ 24/7",
|
||||
},
|
||||
type: "text", text: "Hỗ trợ 24/7"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,7 +104,7 @@ export default function LandingPage() {
|
||||
description="Công ty TNHH Vận chuyển và Du lịch Dragon VN hoạt động chuyên nghiệp trong lĩnh vực vận tải và dịch vụ hỗ trợ du lịch."
|
||||
subdescription="Trụ sở tại Trần Khát Chân, Hà Nội, chúng tôi cam kết mang đến dịch vụ chất lượng, đáp ứng yêu cầu khắt khe của đối tác và khách hàng."
|
||||
icon={Star}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-owner-working-home-office_1150-11784.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-owner-working-home-office_1150-11784.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -170,36 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Gửi hàng",
|
||||
author: "Logistics",
|
||||
description: "Dịch vụ vận chuyển hàng hóa an toàn, chuyên nghiệp trong nước và quốc tế.",
|
||||
tags: [
|
||||
"Vận chuyển",
|
||||
"An toàn",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wearing-blue-polo-shirt-cap-holding-pizza-box-clipboard-with-blanks-while-smiling-friendly-standing-with-happy-face-isolated-blue-background_141793-19626.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Gửi hàng", author: "Logistics", description: "Dịch vụ vận chuyển hàng hóa an toàn, chuyên nghiệp trong nước và quốc tế.", tags: [
|
||||
"Vận chuyển", "An toàn"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wearing-blue-polo-shirt-cap-holding-pizza-box-clipboard-with-blanks-while-smiling-friendly-standing-with-happy-face-isolated-blue-background_141793-19626.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Tổ chức vận tải",
|
||||
author: "Logistics",
|
||||
description: "Sắp xếp hoạt động vận tải đường sắt, đường bộ và đường biển.",
|
||||
tags: [
|
||||
"Đa phương thức",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-where-i-295-meets-i-495-washington-beltway_181624-16693.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Tổ chức vận tải", author: "Logistics", description: "Sắp xếp hoạt động vận tải đường sắt, đường bộ và đường biển.", tags: [
|
||||
"Đa phương thức"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-where-i-295-meets-i-495-washington-beltway_181624-16693.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Thủ tục hải quan",
|
||||
author: "Hải quan",
|
||||
description: "Đại lý làm thủ tục hải quan chuyên nghiệp, tối ưu thời gian.",
|
||||
tags: [
|
||||
"Hải quan",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-delivery-cargo-freight-shipment-concept_53876-123873.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Thủ tục hải quan", author: "Hải quan", description: "Đại lý làm thủ tục hải quan chuyên nghiệp, tối ưu thời gian.", tags: [
|
||||
"Hải quan"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-delivery-cargo-freight-shipment-concept_53876-123873.jpg"},
|
||||
]}
|
||||
title="Dịch vụ chuyên nghiệp"
|
||||
description="Giải pháp toàn diện cho mọi nhu cầu vận tải và du lịch của bạn."
|
||||
@@ -213,26 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Cam kết",
|
||||
description: "Sự hài lòng khách hàng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/statistic-bars_23-2148148335.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Cam kết", description: "Sự hài lòng khách hàng", imageSrc: "http://img.b2bpic.net/free-photo/statistic-bars_23-2148148335.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Hỗ trợ",
|
||||
description: "Phục vụ khách hàng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38485.jpg",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Hỗ trợ", description: "Phục vụ khách hàng", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38485.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Nhanh",
|
||||
title: "Vận chuyển",
|
||||
description: "Đảm bảo đúng tiến độ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38421.jpg",
|
||||
},
|
||||
id: "m3", value: "Nhanh", title: "Vận chuyển", description: "Đảm bảo đúng tiến độ", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38421.jpg"},
|
||||
]}
|
||||
title="Năng lực vận hành"
|
||||
description="Cam kết mang lại hiệu quả vượt trội cho từng đối tác."
|
||||
@@ -247,25 +159,15 @@ export default function LandingPage() {
|
||||
author="Nguyễn Thị Thu - Tổng Giám đốc"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
|
||||
alt: "CEO",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg", alt: "CEO"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",
|
||||
alt: "Business Partner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg", alt: "Business Partner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg",
|
||||
alt: "Logistics Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg", alt: "Logistics Manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Client Representative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Client Representative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-writing-diary-office_23-2148187178.jpg",
|
||||
alt: "Project Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-writing-diary-office_23-2148187178.jpg", alt: "Project Manager"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -277,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Làm thế nào để gửi hàng?",
|
||||
content: "Liên hệ với chúng tôi qua số điện thoại để được hướng dẫn chi tiết quy trình gửi hàng.",
|
||||
},
|
||||
id: "q1", title: "Làm thế nào để gửi hàng?", content: "Liên hệ với chúng tôi qua số điện thoại để được hướng dẫn chi tiết quy trình gửi hàng."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Có hỗ trợ xuất nhập khẩu không?",
|
||||
content: "Có, chúng tôi là đại lý làm thủ tục hải quan chuyên nghiệp.",
|
||||
},
|
||||
id: "q2", title: "Có hỗ trợ xuất nhập khẩu không?", content: "Có, chúng tôi là đại lý làm thủ tục hải quan chuyên nghiệp."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Có dịch vụ đặt vé máy bay?",
|
||||
content: "Có, chúng tôi hoạt động đại lý bán vé máy bay chuyên nghiệp.",
|
||||
},
|
||||
id: "q3", title: "Có dịch vụ đặt vé máy bay?", content: "Có, chúng tôi hoạt động đại lý bán vé máy bay chuyên nghiệp."},
|
||||
]}
|
||||
sideTitle="Câu hỏi thường gặp"
|
||||
sideDescription="Giải đáp thắc mắc của bạn về các dịch vụ vận chuyển và du lịch."
|
||||
@@ -300,10 +193,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Liên hệ"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Liên hệ với chúng tôi"
|
||||
description="Để được tư vấn về dịch vụ vận tải và logistics, hãy gửi thông tin cho chúng tôi."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/demographic-census-concept-representation_23-2149093905.jpg"
|
||||
@@ -317,21 +210,15 @@ export default function LandingPage() {
|
||||
logoText="DRAGON VN"
|
||||
columns={[
|
||||
{
|
||||
title: "Địa chỉ",
|
||||
items: [
|
||||
title: "Địa chỉ", items: [
|
||||
{
|
||||
label: "289 Trần Khát Chân, Hà Nội",
|
||||
href: "#",
|
||||
},
|
||||
label: "289 Trần Khát Chân, Hà Nội", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hotline",
|
||||
items: [
|
||||
title: "Hotline", items: [
|
||||
{
|
||||
label: "0973209085",
|
||||
href: "tel:0973209085",
|
||||
},
|
||||
label: "0973209085", href: "tel:0973209085"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user