Merge version_1 into main #1
288
src/app/page.tsx
288
src/app/page.tsx
@@ -33,45 +33,27 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Achievements",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Achievements", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/mexico-trajinera-xochimilco_24911-115786.jpg"
|
||||
logoAlt="Huế Thành Logo"
|
||||
brandName="Huế Thành Co., Ltd."
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,65 +61,40 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Công Ty Huế Thành: Driving Success Together"
|
||||
description="Providing exceptional solutions and unparalleled service to empower your business growth in Vietnam and beyond. We are committed to excellence."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg", alt: "John Doe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
alt: "Jane Smith",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", alt: "Jane Smith"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
alt: "David Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", alt: "David Lee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-graduation-gown-outdoors_23-2148505264.jpg",
|
||||
alt: "Maria Nguyen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-graduation-gown-outdoors_23-2148505264.jpg", alt: "Maria Nguyen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg",
|
||||
alt: "black businessman happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg", alt: "black businessman happy expression"},
|
||||
]}
|
||||
avatarText="Trusted by over 100+ businesses"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Our Services", href: "#services"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Vision",
|
||||
},
|
||||
type: "text", text: "Strategic Vision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation Driven",
|
||||
},
|
||||
type: "text", text: "Innovation Driven"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client Success Focus",
|
||||
},
|
||||
type: "text", text: "Client Success Focus"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Team",
|
||||
},
|
||||
type: "text", text: "Expert Team"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lasting Partnerships",
|
||||
},
|
||||
type: "text", text: "Lasting Partnerships"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,23 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategic Consulting",
|
||||
description: "Gain expert insights and develop robust strategies to navigate market complexities and achieve your objectives effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-satisfied-partners-finishing-up-meeting_74855-1530.jpg",
|
||||
imageAlt: "Business consulting meeting",
|
||||
},
|
||||
title: "Strategic Consulting", description: "Gain expert insights and develop robust strategies to navigate market complexities and achieve your objectives effectively.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-satisfied-partners-finishing-up-meeting_74855-1530.jpg", imageAlt: "Business consulting meeting"},
|
||||
{
|
||||
title: "Digital Transformation",
|
||||
description: "Modernize your operations with cutting-edge technology and innovative digital solutions to enhance productivity and competitiveness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124251.jpg",
|
||||
imageAlt: "Software development on screen",
|
||||
},
|
||||
title: "Digital Transformation", description: "Modernize your operations with cutting-edge technology and innovative digital solutions to enhance productivity and competitiveness.", imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124251.jpg", imageAlt: "Software development on screen"},
|
||||
{
|
||||
title: "Integrated Marketing",
|
||||
description: "Craft compelling campaigns and implement data-driven marketing strategies to expand your reach and engage your target audience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-tablet-with-bar-graph_1134-472.jpg",
|
||||
imageAlt: "Digital marketing dashboard",
|
||||
},
|
||||
title: "Integrated Marketing", description: "Craft compelling campaigns and implement data-driven marketing strategies to expand your reach and engage your target audience.", imageSrc: "http://img.b2bpic.net/free-photo/people-tablet-with-bar-graph_1134-472.jpg", imageAlt: "Digital marketing dashboard"},
|
||||
]}
|
||||
title="Our Key Services"
|
||||
description="We offer a comprehensive suite of services designed to address your business challenges and unlock new opportunities for growth and efficiency."
|
||||
@@ -189,15 +134,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Innovators Inc.",
|
||||
"Enterprise Solutions Group",
|
||||
"Dynamic Tech Co.",
|
||||
"Visionary Marketing Hub",
|
||||
"Apex Financial Services",
|
||||
"Green Energy Partners",
|
||||
"Future Builders Corp.",
|
||||
"Digital Growth Agency",
|
||||
]}
|
||||
"Global Innovators Inc.", "Enterprise Solutions Group", "Dynamic Tech Co.", "Visionary Marketing Hub", "Apex Financial Services", "Green Energy Partners", "Future Builders Corp.", "Digital Growth Agency"]}
|
||||
title="Our Valued Partners"
|
||||
description="We are proud to collaborate with a diverse range of clients and partners, building strong relationships based on mutual trust and success."
|
||||
tag="Partnerships"
|
||||
@@ -208,37 +145,17 @@ export default function LandingPage() {
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nguyễn Văn An",
|
||||
role: "Chief Executive Officer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg",
|
||||
imageAlt: "Nguyễn Văn An",
|
||||
},
|
||||
id: "1", name: "Nguyễn Văn An", role: "Chief Executive Officer", imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg", imageAlt: "Nguyễn Văn An"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Trần Thị Bình",
|
||||
role: "Chief Operating Officer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg",
|
||||
imageAlt: "Trần Thị Bình",
|
||||
},
|
||||
id: "2", name: "Trần Thị Bình", role: "Chief Operating Officer", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg", imageAlt: "Trần Thị Bình"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lê Văn Cường",
|
||||
role: "Head of Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-man-construction-worker-concept-blue-print_1150-12410.jpg",
|
||||
imageAlt: "Lê Văn Cường",
|
||||
},
|
||||
id: "3", name: "Lê Văn Cường", role: "Head of Development", imageSrc: "http://img.b2bpic.net/free-photo/engineer-man-construction-worker-concept-blue-print_1150-12410.jpg", imageAlt: "Lê Văn Cường"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Phạm Thị Dung",
|
||||
role: "Marketing Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
imageAlt: "Phạm Thị Dung",
|
||||
},
|
||||
id: "4", name: "Phạm Thị Dung", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", imageAlt: "Phạm Thị Dung"},
|
||||
]}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="Our team of experts is passionate about what they do, bringing a wealth of experience and innovation to every project."
|
||||
@@ -253,29 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Building strong, lasting relationships is at the core of our business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-happy-business-team_53876-20936.jpg",
|
||||
imageAlt: "Happy clients group",
|
||||
},
|
||||
id: "1", value: "150+", title: "Satisfied Clients", description: "Building strong, lasting relationships is at the core of our business.", imageSrc: "http://img.b2bpic.net/free-photo/successful-happy-business-team_53876-20936.jpg", imageAlt: "Happy clients group"},
|
||||
{
|
||||
id: "2",
|
||||
value: "95%",
|
||||
title: "Client Retention",
|
||||
description: "Our commitment to quality ensures clients stay with us long-term.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760994.jpg",
|
||||
imageAlt: "Growth chart",
|
||||
},
|
||||
id: "2", value: "95%", title: "Client Retention", description: "Our commitment to quality ensures clients stay with us long-term.", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760994.jpg", imageAlt: "Growth chart"},
|
||||
{
|
||||
id: "3",
|
||||
value: "10+",
|
||||
title: "Years of Excellence",
|
||||
description: "A decade of experience delivering impactful solutions to various industries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ornament-star-blue-bed-sheet_23-2147983894.jpg",
|
||||
imageAlt: "Award trophy",
|
||||
},
|
||||
id: "3", value: "10+", title: "Years of Excellence", description: "A decade of experience delivering impactful solutions to various industries.", imageSrc: "http://img.b2bpic.net/free-photo/ornament-star-blue-bed-sheet_23-2147983894.jpg", imageAlt: "Award trophy"},
|
||||
]}
|
||||
title="Our Proven Track Record"
|
||||
description="We measure our success by the success of our clients. Here are some of our key achievements."
|
||||
@@ -290,45 +189,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hoàng Thị Mai",
|
||||
role: "CEO, Vĩnh Lộc Corp.",
|
||||
testimonial: "Huế Thành transformed our digital presence. Their strategic approach and dedication delivered outstanding results. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
imageAlt: "Hoàng Thị Mai",
|
||||
},
|
||||
id: "1", name: "Hoàng Thị Mai", role: "CEO, Vĩnh Lộc Corp.", testimonial: "Huế Thành transformed our digital presence. Their strategic approach and dedication delivered outstanding results. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", imageAlt: "Hoàng Thị Mai"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Đặng Văn Hùng",
|
||||
role: "Founder, An Bình Solutions",
|
||||
testimonial: "The team at Huế Thành is incredibly professional and responsive. They understood our vision perfectly and exceeded expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-young-businessman-sitting-desk-his-office-putting-hand-his-chest_140725-138149.jpg",
|
||||
imageAlt: "Đặng Văn Hùng",
|
||||
},
|
||||
id: "2", name: "Đặng Văn Hùng", role: "Founder, An Bình Solutions", testimonial: "The team at Huế Thành is incredibly professional and responsive. They understood our vision perfectly and exceeded expectations.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-young-businessman-sitting-desk-his-office-putting-hand-his-chest_140725-138149.jpg", imageAlt: "Đặng Văn Hùng"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Trịnh Thu Hương",
|
||||
role: "Marketing Director, Thanh Long Group",
|
||||
testimonial: "Their expertise in marketing and development is unmatched. We saw significant growth and improved efficiency after partnering with them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",
|
||||
imageAlt: "Trịnh Thu Hương",
|
||||
},
|
||||
id: "3", name: "Trịnh Thu Hương", role: "Marketing Director, Thanh Long Group", testimonial: "Their expertise in marketing and development is unmatched. We saw significant growth and improved efficiency after partnering with them.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", imageAlt: "Trịnh Thu Hương"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nguyễn Duy Khánh",
|
||||
role: "Operations Manager, Thái Sơn Logistics",
|
||||
testimonial: "Huế Thành provided innovative solutions that streamlined our operations and boosted productivity. A truly valuable partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg",
|
||||
imageAlt: "Nguyễn Duy Khánh",
|
||||
},
|
||||
id: "4", name: "Nguyễn Duy Khánh", role: "Operations Manager, Thái Sơn Logistics", testimonial: "Huế Thành provided innovative solutions that streamlined our operations and boosted productivity. A truly valuable partner.", imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg", imageAlt: "Nguyễn Duy Khánh"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vũ Thị Linh",
|
||||
role: "HR Manager, Hùng Vương Ventures",
|
||||
testimonial: "From initial consultation to project completion, Huế Thành demonstrated exceptional service and a clear understanding of our needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-ceo-sitting-table-showing-graph_74855-15189.jpg",
|
||||
imageAlt: "Vũ Thị Linh",
|
||||
},
|
||||
id: "5", name: "Vũ Thị Linh", role: "HR Manager, Hùng Vương Ventures", testimonial: "From initial consultation to project completion, Huế Thành demonstrated exceptional service and a clear understanding of our needs.", imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-ceo-sitting-table-showing-graph_74855-15189.jpg", imageAlt: "Vũ Thị Linh"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from businesses who have experienced the Huế Thành difference."
|
||||
@@ -342,25 +211,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What services does Huế Thành specialize in?",
|
||||
content: "Huế Thành specializes in strategic consulting, digital transformation, and integrated marketing solutions tailored for businesses of all sizes.",
|
||||
},
|
||||
id: "1", title: "What services does Huế Thành specialize in?", content: "Huế Thành specializes in strategic consulting, digital transformation, and integrated marketing solutions tailored for businesses of all sizes."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How can Huế Thành help my business grow?",
|
||||
content: "We help businesses grow by providing expert guidance, implementing efficient digital tools, and executing effective marketing strategies that drive results and enhance competitiveness.",
|
||||
},
|
||||
id: "2", title: "How can Huế Thành help my business grow?", content: "We help businesses grow by providing expert guidance, implementing efficient digital tools, and executing effective marketing strategies that drive results and enhance competitiveness."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is your approach to client collaboration?",
|
||||
content: "Our approach is highly collaborative. We work closely with our clients through every stage, ensuring transparent communication, mutual understanding, and tailored solutions that align with their specific goals.",
|
||||
},
|
||||
id: "3", title: "What is your approach to client collaboration?", content: "Our approach is highly collaborative. We work closely with our clients through every stage, ensuring transparent communication, mutual understanding, and tailored solutions that align with their specific goals."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer customized solutions for unique business needs?",
|
||||
content: "Absolutely. We pride ourselves on offering bespoke solutions. We conduct thorough assessments to understand your unique challenges and design strategies that are precisely fit for your business requirements.",
|
||||
},
|
||||
id: "4", title: "Do you offer customized solutions for unique business needs?", content: "Absolutely. We pride ourselves on offering bespoke solutions. We conduct thorough assessments to understand your unique challenges and design strategies that are precisely fit for your business requirements."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-customer-support-workers-respond-customers-inquiries_482257-126788.jpg"
|
||||
imageAlt="Customer support team assisting clients"
|
||||
@@ -376,8 +233,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Build Your Success Story"
|
||||
description="Reach out to us today to discuss your project. Our team is ready to help you achieve your business objectives."
|
||||
@@ -398,67 +254,41 @@ export default function LandingPage() {
|
||||
logoText="Huế Thành Co., Ltd."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Consulting", href: "#services"},
|
||||
{
|
||||
label: "Digital Transformation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Digital Transformation", href: "#services"},
|
||||
{
|
||||
label: "Marketing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Marketing", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user