From 6400b2ddec5570614f55659c5055af109c743d43 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 03:43:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 219 ++++++++++++-----------------------------------
 1 file changed, 53 insertions(+), 166 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0785cec..4a96388 100644
--- a/src/app/page.tsx
+++ b/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"},
           ],
         },
       ]}
-- 
2.49.1