Merge version_1 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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="Ghee Seng Trading"
|
||||
/>
|
||||
@@ -56,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Ghee Seng Trading"
|
||||
description="Your Trusted Partner in Global Trade and Supply Chain Excellence. Delivering high-quality commodities and logistics solutions worldwide."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/company-administrator-searching-new-solution-obtain-business-growth-working-hard_482257-136146.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/company-administrator-searching-new-solution-obtain-business-growth-working-hard_482257-136146.jpg"
|
||||
imageAlt="Global logistics and trade office background"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -83,19 +70,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Reach",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Global Reach", value: "50+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Years Experience", value: "20+"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Supplies Delivered",
|
||||
value: "1M+",
|
||||
},
|
||||
label: "Supplies Delivered", value: "1M+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,55 +89,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Logistics Management",
|
||||
description: "Seamless transportation and distribution solutions for all your international shipments.",
|
||||
icon: Truck,
|
||||
title: "Logistics Management", description: "Seamless transportation and distribution solutions for all your international shipments.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-crossed-arms_23-2149426545.jpg",
|
||||
imageAlt: "Logistics operations",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-crossed-arms_23-2149426545.jpg", imageAlt: "Logistics operations"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg",
|
||||
imageAlt: "Data monitoring",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg", imageAlt: "Data monitoring"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-administrator-searching-new-solution-obtain-business-growth-working-hard_482257-136146.jpg?_wi=2",
|
||||
imageAlt: "international shipping containers loading",
|
||||
},
|
||||
{
|
||||
title: "Market Consulting",
|
||||
description: "Expert advice on global market entry and supply chain strategy for your business.",
|
||||
icon: Briefcase,
|
||||
title: "Market Consulting", description: "Expert advice on global market entry and supply chain strategy for your business.", icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg",
|
||||
imageAlt: "Team strategy meeting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg", imageAlt: "Team strategy meeting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662922.jpg",
|
||||
imageAlt: "Logistics operations",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662922.jpg", imageAlt: "Logistics operations"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg",
|
||||
imageAlt: "international shipping containers loading",
|
||||
},
|
||||
{
|
||||
title: "Supply Chain Analytics",
|
||||
description: "Advanced digital monitoring to ensure transparency, security, and efficiency in every shipment.",
|
||||
icon: LineChart,
|
||||
title: "Supply Chain Analytics", description: "Advanced digital monitoring to ensure transparency, security, and efficiency in every shipment.", icon: LineChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663051.jpg",
|
||||
imageAlt: "Digital analytics interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663051.jpg", imageAlt: "Digital analytics interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/management-team-developing-new-digital-transformation-initiatives_482257-90820.jpg",
|
||||
imageAlt: "Team collaboration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/management-team-developing-new-digital-transformation-initiatives_482257-90820.jpg", imageAlt: "Team collaboration"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=1",
|
||||
imageAlt: "international shipping containers loading",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
@@ -171,23 +128,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Client Retention", value: "98%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Delivery Efficiency",
|
||||
value: "99.5%",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Delivery Efficiency", value: "99.5%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Quality Compliance",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Quality Compliance", value: "100%"},
|
||||
]}
|
||||
title="Performance Driven"
|
||||
description="Quantifying our success through reliability and customer satisfaction benchmarks."
|
||||
@@ -199,14 +147,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Alpha Logistics",
|
||||
"Global Freight Corp",
|
||||
"Maritime Trading",
|
||||
"Commodity Solutions",
|
||||
"Intermodal Experts",
|
||||
"Supply Sync",
|
||||
"Global Trade Network",
|
||||
]}
|
||||
"Alpha Logistics", "Global Freight Corp", "Maritime Trading", "Commodity Solutions", "Intermodal Experts", "Supply Sync", "Global Trade Network"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with global industry leaders across continents to ensure standard of excellence."
|
||||
/>
|
||||
@@ -217,30 +158,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Aurelius",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-his-workplace_1098-22016.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Aurelius", imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-his-workplace_1098-22016.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-85908.jpg",
|
||||
},
|
||||
id: "t4", name: "David Miller", imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-85908.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
},
|
||||
id: "t5", name: "John Smith", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg"},
|
||||
]}
|
||||
cardTitle="What Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -253,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you handle global shipments?",
|
||||
content: "We manage end-to-end logistics with rigorous oversight at every port and customs point.",
|
||||
},
|
||||
id: "f1", title: "How do you handle global shipments?", content: "We manage end-to-end logistics with rigorous oversight at every port and customs point."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What commodities do you trade?",
|
||||
content: "We specialize in agricultural commodities, raw industrial materials, and consumer staples.",
|
||||
},
|
||||
id: "f2", title: "What commodities do you trade?", content: "We specialize in agricultural commodities, raw industrial materials, and consumer staples."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you provide custom logistics?",
|
||||
content: "Yes, we specialize in providing tailored supply chain solutions based on specific client requirements.",
|
||||
},
|
||||
id: "f3", title: "Can you provide custom logistics?", content: "Yes, we specialize in providing tailored supply chain solutions based on specific client requirements."},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="If you cannot find your answer here, contact our dedicated support team."
|
||||
@@ -281,22 +198,14 @@ export default function LandingPage() {
|
||||
description="Ready to streamline your global trade? Contact us today to discuss your business needs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we assist you?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172472.jpg"
|
||||
@@ -309,33 +218,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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