Merge version_1 into main #1
238
src/app/page.tsx
238
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Giới thiệu",
|
||||
id: "about",
|
||||
},
|
||||
name: "Giới thiệu", id: "about"},
|
||||
{
|
||||
name: "Sản phẩm",
|
||||
id: "products",
|
||||
},
|
||||
name: "Sản phẩm", id: "products"},
|
||||
{
|
||||
name: "Minh bạch",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Minh bạch", id: "metrics"},
|
||||
{
|
||||
name: "Liên hệ",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Liên hệ", id: "contact"},
|
||||
]}
|
||||
brandName="TRE SÔNG CẦU"
|
||||
/>
|
||||
@@ -56,66 +48,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Hồn tre đất Việt Bắc"
|
||||
description="Nông – lâm sản tử tế từ vùng đất Sông Cầu. Mỗi đốt tre là một câu chuyện dữ liệu thực, mang giá trị bản địa vẹn nguyên đến tay người dùng."
|
||||
buttons={[
|
||||
{
|
||||
text: "Tìm hiểu sản phẩm",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Tìm hiểu sản phẩm", href: "#products"},
|
||||
{
|
||||
text: "Khám phá ngay",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Khám phá ngay", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-exotic-plants_23-2148245243.jpg"
|
||||
imageAlt="Phong cảnh vùng sông Cầu Việt Bắc"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-trees_1160-409.jpg",
|
||||
alt: "Người nông dân 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/long-trees_1160-409.jpg", alt: "Người nông dân 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bamboo-forest_1203-2283.jpg",
|
||||
alt: "Người nông dân 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bamboo-forest_1203-2283.jpg", alt: "Người nông dân 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-lush-green-forest-lake-with-dead-trees_1308-189648.jpg",
|
||||
alt: "Người nông dân 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-lush-green-forest-lake-with-dead-trees_1308-189648.jpg", alt: "Người nông dân 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bamboo-forest-nature-background_335224-240.jpg",
|
||||
alt: "Người nông dân 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bamboo-forest-nature-background_335224-240.jpg", alt: "Người nông dân 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-bamboo-trees-surrounded-by-green-leaves_181624-11775.jpg",
|
||||
alt: "Người nông dân 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-bamboo-trees-surrounded-by-green-leaves_181624-11775.jpg", alt: "Người nông dân 5"},
|
||||
]}
|
||||
avatarText="Được sự tin tưởng của 500+ nông hộ tại Việt Bắc"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bền vững",
|
||||
},
|
||||
type: "text", text: "Bền vững"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Minh bạch",
|
||||
},
|
||||
type: "text", text: "Minh bạch"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Xác thực",
|
||||
},
|
||||
type: "text", text: "Xác thực"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bản địa",
|
||||
},
|
||||
type: "text", text: "Bản địa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Công nghệ",
|
||||
},
|
||||
type: "text", text: "Công nghệ"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,26 +108,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Thu thập tại nguồn",
|
||||
author: "IoT Smart",
|
||||
description: "Dữ liệu GPS vùng trồng, cân điện tử tự động ghi nhận không can thiệp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48581.jpg",
|
||||
},
|
||||
id: "f1", title: "Thu thập tại nguồn", author: "IoT Smart", description: "Dữ liệu GPS vùng trồng, cân điện tử tự động ghi nhận không can thiệp.", tags: ["IoT", "Smart"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48581.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Khóa bất biến",
|
||||
author: "Blockchain",
|
||||
description: "Lịch sử lô hàng không thể chỉnh sửa, đảm bảo niềm tin tuyệt đối.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-researchers-are-checking-effects-cantaloupe_1150-10636.jpg",
|
||||
},
|
||||
id: "f2", title: "Khóa bất biến", author: "Blockchain", description: "Lịch sử lô hàng không thể chỉnh sửa, đảm bảo niềm tin tuyệt đối.", tags: ["Blockchain", "Secured"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-researchers-are-checking-effects-cantaloupe_1150-10636.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Công bố minh bạch",
|
||||
author: "QR Code",
|
||||
description: "Người dùng quét mã thấy ngay dữ liệu gốc đã được xác thực.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-controlling-plantation_1150-10384.jpg",
|
||||
},
|
||||
id: "f3", title: "Công bố minh bạch", author: "QR Code", description: "Người dùng quét mã thấy ngay dữ liệu gốc đã được xác thực.", tags: ["QR", "Transparency"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-controlling-plantation_1150-10384.jpg"},
|
||||
]}
|
||||
title="Sức mạnh minh bạch"
|
||||
description="Vận hành trên hạ tầng bảo mật Zero Just của ECO-MEND, đảm bảo giá trị thật của người làm nông tử tế."
|
||||
@@ -175,41 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Măng lục trúc tươi",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-holding-board-about-healthy-nutrition-veggie_53876-122976.jpg",
|
||||
},
|
||||
id: "p1", name: "Măng lục trúc tươi", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/people-holding-board-about-healthy-nutrition-veggie_53876-122976.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Măng khô truyền thống",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fruits-nuts-oats-with-copy-space_23-2148361772.jpg",
|
||||
},
|
||||
id: "p2", name: "Măng khô truyền thống", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fruits-nuts-oats-with-copy-space_23-2148361772.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Đũa tre thủ công",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-reusable-bag-with-wooden-spoons-copy-space_23-2148493499.jpg",
|
||||
},
|
||||
id: "p3", name: "Đũa tre thủ công", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-reusable-bag-with-wooden-spoons-copy-space_23-2148493499.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tre nguyên liệu",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oriental-bamboo-forest-daylight_23-2149011387.jpg",
|
||||
},
|
||||
id: "p4", name: "Tre nguyên liệu", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/oriental-bamboo-forest-daylight_23-2149011387.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Giỏ đan nghệ nhân",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-minimalist-lifestyle_23-2149743877.jpg",
|
||||
},
|
||||
id: "p5", name: "Giỏ đan nghệ nhân", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/still-life-minimalist-lifestyle_23-2149743877.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bộ quà tặng tre",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-soaps_1098-1345.jpg",
|
||||
},
|
||||
id: "p6", name: "Bộ quà tặng tre", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-soaps_1098-1345.jpg"},
|
||||
]}
|
||||
title="Hệ sinh thái đặc sản tre"
|
||||
description="Các dòng sản phẩm măng và tre lục trúc vùng Sông Cầu Việt Bắc."
|
||||
@@ -224,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Dữ liệu vùng trồng được số hóa",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Dữ liệu vùng trồng được số hóa"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Trong ngày",
|
||||
description: "Thời gian sơ chế măng tươi",
|
||||
},
|
||||
id: "m2", value: "Trong ngày", description: "Thời gian sơ chế măng tươi"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "End-to-End",
|
||||
description: "Truy xuất từ vùng trồng đến tay bạn",
|
||||
},
|
||||
id: "m3", value: "End-to-End", description: "Truy xuất từ vùng trồng đến tay bạn"},
|
||||
]}
|
||||
title="Giá trị đo lường"
|
||||
description="Cam kết dữ liệu thực qua từng lô hàng."
|
||||
@@ -251,45 +173,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nguyễn Văn A",
|
||||
handle: "Nông dân địa phương",
|
||||
testimonial: "Mô hình này giúp người nông dân chúng tôi tự tin hơn với sản phẩm mình làm ra.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-walking-through-bamboo-forest_23-2149011443.jpg",
|
||||
},
|
||||
id: "1", name: "Nguyễn Văn A", handle: "Nông dân địa phương", testimonial: "Mô hình này giúp người nông dân chúng tôi tự tin hơn với sản phẩm mình làm ra.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-walking-through-bamboo-forest_23-2149011443.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Trần Thị B",
|
||||
handle: "Khách hàng thân thiết",
|
||||
testimonial: "Tôi rất yên tâm khi quét mã QR biết rõ măng được thu hái từ đâu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kiwi-female-hands-view-top-woman-puts-fruits-string-bag_169016-27550.jpg",
|
||||
},
|
||||
id: "2", name: "Trần Thị B", handle: "Khách hàng thân thiết", testimonial: "Tôi rất yên tâm khi quét mã QR biết rõ măng được thu hái từ đâu.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kiwi-female-hands-view-top-woman-puts-fruits-string-bag_169016-27550.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chef Minh",
|
||||
handle: "Chủ nhà hàng",
|
||||
testimonial: "Măng lục trúc tươi ngon và nguồn gốc minh bạch giúp món ăn của tôi rất đắt khách.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-10018.jpg",
|
||||
},
|
||||
id: "3", name: "Chef Minh", handle: "Chủ nhà hàng", testimonial: "Măng lục trúc tươi ngon và nguồn gốc minh bạch giúp món ăn của tôi rất đắt khách.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-10018.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lê Văn Hùng",
|
||||
handle: "Nghệ nhân",
|
||||
testimonial: "Công nghệ giúp gìn giữ nghề thủ công truyền thống cho thế hệ sau.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rattan-weaving_23-2148817647.jpg",
|
||||
},
|
||||
id: "4", name: "Lê Văn Hùng", handle: "Nghệ nhân", testimonial: "Công nghệ giúp gìn giữ nghề thủ công truyền thống cho thế hệ sau.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rattan-weaving_23-2148817647.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Phạm Minh Tâm",
|
||||
handle: "Đối tác kinh doanh",
|
||||
testimonial: "Dịch vụ sỉ chuyên nghiệp, hợp đồng mùa vụ rất rõ ràng và minh bạch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-cafe-owner-manager-standing-confident-with-arms-crossed-hands-smiling_1258-199342.jpg",
|
||||
},
|
||||
id: "5", name: "Phạm Minh Tâm", handle: "Đối tác kinh doanh", testimonial: "Dịch vụ sỉ chuyên nghiệp, hợp đồng mùa vụ rất rõ ràng và minh bạch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-cafe-owner-manager-standing-confident-with-arms-crossed-hands-smiling_1258-199342.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Niềm tin từ người dùng"
|
||||
@@ -302,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "fq1",
|
||||
title: "Tre Sông Cầu lấy tên từ đâu?",
|
||||
content: "Từ dòng sông Cầu chảy qua vùng Việt Bắc – nơi nuôi dưỡng những vùng tre lục trúc lâu đời.",
|
||||
},
|
||||
id: "fq1", title: "Tre Sông Cầu lấy tên từ đâu?", content: "Từ dòng sông Cầu chảy qua vùng Việt Bắc – nơi nuôi dưỡng những vùng tre lục trúc lâu đời."},
|
||||
{
|
||||
id: "fq2",
|
||||
title: "Tại sao dùng ECO-MEND?",
|
||||
content: "ECO-MEND là nền tảng bảo chứng dữ liệu, đảm bảo mọi dữ liệu vùng trồng là thật, không nhập tay, không chỉnh sửa.",
|
||||
},
|
||||
id: "fq2", title: "Tại sao dùng ECO-MEND?", content: "ECO-MEND là nền tảng bảo chứng dữ liệu, đảm bảo mọi dữ liệu vùng trồng là thật, không nhập tay, không chỉnh sửa."},
|
||||
{
|
||||
id: "fq3",
|
||||
title: "Tôi muốn mua sỉ?",
|
||||
content: "Liên hệ trực tiếp hotline hoặc fanpage để được tư vấn giá sỉ cho HORECA và đối tác xuất khẩu.",
|
||||
},
|
||||
id: "fq3", title: "Tôi muốn mua sỉ?", content: "Liên hệ trực tiếp hotline hoặc fanpage để được tư vấn giá sỉ cho HORECA và đối tác xuất khẩu."},
|
||||
]}
|
||||
sideTitle="Câu hỏi thường gặp"
|
||||
sideDescription="Giải đáp thắc mắc về thương hiệu và hạ tầng xác thực."
|
||||
@@ -330,22 +218,14 @@ export default function LandingPage() {
|
||||
description="Đừng ngần ngại gửi tin nhắn nếu bạn muốn tìm hiểu sâu hơn về mô hình hoặc đặt mua đặc sản."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Họ và tên",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Họ và tên", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email liên hệ",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email liên hệ", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Thông điệp của bạn...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Thông điệp của bạn...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692369.jpg"
|
||||
@@ -356,29 +236,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Liên hệ",
|
||||
items: [
|
||||
title: "Liên hệ", items: [
|
||||
{
|
||||
label: "Hotline: 09xx xxx xxx",
|
||||
href: "tel:09xxxxxxx",
|
||||
},
|
||||
label: "Hotline: 09xx xxx xxx", href: "tel:09xxxxxxx"},
|
||||
{
|
||||
label: "Email: contact@tresongcau.com",
|
||||
href: "mailto:contact@tresongcau.com",
|
||||
},
|
||||
label: "Email: contact@tresongcau.com", href: "mailto:contact@tresongcau.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Về chúng tôi",
|
||||
items: [
|
||||
title: "Về chúng tôi", items: [
|
||||
{
|
||||
label: "Câu chuyện thương hiệu",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Câu chuyện thương hiệu", href: "#about"},
|
||||
{
|
||||
label: "Đối tác ECO-MEND",
|
||||
href: "https://eco-mend.com",
|
||||
},
|
||||
label: "Đối tác ECO-MEND", href: "https://eco-mend.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user