Merge version_1 into main #1
163
src/app/page.tsx
163
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { Building2, MessageSquare, Search, Star, Truck } from "lucide-react";
|
||||
import { Building2, MessageSquare, Search, Star, Truck, Zap, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Trang chủ",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Trang chủ", id: "hero"},
|
||||
{
|
||||
name: "Về chúng tôi",
|
||||
id: "about",
|
||||
},
|
||||
name: "Về chúng tôi", id: "about"},
|
||||
{
|
||||
name: "Dịch vụ",
|
||||
id: "services",
|
||||
},
|
||||
name: "Dịch vụ", id: "services"},
|
||||
{
|
||||
name: "Liên hệ",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Liên hệ", id: "contact"},
|
||||
]}
|
||||
brandName="Thủy Sơn"
|
||||
/>
|
||||
@@ -54,67 +46,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Đối tác chiến lược trong thương mại và xuất nhập khẩu"
|
||||
description="Thủy Sơn cung cấp giải pháp xuất nhập khẩu, logistics và sourcing hàng hóa tối ưu, uy tín, chuyên nghiệp tại Hà Nội."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg",
|
||||
alt: "Thủy Sơn Office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg", alt: "Thủy Sơn Office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg",
|
||||
alt: "Team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg", alt: "Team"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg",
|
||||
alt: "Service",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg", alt: "Service"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg",
|
||||
alt: "Logistics",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg", alt: "Logistics"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg",
|
||||
alt: "Professional Partners",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/package-tracking-software-system-follows-parcels-shipped-via-awb-numbers-tracking-empty_482257-136437.jpg", alt: "Professional Partners"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Nhận báo giá",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Nhận báo giá", href: "#contact"},
|
||||
{
|
||||
text: "Xem dịch vụ",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Xem dịch vụ", href: "#services"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hải quan",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Hải quan", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Vận tải",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Vận tải", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Kho bãi",
|
||||
icon: Building2,
|
||||
type: "text-icon", text: "Kho bãi", icon: Building2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tư vấn",
|
||||
icon: MessageSquare,
|
||||
type: "text-icon", text: "Tư vấn", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sourcing",
|
||||
icon: Search,
|
||||
type: "text-icon", text: "Sourcing", icon: Search,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -135,28 +102,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Xuất nhập khẩu",
|
||||
description: "Hỗ trợ trọn gói thủ tục hải quan và chứng từ.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zn96wq",
|
||||
buttonIcon: "Zap",
|
||||
title: "Xuất nhập khẩu", description: "Hỗ trợ trọn gói thủ tục hải quan và chứng từ.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zn96wq", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Logistics & Vận tải",
|
||||
description: "Vận chuyển hàng hóa an toàn, đúng thời hạn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-black-globe_181624-1536.jpg",
|
||||
buttonIcon: "Truck",
|
||||
title: "Logistics & Vận tải", description: "Vận chuyển hàng hóa an toàn, đúng thời hạn.", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-black-globe_181624-1536.jpg", buttonIcon: Truck,
|
||||
},
|
||||
{
|
||||
title: "Sourcing Hàng hóa",
|
||||
description: "Tìm kiếm nguồn hàng uy tín, giá tận gốc.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/laptop-computer-with-electronic-business-icons_24911-45480.jpg",
|
||||
buttonIcon: "Search",
|
||||
title: "Sourcing Hàng hóa", description: "Tìm kiếm nguồn hàng uy tín, giá tận gốc.", imageSrc: "http://img.b2bpic.net/free-vector/laptop-computer-with-electronic-business-icons_24911-45480.jpg", buttonIcon: Search,
|
||||
},
|
||||
{
|
||||
title: "Tư vấn thủ tục",
|
||||
description: "Tư vấn chính sách thương mại và luật thuế.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-reviewing-contract-with-new-company_1098-3676.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Tư vấn thủ tục", description: "Tư vấn chính sách thương mại và luật thuế.", imageSrc: "http://img.b2bpic.net/free-photo/executive-reviewing-contract-with-new-company_1098-3676.jpg", buttonIcon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Dịch vụ chuyên nghiệp"
|
||||
@@ -171,20 +126,11 @@ export default function LandingPage() {
|
||||
tag="Thành tựu"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Năm kinh nghiệm",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Năm kinh nghiệm"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Khách hàng hài lòng",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Khách hàng hài lòng"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Hỗ trợ tận tâm",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Hỗ trợ tận tâm"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -196,20 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quy trình làm việc thế nào?",
|
||||
content: "Chúng tôi tiếp nhận yêu cầu, tư vấn giải pháp, báo giá và ký hợp đồng triển khai.",
|
||||
},
|
||||
id: "f1", title: "Quy trình làm việc thế nào?", content: "Chúng tôi tiếp nhận yêu cầu, tư vấn giải pháp, báo giá và ký hợp đồng triển khai."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Thời gian giao hàng là bao lâu?",
|
||||
content: "Tùy thuộc vào loại hình vận chuyển và địa điểm, chúng tôi cam kết đúng tiến độ.",
|
||||
},
|
||||
id: "f2", title: "Thời gian giao hàng là bao lâu?", content: "Tùy thuộc vào loại hình vận chuyển và địa điểm, chúng tôi cam kết đúng tiến độ."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Có hỗ trợ xuất hóa đơn VAT?",
|
||||
content: "Có, tất cả dịch vụ của Thủy Sơn đều có hóa đơn VAT hợp lệ.",
|
||||
},
|
||||
id: "f3", title: "Có hỗ trợ xuất hóa đơn VAT?", content: "Có, tất cả dịch vụ của Thủy Sơn đều có hóa đơn VAT hợp lệ."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-customer-support-agent-with-headset-working-laptop-call-center_637285-129.jpg"
|
||||
title="Câu hỏi thường gặp"
|
||||
@@ -222,18 +159,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Sẵn sàng hợp tác cùng quý đối tác. Liên hệ ngay để được tư vấn miễn phí!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Gọi: 0868 292 222",
|
||||
href: "tel:+84868292222",
|
||||
},
|
||||
text: "Gọi: 0868 292 222", href: "tel:+84868292222"},
|
||||
{
|
||||
text: "Gửi yêu cầu",
|
||||
href: "#",
|
||||
},
|
||||
text: "Gửi yêu cầu", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -244,42 +176,27 @@ export default function LandingPage() {
|
||||
logoText="Thủy Sơn"
|
||||
columns={[
|
||||
{
|
||||
title: "Về chúng tôi",
|
||||
items: [
|
||||
title: "Về chúng tôi", items: [
|
||||
{
|
||||
label: "Giới thiệu",
|
||||
href: "#",
|
||||
},
|
||||
label: "Giới thiệu", href: "#"},
|
||||
{
|
||||
label: "Tuyển dụng",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tuyển dụng", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Dịch vụ",
|
||||
items: [
|
||||
title: "Dịch vụ", items: [
|
||||
{
|
||||
label: "Logistics",
|
||||
href: "#",
|
||||
},
|
||||
label: "Logistics", href: "#"},
|
||||
{
|
||||
label: "Sourcing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sourcing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Liên hệ",
|
||||
items: [
|
||||
title: "Liên hệ", items: [
|
||||
{
|
||||
label: "Hotline: 0868 292 222",
|
||||
href: "tel:+84868292222",
|
||||
},
|
||||
label: "Hotline: 0868 292 222", href: "tel:+84868292222"},
|
||||
{
|
||||
label: "Hà Nội, Việt Nam",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hà Nội, Việt Nam", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user