{"id":21,"date":"2026-03-28T06:38:18","date_gmt":"2026-03-28T06:38:18","guid":{"rendered":"http:\/\/mcimetal.com\/index.php\/hakkimizda\/"},"modified":"2026-04-10T11:38:44","modified_gmt":"2026-04-10T11:38:44","slug":"about","status":"publish","type":"page","link":"https:\/\/mcimetal.com\/en\/about\/","title":{"rendered":"ABOUT US"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<section class=\"cs-about\" id=\"hakkimizda\">\n  <div class=\"cs-wrap\">\n    <header class=\"cs-head\">\n      <span class=\"cs-pill\">About Us<\/span>\n      <h2 class=\"cs-title\">Design-driven manufacturing in wire and metal<\/h2>\n      <p class=\"cs-desc\">\n        MCi Metal provides a single-source solution from design to delivery with project-based production capabilities\n        in wire bending, welding, and metal processing.\n      <\/p>\n    <\/header>\n\n    <div class=\"cs-hero\">\n      <!-- Left: Story -->\n      <article class=\"cs-panel\">\n        <h3 class=\"cs-subtitle\">Who We Are<\/h3>\n        <p class=\"cs-text\">\n          With a focus on speed, repeatable quality, and clean workmanship in production, we manage CNC wire bending\n          and metal part manufacturing through disciplined processes. From prototyping to mass production, we bring our\n          customers\u2019 products to life with a scalable manufacturing structure they can rely on.\n        <\/p>\n\n        <div class=\"cs-list\">\n          <div class=\"cs-item\">\n            <span class=\"cs-dot\" aria-hidden=\"true\"><\/span>\n            <div>\n              <strong>Manufacturability-focused approach<\/strong>\n              <p>We prepare products for production by considering the balance of dimensions, assembly, durability, and cost.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"cs-item\">\n            <span class=\"cs-dot\" aria-hidden=\"true\"><\/span>\n            <div>\n              <strong>Prototype + mass production<\/strong>\n              <p>We manage sampling, revisions, and mass production processes within a single workflow.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"cs-item\">\n            <span class=\"cs-dot\" aria-hidden=\"true\"><\/span>\n            <div>\n              <strong>Lead time and quality discipline<\/strong>\n              <p>We secure on-time delivery through planned production and control steps.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-cta\">\n          <a class=\"cs-btn\" href=\"https:\/\/mcimetal.com\/service\/\">View Services<\/a>\n          <a class=\"cs-btn cs-btn-ghost\" href=\"https:\/\/mcimetal.com\/contact\/\">Get a Quote<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Right: Summary card -->\n      <aside class=\"cs-card\">\n        <div class=\"cs-card__top\">\n          <span class=\"cs-badge\">Highlights<\/span>\n          <span class=\"cs-mark\" aria-hidden=\"true\">\u2605<\/span>\n        <\/div>\n\n        <div class=\"cs-tags\" aria-label=\"Values\">\n          <span class=\"cs-tag\">Design<\/span>\n          <span class=\"cs-tag\">Quality<\/span>\n          <span class=\"cs-tag\">Innovation<\/span>\n          <span class=\"cs-tag\">Process Discipline<\/span>\n        <\/div>\n\n        <div class=\"cs-divider\"><\/div>\n\n        <div class=\"cs-stats\" aria-label=\"Quick Info\">\n          <div class=\"cs-stat\">\n            <span class=\"cs-k\">Production<\/span>\n            <span class=\"cs-v\">CNC Wire Bending<\/span>\n          <\/div>\n          <div class=\"cs-stat\">\n            <span class=\"cs-k\">Capability<\/span>\n            <span class=\"cs-v\">Prototype \u2192 Mass Production<\/span>\n          <\/div>\n          <div class=\"cs-stat\">\n            <span class=\"cs-k\">Application<\/span>\n            <span class=\"cs-v\">Welding \/ Assembly<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-note\">\n          <strong>Note:<\/strong> If you want, we can further adapt these texts to better match your brand story in a more corporate or premium tone.\n        <\/div>\n      <\/aside>\n    <\/div>\n\n    <!-- Bottom: Capability cards -->\n    <div class=\"cs-grid\">\n      <article class=\"cs-box\">\n        <h4 class=\"cs-box__t\">Product Development<\/h4>\n        <p class=\"cs-box__p\">From concept to production, we prepare products for manufacturing with dimensions, form, and connection details.<\/p>\n      <\/article>\n\n      <article class=\"cs-box\">\n        <h4 class=\"cs-box__t\">CNC Wire Bending<\/h4>\n        <p class=\"cs-box__p\">Precise and repeatable production across different wire diameters and geometries.<\/p>\n      <\/article>\n\n      <article class=\"cs-box\">\n        <h4 class=\"cs-box__t\">Welding &amp; Joining<\/h4>\n        <p class=\"cs-box__p\">We make products ready for shipment using joining methods suitable for each project.<\/p>\n      <\/article>\n\n      <article class=\"cs-box\">\n        <h4 class=\"cs-box__t\">Surface \/ Finishing Processes<\/h4>\n        <p class=\"cs-box__p\">We complete product readiness for delivery through painting\/coating and packaging processes.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  #hakkimizda, #hakkimizda *{ box-sizing: border-box; }\n  body{ overflow-x: hidden; }\n\n  :root{\n    --cs-text: rgba(255,255,255,.92);\n    --cs-muted: rgba(255,255,255,.66);\n    --cs-card: rgba(255,255,255,.06);\n    --cs-border: rgba(255,255,255,.12);\n    --cs-shadow: 0 18px 60px rgba(0,0,0,.45);\n    --cs-radius: 18px;\n    --cs-accent: #0ea5e9;\n    --cs-accent2: #22c55e;\n  }\n\n  #hakkimizda.cs-about{\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    padding: clamp(38px, 5.2vw, 82px) 0;\n    color: var(--cs-text);\n    overflow-x: hidden;\n    background:\n      radial-gradient(1000px 520px at 15% 10%, rgba(14,165,233,.18), transparent 60%),\n      radial-gradient(1000px 520px at 85% 18%, rgba(34,197,94,.14), transparent 60%),\n      linear-gradient(180deg, #050505, #0b0b0b);\n  }\n\n  #hakkimizda .cs-wrap{\n    width: min(1720px, calc(100% - 56px));\n    margin: 0 auto;\n  }\n  @media (max-width: 600px){\n    #hakkimizda .cs-wrap{ width: calc(100% - 24px); }\n  }\n\n  #hakkimizda .cs-head{ max-width: 980px; margin-bottom: 18px; }\n  #hakkimizda .cs-pill{\n    display:inline-flex;\n    padding: 10px 14px;\n    border-radius: 999px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.06);\n    font-size: 12px;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.78);\n  }\n  #hakkimizda .cs-title{\n    margin: 14px 0 10px;\n    font-size: clamp(24px, 3vw, 44px);\n    letter-spacing: -0.02em;\n    line-height: 1.12;\n  }\n  #hakkimizda .cs-desc{\n    margin:0;\n    color: var(--cs-muted);\n    font-size: 15.5px;\n    line-height: 1.7;\n  }\n\n  #hakkimizda .cs-hero{\n    display: grid;\n    grid-template-columns: 1.35fr .85fr;\n    gap: clamp(14px, 2.2vw, 18px);\n    margin-top: 18px;\n    align-items: start;\n  }\n  @media (max-width: 980px){\n    #hakkimizda .cs-hero{ grid-template-columns: 1fr; }\n  }\n\n  #hakkimizda .cs-panel,\n  #hakkimizda .cs-card,\n  #hakkimizda .cs-box{\n    background: rgba(255,255,255,.05);\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: var(--cs-radius);\n    box-shadow: var(--cs-shadow);\n    backdrop-filter: blur(10px);\n  }\n\n  #hakkimizda .cs-panel{ padding: 18px; }\n  #hakkimizda .cs-subtitle{\n    margin: 0 0 10px;\n    font-size: 16px;\n    color: rgba(255,255,255,.90);\n  }\n  #hakkimizda .cs-text{\n    margin: 0 0 14px;\n    color: rgba(255,255,255,.72);\n    line-height: 1.75;\n    font-size: 15.5px;\n  }\n\n  #hakkimizda .cs-list{ display: grid; gap: 12px; margin-top: 8px; }\n  #hakkimizda .cs-item{\n    display: grid;\n    grid-template-columns: 18px 1fr;\n    gap: 12px;\n    padding: 14px;\n    border-radius: 16px;\n    border: 1px solid rgba(255,255,255,.10);\n    background: rgba(255,255,255,.04);\n  }\n  #hakkimizda .cs-dot{\n    width: 12px; height: 12px; border-radius: 999px; margin-top: 4px;\n    background: linear-gradient(180deg, var(--cs-accent), var(--cs-accent2));\n    box-shadow: 0 0 0 6px rgba(14,165,233,.10);\n  }\n  #hakkimizda .cs-item strong{ display:block; font-size: 14px; color: rgba(255,255,255,.90); margin-bottom: 4px; }\n  #hakkimizda .cs-item p{ margin:0; color: rgba(255,255,255,.70); line-height: 1.65; font-size: 14px; }\n\n  #hakkimizda .cs-cta{ display:flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }\n  #hakkimizda .cs-btn{\n    display:inline-flex; align-items:center; justify-content:center;\n    padding: 10px 12px; border-radius: 14px;\n    border: 1px solid rgba(14,165,233,.35);\n    background: linear-gradient(90deg, rgba(14,165,233,.18), rgba(34,197,94,.14));\n    color: rgba(255,255,255,.95); text-decoration:none; font-size: 14px;\n    transition: transform .18s ease, border-color .18s ease;\n    white-space: nowrap;\n  }\n  #hakkimizda .cs-btn:hover{ transform: translateY(-1px); border-color: rgba(14,165,233,.55); }\n  #hakkimizda .cs-btn-ghost{ background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.18); }\n  #hakkimizda .cs-btn-ghost:hover{ border-color: rgba(255,255,255,.28); }\n\n  #hakkimizda .cs-card{ padding: 18px; }\n  #hakkimizda .cs-card__top{ display:flex; align-items:center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }\n  #hakkimizda .cs-badge{\n    font-size: 12px; color: rgba(255,255,255,.78);\n    padding: 8px 10px; border: 1px solid rgba(255,255,255,.14);\n    border-radius: 999px; background: rgba(255,255,255,.06);\n  }\n  #hakkimizda .cs-mark{\n    width: 38px; height: 38px; display:grid; place-items:center;\n    border-radius: 14px; border: 1px solid rgba(255,255,255,.12);\n    background: rgba(255,255,255,.06); color: rgba(14,165,233,.95);\n  }\n\n  #hakkimizda .cs-tags{ display:flex; flex-wrap: wrap; gap: 10px; }\n  #hakkimizda .cs-tag{\n    font-size: 13px; padding: 8px 10px; border-radius: 999px;\n    border: 1px solid rgba(255,255,255,.12);\n    background: rgba(255,255,255,.05);\n    color: rgba(255,255,255,.78);\n  }\n  #hakkimizda .cs-divider{ height: 1px; background: rgba(255,255,255,.12); margin: 14px 0; }\n  #hakkimizda .cs-stats{ display:grid; gap: 10px; }\n  #hakkimizda .cs-stat{\n    display:flex; align-items: baseline; justify-content: space-between;\n    gap: 10px; padding: 10px 12px; border-radius: 14px;\n    border: 1px solid rgba(255,255,255,.10);\n    background: rgba(255,255,255,.05);\n  }\n  #hakkimizda .cs-k{ color: rgba(255,255,255,.60); font-size: 13px; }\n  #hakkimizda .cs-v{ color: rgba(255,255,255,.92); font-weight: 700; font-size: 13.5px; text-align:right; }\n  #hakkimizda .cs-note{\n    margin-top: 12px; padding: 12px; border-radius: 14px;\n    border: 1px solid rgba(255,255,255,.10);\n    background: rgba(255,255,255,.04);\n    color: rgba(255,255,255,.72);\n    line-height: 1.6; font-size: 13.5px;\n  }\n\n  #hakkimizda .cs-grid{\n    display:grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(14px, 2.2vw, 18px);\n    margin-top: 18px;\n  }\n  @media (max-width: 1100px){\n    #hakkimizda .cs-grid{ grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 600px){\n    #hakkimizda .cs-grid{ grid-template-columns: 1fr; }\n  }\n  #hakkimizda .cs-box{ padding: 16px; }\n  #hakkimizda .cs-box__t{ margin: 0 0 8px; font-size: 14px; color: rgba(255,255,255,.88); }\n  #hakkimizda .cs-box__p{ margin:0; color: rgba(255,255,255,.70); line-height: 1.65; font-size: 14px; }\n<\/style>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>About Us Design-driven manufacturing in wire and metal MCi Metal provides a single-source solution from design to delivery with project-based production capabilities in wire bending, welding, and metal processing. Who We Are With a focus on speed, repeatable quality, and clean workmanship in production, we manage CNC wire bending and metal part manufacturing through disciplined [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mcimetal.com\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcimetal.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mcimetal.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mcimetal.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mcimetal.com\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":6,"href":"https:\/\/mcimetal.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":592,"href":"https:\/\/mcimetal.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/592"}],"wp:attachment":[{"href":"https:\/\/mcimetal.com\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}