Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 780e4703bd |
223
src/app/page.tsx
223
src/app/page.tsx
@@ -31,26 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Solutions", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CKMF"
|
||||
/>
|
||||
@@ -59,31 +46,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="CKMF: Global Import-Export Excellence"
|
||||
description="Streamlining your global supply chain with precision, innovation, and unmatched efficiency. Cekilmefo – we make it happen."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-business-district-night_107420-95719.jpg",
|
||||
imageAlt: "logistics port night view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-business-district-night_107420-95719.jpg", imageAlt: "logistics port night view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg",
|
||||
imageAlt: "global network shipping lines",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg", imageAlt: "global network shipping lines"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663029.jpg",
|
||||
imageAlt: "automated cargo management",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662962.jpg",
|
||||
imageAlt: "logistics port night view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100372.jpg",
|
||||
imageAlt: "global network shipping lines",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663029.jpg", imageAlt: "automated cargo management"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -95,18 +67,9 @@ export default function LandingPage() {
|
||||
title="A Legacy of Trade"
|
||||
description="At CKMF, we bridge the gap between global manufacturers and local markets. With over a decade of expertise, we manage your logistics from source to destination."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Countries Served",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "On-Time Delivery",
|
||||
},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Products Handled",
|
||||
},
|
||||
{ value: "15+", title: "Countries Served" },
|
||||
{ value: "98%", title: "On-Time Delivery" },
|
||||
{ value: "1000+", title: "Products Handled" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-business-employees-manage-online-shopping-orders-surrounded-by-huge-racks-with-cargo-boxes_482257-136457.jpg"
|
||||
imageAlt="import export professionals"
|
||||
@@ -120,24 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Logistics",
|
||||
description: "Real-time tracking of every shipment at every step.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineer-designs-robotic-machines-using-cad-software_482257-120528.jpg",
|
||||
imageAlt: "smart supply chain",
|
||||
},
|
||||
{
|
||||
title: "Global Distribution",
|
||||
description: "Network access to over 15+ countries worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg",
|
||||
imageAlt: "air shipping routes",
|
||||
},
|
||||
{
|
||||
title: "Secure Compliance",
|
||||
description: "Complete handling of custom clearances and local laws.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg",
|
||||
imageAlt: "blockchain logistics security",
|
||||
},
|
||||
{ title: "Smart Logistics", description: "Real-time tracking of every shipment at every step.", imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineer-designs-robotic-machines-using-cad-software_482257-120528.jpg", imageAlt: "smart supply chain" },
|
||||
{ title: "Global Distribution", description: "Network access to over 15+ countries worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg", imageAlt: "air shipping routes" },
|
||||
{ title: "Secure Compliance", description: "Complete handling of custom clearances and local laws.", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg", imageAlt: "blockchain logistics security" },
|
||||
]}
|
||||
title="Why Choose CKMF?"
|
||||
description="Our solutions are tailored to ensure your goods move across borders without friction."
|
||||
@@ -151,48 +99,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Industrial Components",
|
||||
price: "Request Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-procurement-shipping-freight-word_53876-123830.jpg",
|
||||
imageAlt: "industrial equipment product",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Textiles",
|
||||
price: "Request Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914971.jpg",
|
||||
imageAlt: "premium textiles fabric",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Automotive Parts",
|
||||
price: "Request Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-checking-car-parts_1170-1170.jpg",
|
||||
imageAlt: "automotive machine parts",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Medical Consumables",
|
||||
price: "Request Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-masks-disinfectant_23-2148779140.jpg",
|
||||
imageAlt: "medical supplies export",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Renewable Tech",
|
||||
price: "Request Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-roof-solar-cell_335224-1324.jpg",
|
||||
imageAlt: "solar energy panels",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Home Appliances",
|
||||
price: "Request Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151211032.jpg",
|
||||
imageAlt: "kitchen appliances wholesale",
|
||||
},
|
||||
{ id: "p1", name: "Industrial Components", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/logistics-procurement-shipping-freight-word_53876-123830.jpg" },
|
||||
{ id: "p2", name: "Premium Textiles", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914971.jpg" },
|
||||
{ id: "p3", name: "Automotive Parts", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-checking-car-parts_1170-1170.jpg" },
|
||||
{ id: "p4", name: "Medical Consumables", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-masks-disinfectant_23-2148779140.jpg" },
|
||||
]}
|
||||
title="Core Specialties"
|
||||
description="We specialize in high-demand industrial and consumer goods."
|
||||
@@ -205,21 +115,9 @@ export default function LandingPage() {
|
||||
title="Our Global Impact"
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
description: "Global Support",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
description: "Partners Worldwide",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
description: "Shipments Completed",
|
||||
},
|
||||
{ id: "m1", value: "24/7", description: "Global Support" },
|
||||
{ id: "m2", value: "100+", description: "Partners Worldwide" },
|
||||
{ id: "m3", value: "10k+", description: "Shipments Completed" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -232,51 +130,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivier",
|
||||
role: "CEO",
|
||||
company: "GlobalTrade Ltd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
|
||||
imageAlt: "executive portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Garcia",
|
||||
role: "COO",
|
||||
company: "Industri-X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
imageAlt: "female executive portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Chen",
|
||||
role: "Director",
|
||||
company: "LogiTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-carrying-box_23-2148923107.jpg",
|
||||
imageAlt: "professional logistics director",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rossi",
|
||||
role: "Head",
|
||||
company: "RetailDirect",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
imageAlt: "operations manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Thomas Müller",
|
||||
role: "Analyst",
|
||||
company: "EU-Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
|
||||
imageAlt: "global trade expert",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivier", role: "CEO", company: "GlobalTrade Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg" },
|
||||
{ id: "t2", name: "Maria Garcia", role: "COO", company: "Industri-X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
|
||||
{ id: "t3", name: "David Chen", role: "Director", company: "LogiTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-carrying-box_23-2148923107.jpg" },
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Trusted by industry leaders worldwide to deliver excellence across borders."
|
||||
@@ -288,24 +144,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you handle customs?",
|
||||
content: "We have an experienced in-house legal and logistics team.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the delivery time?",
|
||||
content: "Varies by destination and freight mode (Air/Sea).",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I track my cargo?",
|
||||
content: "Yes, through our dedicated secure client portal.",
|
||||
},
|
||||
{ id: "f1", title: "How do you handle customs?", content: "We have an experienced in-house legal and logistics team." },
|
||||
{ id: "f2", title: "What is the delivery time?", content: "Varies by destination and freight mode (Air/Sea)." },
|
||||
{ id: "f3", title: "Can I track my cargo?", content: "Yes, through our dedicated secure client portal." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your logistics concerns."
|
||||
description="Clear answers to your import-export concerns."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -314,8 +158,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Start Your Import Journey"
|
||||
description="Ready to scale? Connect with our trade experts today for a custom logistics strategy."
|
||||
@@ -334,4 +177,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user