bender/239e3465-31f3-4622-9391-3de10ee92a34
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-11 07:54:10 +00:00
Conversation 0 Commits 5 Files Changed 5 +127 -352
5 changed files with 127 additions and 352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/app/contact/page.tsx
View File

@@ -43,32 +43,21 @@ export default function ContactPage() {
description="Have questions about our distribution services? We'd love to hear from you. Contact our team today to discuss how COKeM can support your business growth."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Business Email",
required: true,
name: "email", type: "email", placeholder: "Business Email", required: true,
},
{
name: "company",
type: "text",
placeholder: "Company Name",
required: true,
name: "company", type: "text", placeholder: "Company Name", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your distribution needs...",
rows: 5,
name: "message", placeholder: "Tell us about your distribution needs...", rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-contact-center-workspace-showin-1773215496161-5de5427a.png?_wi=3"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-contact-center-workspace-showin-1773215496161-5de5427a.png"
imageAlt="Contact COKeM Electronics"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -80,41 +69,17 @@ export default function ContactPage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-busi-1773215494896-560bfe22.png?_wi=2",
imageAlt: "Sarah Johnson, Retail Director",
},
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-busi-1773215494896-560bfe22.png", imageAlt: "Sarah Johnson, Retail Director"},
{
id: "2",
name: "Michael Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-an-asi-1773215495228-1a422b6e.png?_wi=2",
imageAlt: "Michael Chen, Operations Manager",
},
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-an-asi-1773215495228-1a422b6e.png", imageAlt: "Michael Chen, Operations Manager"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-lati-1773215495195-f869119f.png?_wi=2",
imageAlt: "Emily Rodriguez, Supply Chain Lead",
},
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-lati-1773215495195-f869119f.png", imageAlt: "Emily Rodriguez, Supply Chain Lead"},
{
id: "4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-an-asi-1773215494664-6f7c153b.png?_wi=2",
imageAlt: "David Kim, Partner Director",
},
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-an-asi-1773215494664-6f7c153b.png", imageAlt: "David Kim, Partner Director"},
{
id: "5",
name: "Jessica Thompson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-blon-1773215495295-03f74cfa.png?_wi=2",
imageAlt: "Jessica Thompson, Compliance Officer",
},
id: "5", name: "Jessica Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-blon-1773215495295-03f74cfa.png", imageAlt: "Jessica Thompson, Compliance Officer"},
{
id: "6",
name: "Robert Williams",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-man--1773215495278-c9c37c89.png?_wi=2",
imageAlt: "Robert Williams, Logistics Manager",
},
id: "6", name: "Robert Williams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-man--1773215495278-c9c37c89.png", imageAlt: "Robert Williams, Logistics Manager"},
]}
cardTitle="Over 10,000 customers trust COKeM to deliver exceptional distribution solutions and unmatched service excellence"
cardTag="Customer Testimonials"
@@ -130,26 +95,15 @@ export default function ContactPage() {
tag="Industry Leadership"
metrics={[
{
id: "1",
value: "500+",
description: "Active partnerships delivering premium distribution solutions globally",
},
id: "1", value: "500+", description: "Active partnerships delivering premium distribution solutions globally"},
{
id: "2",
value: "99.2%",
description: "Compliance accuracy rating ensuring regulatory excellence",
},
id: "2", value: "99.2%", description: "Compliance accuracy rating ensuring regulatory excellence"},
{
id: "3",
value: "48hrs",
description: "Average fulfillment time from order to shipment",
},
id: "3", value: "48hrs", description: "Average fulfillment time from order to shipment"},
{
id: "4",
value: "20+",
description: "Years of industry expertise and trusted partnerships",
},
id: "4", value: "20+", description: "Years of industry expertise and trusted partnerships"},
]}
metricsAnimation="none"
useInvertedBackground={false}
/>
</div>
@@ -159,8 +113,7 @@ export default function ContactPage() {
logoText="COKeM"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "/services" },
{ label: "E-Commerce Fulfillment", href: "/services" },
{ label: "Warehouse & Distribution", href: "/services" },
@@ -168,8 +121,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Partners", href: "/partners" },
{ label: "Blog", href: "#" },
@@ -177,8 +129,7 @@ export default function ContactPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Support Center", href: "#" },
@@ -186,8 +137,7 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -195,8 +145,7 @@ export default function ContactPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Email Us", href: "#" },
{ label: "Call Support", href: "#" },
{ label: "Visit Office", href: "#" },

162
src/app/page.tsx
View File

@@ -15,17 +15,16 @@ import { Shield, Zap, ArrowRight, Users, Star } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Partners", id: "partners" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Partners", id: "/partners" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "/services" },
{ label: "E-Commerce Fulfillment", href: "/services" },
{ label: "Warehouse & Distribution", href: "/services" },
@@ -33,8 +32,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/#about" },
{ label: "Partners", href: "/#partners" },
{ label: "Blog", href: "#" },
@@ -42,8 +40,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Support Center", href: "#" },
@@ -51,8 +48,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -60,8 +56,7 @@ export default function HomePage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Email Us", href: "#" },
{ label: "Call Support", href: "#" },
{ label: "Visit Office", href: "#" },
@@ -105,25 +100,15 @@ export default function HomePage() {
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-minimalist-electronics-complian-1773215495584-d0703367.png",
imageAlt: "Electronics compliance dashboard",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-minimalist-electronics-complian-1773215495584-d0703367.png", imageAlt: "Electronics compliance dashboard"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-sophisticated-distribution-network-vis-1773215495214-8f167e38.png",
imageAlt: "Distribution network visualization",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-sophisticated-distribution-network-vis-1773215495214-8f167e38.png", imageAlt: "Distribution network visualization"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-state-of-the-art-warehouse-operations--1773215495981-657b7f63.png",
imageAlt: "Warehouse operations",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-state-of-the-art-warehouse-operations--1773215495981-657b7f63.png", imageAlt: "Warehouse operations"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-detailed-quality-assurance-and-testing-1773215496562-48dddcee.png",
imageAlt: "Quality assurance process",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-detailed-quality-assurance-and-testing-1773215496562-48dddcee.png", imageAlt: "Quality assurance process"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-video-game-distribution-center--1773215495647-6c379e63.png",
imageAlt: "Video game distribution center",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-video-game-distribution-center--1773215495647-6c379e63.png", imageAlt: "Video game distribution center"},
]}
/>
</div>
@@ -132,9 +117,7 @@ export default function HomePage() {
<TextSplitAbout
title="Leading Full Service Direct Video Game Distributor"
description={[
"COKeM Electronics stands as the industry's premier full-service direct video game distributor, combining decades of expertise with cutting-edge logistics and compliance infrastructure.",
"Our commitment to excellence spans e-commerce fulfillment, warehouse management, and design merchandising services. We deliver unparalleled distribution solutions that empower partners to scale efficiently while maintaining the highest standards of quality and compliance.",
]}
"COKeM Electronics stands as the industry's premier full-service direct video game distributor, combining decades of expertise with cutting-edge logistics and compliance infrastructure.", "Our commitment to excellence spans e-commerce fulfillment, warehouse management, and design merchandising services. We deliver unparalleled distribution solutions that empower partners to scale efficiently while maintaining the highest standards of quality and compliance."]}
buttons={[
{ text: "Learn More About Us", href: "/services" },
]}
@@ -151,32 +134,16 @@ export default function HomePage() {
tagIcon={Zap}
features={[
{
title: "E-Commerce Fulfillment",
description: "Seamless order processing and fulfillment infrastructure tailored for video game retail.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-sleek-e-commerce-fulfillment-interface-1773215495551-950a0161.png?_wi=1",
imageAlt: "E-commerce fulfillment operations",
buttonIcon: ArrowRight,
title: "E-Commerce Fulfillment", description: "Seamless order processing and fulfillment infrastructure tailored for video game retail.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-sleek-e-commerce-fulfillment-interface-1773215495551-950a0161.png", imageAlt: "E-commerce fulfillment operations", buttonIcon: ArrowRight,
},
{
title: "Warehouse & Distribution",
description: "State-of-the-art facilities ensuring rapid delivery and inventory optimization across regions.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-warehouse-and-distributi-1773215496181-5edcfad8.png?_wi=1",
imageAlt: "Warehouse and distribution network",
buttonIcon: ArrowRight,
title: "Warehouse & Distribution", description: "State-of-the-art facilities ensuring rapid delivery and inventory optimization across regions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-warehouse-and-distributi-1773215496181-5edcfad8.png", imageAlt: "Warehouse and distribution network", buttonIcon: ArrowRight,
},
{
title: "Design & Merchandising",
description: "Creative product presentation and strategic merchandising solutions to maximize retail impact.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-creative-design-and-merchandising-stud-1773215496258-78e16ab1.png?_wi=1",
imageAlt: "Design and merchandising showcase",
buttonIcon: ArrowRight,
title: "Design & Merchandising", description: "Creative product presentation and strategic merchandising solutions to maximize retail impact.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-creative-design-and-merchandising-stud-1773215496258-78e16ab1.png", imageAlt: "Design and merchandising showcase", buttonIcon: ArrowRight,
},
{
title: "Compliance Assurance",
description: "Full compliance management for electronics distribution, ensuring regulatory excellence across all markets.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-compliance-assurance-con-1773215496101-09732b41.png?_wi=1",
imageAlt: "Compliance and quality assurance",
buttonIcon: ArrowRight,
title: "Compliance Assurance", description: "Full compliance management for electronics distribution, ensuring regulatory excellence across all markets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-compliance-assurance-con-1773215496101-09732b41.png", imageAlt: "Compliance and quality assurance", buttonIcon: ArrowRight,
},
]}
textboxLayout="default"
@@ -190,26 +157,15 @@ export default function HomePage() {
tag="Industry Leadership"
metrics={[
{
id: "1",
value: "500+",
description: "Active partnerships delivering premium distribution solutions globally",
},
id: "1", value: "500+", description: "Active partnerships delivering premium distribution solutions globally"},
{
id: "2",
value: "99.2%",
description: "Compliance accuracy rating ensuring regulatory excellence",
},
id: "2", value: "99.2%", description: "Compliance accuracy rating ensuring regulatory excellence"},
{
id: "3",
value: "48hrs",
description: "Average fulfillment time from order to shipment",
},
id: "3", value: "48hrs", description: "Average fulfillment time from order to shipment"},
{
id: "4",
value: "20+",
description: "Years of industry expertise and trusted partnerships",
},
id: "4", value: "20+", description: "Years of industry expertise and trusted partnerships"},
]}
metricsAnimation="none"
useInvertedBackground={false}
/>
</div>
@@ -222,15 +178,10 @@ export default function HomePage() {
tagIcon={Users}
textboxLayout="default"
useInvertedBackground={false}
names={[
"Retail Partner 1", "Gaming Distributor", "Logistics Provider", "Software Solutions", "Enterprise Partner", "Global Brand", "Tech Innovator"]}
logos={[
"http://img.b2bpic.net/free-vector/collection-flat-design-c-logos_23-2148901463.jpg",
"http://img.b2bpic.net/free-vector/collection-creative-business-stationery_23-2147570461.jpg",
"http://img.b2bpic.net/free-vector/hands-protect-world_1025-72.jpg",
"http://img.b2bpic.net/free-vector/gradient-electronics-logo-templates_23-2148985013.jpg",
"http://img.b2bpic.net/free-photo/store-consultant-presenting-multiple-shirts-woman-client-chopping-center_482257-103867.jpg",
"http://img.b2bpic.net/free-vector/fun-teamwork-concept_23-2147676077.jpg",
"http://img.b2bpic.net/free-vector/globe-abstract-blue-background_1017-8016.jpg",
]}
"http://img.b2bpic.net/free-vector/collection-flat-design-c-logos_23-2148901463.jpg", "http://img.b2bpic.net/free-vector/collection-creative-business-stationery_23-2147570461.jpg", "http://img.b2bpic.net/free-vector/hands-protect-world_1025-72.jpg", "http://img.b2bpic.net/free-vector/gradient-electronics-logo-templates_23-2148985013.jpg", "http://img.b2bpic.net/free-photo/store-consultant-presenting-multiple-shirts-woman-client-chopping-center_482257-103867.jpg", "http://img.b2bpic.net/free-vector/fun-teamwork-concept_23-2147676077.jpg", "http://img.b2bpic.net/free-vector/globe-abstract-blue-background_1017-8016.jpg"]}
speed={40}
showCard={true}
/>
@@ -240,41 +191,17 @@ export default function HomePage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-busi-1773215494896-560bfe22.png?_wi=1",
imageAlt: "Sarah Johnson, Retail Director",
},
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-busi-1773215494896-560bfe22.png", imageAlt: "Sarah Johnson, Retail Director"},
{
id: "2",
name: "Michael Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-an-asi-1773215495228-1a422b6e.png?_wi=1",
imageAlt: "Michael Chen, Operations Manager",
},
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-an-asi-1773215495228-1a422b6e.png", imageAlt: "Michael Chen, Operations Manager"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-lati-1773215495195-f869119f.png?_wi=1",
imageAlt: "Emily Rodriguez, Supply Chain Lead",
},
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-lati-1773215495195-f869119f.png", imageAlt: "Emily Rodriguez, Supply Chain Lead"},
{
id: "4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-an-asi-1773215494664-6f7c153b.png?_wi=1",
imageAlt: "David Kim, Partner Director",
},
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-an-asi-1773215494664-6f7c153b.png", imageAlt: "David Kim, Partner Director"},
{
id: "5",
name: "Jessica Thompson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-blon-1773215495295-03f74cfa.png?_wi=1",
imageAlt: "Jessica Thompson, Compliance Officer",
},
id: "5", name: "Jessica Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-blon-1773215495295-03f74cfa.png", imageAlt: "Jessica Thompson, Compliance Officer"},
{
id: "6",
name: "Robert Williams",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-man--1773215495278-c9c37c89.png?_wi=1",
imageAlt: "Robert Williams, Logistics Manager",
},
id: "6", name: "Robert Williams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/professional-headshot-portrait-of-a-man--1773215495278-c9c37c89.png", imageAlt: "Robert Williams, Logistics Manager"},
]}
cardTitle="Over 10,000 customers trust COKeM to deliver exceptional distribution solutions and unmatched service excellence"
cardTag="Customer Testimonials"
@@ -290,32 +217,21 @@ export default function HomePage() {
description="Have questions about our distribution services? We'd love to hear from you. Contact our team today to discuss how COKeM can support your business growth."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Business Email",
required: true,
name: "email", type: "email", placeholder: "Business Email", required: true,
},
{
name: "company",
type: "text",
placeholder: "Company Name",
required: true,
name: "company", type: "text", placeholder: "Company Name", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your distribution needs...",
rows: 5,
name: "message", placeholder: "Tell us about your distribution needs...", rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-contact-center-workspace-showin-1773215496161-5de5427a.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-contact-center-workspace-showin-1773215496161-5de5427a.png"
imageAlt="Contact COKeM Electronics"
mediaAnimation="blur-reveal"
mediaPosition="right"

71
src/app/partners/page.tsx
View File

@@ -46,15 +46,10 @@ export default function PartnersPage() {
tagIcon={Users}
textboxLayout="default"
useInvertedBackground={false}
names={[
"Retail Partner 1", "Gaming Distributor", "Logistics Provider", "Software Solutions", "Enterprise Partner", "Global Brand", "Tech Innovator"]}
logos={[
"http://img.b2bpic.net/free-vector/collection-flat-design-c-logos_23-2148901463.jpg",
"http://img.b2bpic.net/free-vector/collection-creative-business-stationery_23-2147570461.jpg",
"http://img.b2bpic.net/free-vector/hands-protect-world_1025-72.jpg",
"http://img.b2bpic.net/free-vector/gradient-electronics-logo-templates_23-2148985013.jpg",
"http://img.b2bpic.net/free-photo/store-consultant-presenting-multiple-shirts-woman-client-chopping-center_482257-103867.jpg",
"http://img.b2bpic.net/free-vector/fun-teamwork-concept_23-2147676077.jpg",
"http://img.b2bpic.net/free-vector/globe-abstract-blue-background_1017-8016.jpg",
]}
"http://img.b2bpic.net/free-vector/collection-flat-design-c-logos_23-2148901463.jpg", "http://img.b2bpic.net/free-vector/collection-creative-business-stationery_23-2147570461.jpg", "http://img.b2bpic.net/free-vector/hands-protect-world_1025-72.jpg", "http://img.b2bpic.net/free-vector/gradient-electronics-logo-templates_23-2148985013.jpg", "http://img.b2bpic.net/free-photo/store-consultant-presenting-multiple-shirts-woman-client-chopping-center_482257-103867.jpg", "http://img.b2bpic.net/free-vector/fun-teamwork-concept_23-2147676077.jpg", "http://img.b2bpic.net/free-vector/globe-abstract-blue-background_1017-8016.jpg"]}
speed={40}
showCard={true}
/>
@@ -66,26 +61,15 @@ export default function PartnersPage() {
tag="Industry Leadership"
metrics={[
{
id: "1",
value: "500+",
description: "Active partnerships delivering premium distribution solutions globally",
},
id: "1", value: "500+", description: "Active partnerships delivering premium distribution solutions globally"},
{
id: "2",
value: "99.2%",
description: "Compliance accuracy rating ensuring regulatory excellence",
},
id: "2", value: "99.2%", description: "Compliance accuracy rating ensuring regulatory excellence"},
{
id: "3",
value: "48hrs",
description: "Average fulfillment time from order to shipment",
},
id: "3", value: "48hrs", description: "Average fulfillment time from order to shipment"},
{
id: "4",
value: "20+",
description: "Years of industry expertise and trusted partnerships",
},
id: "4", value: "20+", description: "Years of industry expertise and trusted partnerships"},
]}
metricsAnimation="none"
useInvertedBackground={false}
/>
</div>
@@ -98,32 +82,16 @@ export default function PartnersPage() {
tagIcon={ArrowRight}
features={[
{
title: "Dedicated Account Management",
description: "Personal partnership coordinators ensuring your success and growth.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-sleek-e-commerce-fulfillment-interface-1773215495551-950a0161.png?_wi=3",
imageAlt: "Dedicated account management",
buttonIcon: ArrowRight,
title: "Dedicated Account Management", description: "Personal partnership coordinators ensuring your success and growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-sleek-e-commerce-fulfillment-interface-1773215495551-950a0161.png", imageAlt: "Dedicated account management", buttonIcon: ArrowRight,
},
{
title: "Exclusive Partner Portal",
description: "Real-time access to inventory, orders, analytics, and compliance documentation.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-warehouse-and-distributi-1773215496181-5edcfad8.png?_wi=3",
imageAlt: "Partner portal access",
buttonIcon: ArrowRight,
title: "Exclusive Partner Portal", description: "Real-time access to inventory, orders, analytics, and compliance documentation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-warehouse-and-distributi-1773215496181-5edcfad8.png", imageAlt: "Partner portal access", buttonIcon: ArrowRight,
},
{
title: "Co-Marketing Opportunities",
description: "Collaborative campaigns and joint promotional initiatives to expand market reach.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-creative-design-and-merchandising-stud-1773215496258-78e16ab1.png?_wi=3",
imageAlt: "Co-marketing campaigns",
buttonIcon: ArrowRight,
title: "Co-Marketing Opportunities", description: "Collaborative campaigns and joint promotional initiatives to expand market reach.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-creative-design-and-merchandising-stud-1773215496258-78e16ab1.png", imageAlt: "Co-marketing campaigns", buttonIcon: ArrowRight,
},
{
title: "Volume-Based Incentives",
description: "Tiered pricing and rewards program for sustained partnership growth.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-compliance-assurance-con-1773215496101-09732b41.png?_wi=3",
imageAlt: "Volume incentive programs",
buttonIcon: ArrowRight,
title: "Volume-Based Incentives", description: "Tiered pricing and rewards program for sustained partnership growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-compliance-assurance-con-1773215496101-09732b41.png", imageAlt: "Volume incentive programs", buttonIcon: ArrowRight,
},
]}
textboxLayout="default"
@@ -136,8 +104,7 @@ export default function PartnersPage() {
logoText="COKeM"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "/services" },
{ label: "E-Commerce Fulfillment", href: "/services" },
{ label: "Warehouse & Distribution", href: "/services" },
@@ -145,8 +112,7 @@ export default function PartnersPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Partners", href: "/partners" },
{ label: "Blog", href: "#" },
@@ -154,8 +120,7 @@ export default function PartnersPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Support Center", href: "#" },
@@ -163,8 +128,7 @@ export default function PartnersPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -172,8 +136,7 @@ export default function PartnersPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Email Us", href: "#" },
{ label: "Call Support", href: "#" },
{ label: "Visit Office", href: "#" },

91
src/app/services/page.tsx
View File

@@ -11,17 +11,16 @@ import { Zap, ArrowRight } from "lucide-react";
export default function ServicesPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Partners", id: "partners" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Partners", id: "/partners" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Services", href: "/services" },
{ label: "E-Commerce Fulfillment", href: "/services" },
{ label: "Warehouse & Distribution", href: "/services" },
@@ -29,8 +28,7 @@ export default function ServicesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/#about" },
{ label: "Partners", href: "/#partners" },
{ label: "Blog", href: "#" },
@@ -38,8 +36,7 @@ export default function ServicesPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Support Center", href: "#" },
@@ -47,8 +44,7 @@ export default function ServicesPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -56,8 +52,7 @@ export default function ServicesPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Email Us", href: "#" },
{ label: "Call Support", href: "#" },
{ label: "Visit Office", href: "#" },
@@ -96,32 +91,16 @@ export default function ServicesPage() {
tagIcon={Zap}
features={[
{
title: "E-Commerce Fulfillment",
description: "Seamless order processing and fulfillment infrastructure tailored for video game retail. Our automated systems handle inventory, picking, packing, and shipping with precision and speed.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-sleek-e-commerce-fulfillment-interface-1773215495551-950a0161.png?_wi=2",
imageAlt: "E-commerce fulfillment operations",
buttonIcon: ArrowRight,
title: "E-Commerce Fulfillment", description: "Seamless order processing and fulfillment infrastructure tailored for video game retail. Our automated systems handle inventory, picking, packing, and shipping with precision and speed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-sleek-e-commerce-fulfillment-interface-1773215495551-950a0161.png", imageAlt: "E-commerce fulfillment operations", buttonIcon: ArrowRight,
},
{
title: "Warehouse & Distribution",
description: "State-of-the-art facilities ensuring rapid delivery and inventory optimization across regions. Multi-location warehouses positioned strategically for maximum efficiency.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-warehouse-and-distributi-1773215496181-5edcfad8.png?_wi=2",
imageAlt: "Warehouse and distribution network",
buttonIcon: ArrowRight,
title: "Warehouse & Distribution", description: "State-of-the-art facilities ensuring rapid delivery and inventory optimization across regions. Multi-location warehouses positioned strategically for maximum efficiency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-warehouse-and-distributi-1773215496181-5edcfad8.png", imageAlt: "Warehouse and distribution network", buttonIcon: ArrowRight,
},
{
title: "Design & Merchandising",
description: "Creative product presentation and strategic merchandising solutions to maximize retail impact. Our design team creates compelling product displays that drive consumer engagement.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-creative-design-and-merchandising-stud-1773215496258-78e16ab1.png?_wi=2",
imageAlt: "Design and merchandising showcase",
buttonIcon: ArrowRight,
title: "Design & Merchandising", description: "Creative product presentation and strategic merchandising solutions to maximize retail impact. Our design team creates compelling product displays that drive consumer engagement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-creative-design-and-merchandising-stud-1773215496258-78e16ab1.png", imageAlt: "Design and merchandising showcase", buttonIcon: ArrowRight,
},
{
title: "Compliance Assurance",
description: "Full compliance management for electronics distribution, ensuring regulatory excellence across all markets. We maintain the highest industry standards and certifications.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-compliance-assurance-con-1773215496101-09732b41.png?_wi=2",
imageAlt: "Compliance and quality assurance",
buttonIcon: ArrowRight,
title: "Compliance Assurance", description: "Full compliance management for electronics distribution, ensuring regulatory excellence across all markets. We maintain the highest industry standards and certifications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-comprehensive-compliance-assurance-con-1773215496101-09732b41.png", imageAlt: "Compliance and quality assurance", buttonIcon: ArrowRight,
},
]}
textboxLayout="default"
@@ -135,26 +114,15 @@ export default function ServicesPage() {
tag="Service Performance"
metrics={[
{
id: "1",
value: "99.8%",
description: "Order accuracy rate ensuring precise fulfillment every single time",
},
id: "1", value: "99.8%", description: "Order accuracy rate ensuring precise fulfillment every single time"},
{
id: "2",
value: "24/7",
description: "Round-the-clock monitoring and support for all distribution operations",
},
id: "2", value: "24/7", description: "Round-the-clock monitoring and support for all distribution operations"},
{
id: "3",
value: "15+",
description: "Regional distribution centers strategically positioned nationwide",
},
id: "3", value: "15+", description: "Regional distribution centers strategically positioned nationwide"},
{
id: "4",
value: "10M+",
description: "Units processed annually with zero critical compliance incidents",
},
id: "4", value: "10M+", description: "Units processed annually with zero critical compliance incidents"},
]}
metricsAnimation="none"
useInvertedBackground={false}
/>
</div>
@@ -165,32 +133,21 @@ export default function ServicesPage() {
description="Let's discuss how our comprehensive services can optimize your supply chain and drive business growth. Our team is ready to create a customized solution for your 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: "Business Email",
required: true,
name: "email", type: "email", placeholder: "Business Email", required: true,
},
{
name: "company",
type: "text",
placeholder: "Company Name",
required: true,
name: "company", type: "text", placeholder: "Company Name", required: true,
},
]}
textarea={{
name: "inquiry",
placeholder: "What services are you interested in?",
rows: 5,
name: "inquiry", placeholder: "What services are you interested in?", rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-contact-center-workspace-showin-1773215496161-5de5427a.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An2wbFNfoubJs2VOxsoU6O5vGQ/a-modern-contact-center-workspace-showin-1773215496161-5de5427a.png"
imageAlt="Contact our services team"
mediaAnimation="blur-reveal"
mediaPosition="right"

62
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,41 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
textClassName?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = "", textClassName = ""}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 300 100"
className={`w-full h-auto ${className}`}
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stopColor="#ffffff" />
<stop offset="100%" stopColor="#e5e5e5" />
</linearGradient>
</defs>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="middle"
fill="url(#textGradient)"
fontSize="48"
fontWeight="bold"
letterSpacing="2"
className={textClassName}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;