/* Start custom CSS for html, class: .elementor-element-4e79a5f */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us | Voluns Technology Co., Ltd.</title>

<meta name="description" content="Contact Voluns Technology Co., Ltd. for CPUs, enterprise HDDs, SSDs, servers and customized server configurations.">

<style>
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{
    --bg:#05090D;
    --bg2:#070C11;
    --card:#0B131B;
    --card2:#0D1720;
    --line:rgba(255,255,255,.08);
    --text:#FFFFFF;
    --muted:#8D9AA7;
    --accent:#25D6FF;
    --accent2:#1677FF;
    --green:#27E39A;
    --gold:#FFB000;
    --purple:#AE82FF;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:Inter,Arial,Helvetica,sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.6;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    color:inherit;
}

.container{
    width:min(1240px,92%);
    margin:auto;
}

/* ================= REVEAL ANIMATION ================= */

.reveal{
    opacity:0;
    transform:translateY(45px);
    transition:
        opacity .8s cubic-bezier(.22,1,.36,1),
        transform .8s cubic-bezier(.22,1,.36,1);
}

.reveal.visible{
    opacity:1;
    transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
    .reveal{
        opacity:1;
        transform:none;
        transition:none;
    }
}

/* ================= HERO ================= */

.hero{
    position:relative;
    min-height:720px;
    display:flex;
    align-items:center;
    padding:90px 0 70px;
    overflow:hidden;
    background:
        radial-gradient(circle at 80% 35%,rgba(20,133,255,.16),transparent 28%),
        radial-gradient(circle at 12% 55%,rgba(0,217,255,.08),transparent 30%),
        var(--bg);
}

.grid-bg{
    position:absolute;
    inset:0;
    opacity:.25;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:55px 55px;
    mask-image:linear-gradient(to bottom,black,transparent);
}

.hero-inner{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:60px;
    align-items:center;
}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(37,214,255,.22);
    background:rgba(37,214,255,.05);
    color:var(--accent);
    border-radius:100px;
    padding:7px 14px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    margin-bottom:25px;
}

.dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 10px var(--green);
}

.hero h1{
    font-size:clamp(46px,5.5vw,76px);
    line-height:1.03;
    letter-spacing:-3px;
    margin-bottom:25px;
    color:#FFFFFF;
}

.hero h1 span{
    background:linear-gradient(100deg,#20D8FF,#1682FF 55%,#AE82FF);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hero p{
    max-width:620px;
    color:#9AA8B5;
    font-size:17px;
    line-height:1.85;
    margin-bottom:35px;
}

.hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.btn{
    padding:14px 24px;
    border-radius:9px;
    font-weight:700;
    font-size:14px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    transition:.3s;
    border:none;
    cursor:pointer;
    font-family:inherit;
}

.btn-primary{
    background:linear-gradient(135deg,#20D8FF,#1682FF);
    color:#031017;
    box-shadow:0 10px 35px rgba(26,165,255,.18);
}

.btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 45px rgba(26,165,255,.30);
}

.btn-secondary{
    border:1px solid var(--line);
    background:rgba(255,255,255,.03);
    color:#FFFFFF;
}

.btn-secondary:hover{
    background:rgba(255,255,255,.07);
}

.hero-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:45px;
}

.hero-stat{
    padding:18px 16px;
    background:rgba(255,255,255,.025);
    border:1px solid var(--line);
    border-radius:12px;
}

.hero-stat strong{
    display:block;
    font-size:26px;
    font-weight:800;
    color:#FFFFFF;
}

.hero-stat span{
    font-size:12px;
    color:#71808C;
}

.hero-visual{
    position:relative;
}

.hero-panel{
    background:linear-gradient(145deg,#0D1820,#080F16);
    border:1px solid rgba(37,214,255,.16);
    border-radius:20px;
    padding:30px;
    box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.hero-panel h3{
    font-size:20px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#FFFFFF;
}

.panel-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.panel-row:last-child{
    border-bottom:none;
}

.panel-row .name{
    display:flex;
    align-items:center;
    gap:12px;
    color:#B9C4CC;
    font-size:14px;
}

.panel-row .badge{
    font-size:11px;
    color:var(--accent);
    background:rgba(37,214,255,.08);
    border:1px solid rgba(37,214,255,.2);
    padding:3px 9px;
    border-radius:20px;
}

.panel-note{
    margin-top:20px;
    padding:14px;
    background:rgba(39,227,154,.06);
    border:1px solid rgba(39,227,154,.2);
    border-radius:10px;
    color:#8DD8B7;
    font-size:13px;
}

/* ================= SECTION BASE ================= */

section{
    padding:100px 0;
}

.section-head{
    text-align:center;
    max-width:740px;
    margin:0 auto 60px;
}

.section-head small{
    color:var(--accent);
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:700;
    font-size:11px;
}

.section-head h2{
    font-size:42px;
    line-height:1.15;
    margin:12px 0 16px;
    letter-spacing:-1.5px;
    color:#FFFFFF;
}

.section-head p{
    color:var(--muted);
    font-size:15px;
}

/* ================= PRODUCTS ================= */

.products{
    background:var(--bg2);
}

.product-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.product-card{
    background:linear-gradient(145deg,#0B131B,#080E14);
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    transition:.35s;
    display:grid;
    grid-template-columns:230px 1fr;
}

.product-card:hover{
    transform:translateY(-6px);
    border-color:rgba(37,214,255,.28);
    box-shadow:0 20px 55px rgba(0,0,0,.3);
}

.product-img{
    min-height:100%;
    background:#0A1118;
    overflow:hidden;
}

.product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}

.product-card:hover .product-img img{
    transform:scale(1.07);
}

.product-body{
    padding:28px 26px;
    display:flex;
    flex-direction:column;
}

.product-body .icon{
    width:48px;
    height:48px;
    border-radius:12px;
    border:1px solid rgba(37,214,255,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--accent);
    font-size:21px;
    margin-bottom:18px;
    background:rgba(37,214,255,.05);
}

.product-body h3{
    font-size:20px;
    margin-bottom:10px;
    color:#FFFFFF;
}

.product-body p{
    color:#7F8D99;
    font-size:14px;
    line-height:1.75;
    flex:1;
}

.product-specs{
    margin-top:18px;
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.product-specs span{
    font-size:11px;
    color:#8FA0AC;
    border:1px solid rgba(255,255,255,.08);
    padding:4px 8px;
    border-radius:5px;
}

/* ================= ADVANTAGES ================= */

.advantages{
    background:var(--bg);
}

.adv-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.adv-card{
    padding:30px 26px;
    background:linear-gradient(145deg,#0B131B,#080E14);
    border:1px solid var(--line);
    border-radius:15px;
    transition:.35s;
}

.adv-card:hover{
    transform:translateY(-5px);
    border-color:rgba(37,214,255,.25);
}

.adv-icon{
    width:52px;
    height:52px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:20px;
    background:rgba(37,214,255,.06);
    border:1px solid rgba(37,214,255,.15);
    color:var(--accent);
}

.adv-card h3{
    font-size:17px;
    margin-bottom:10px;
    color:#FFFFFF;
}

.adv-card p{
    color:#7F8D99;
    font-size:13.5px;
    line-height:1.75;
}

/* ================= PROCESS ================= */

.process{
    background:var(--bg2);
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.process-step{
    position:relative;
    padding:32px 26px;
    background:linear-gradient(145deg,#0B131B,#080E14);
    border:1px solid var(--line);
    border-radius:15px;
}

.process-step .num{
    font-size:42px;
    font-weight:800;
    background:linear-gradient(100deg,#20D8FF,#1682FF);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:14px;
}

.process-step h3{
    font-size:17px;
    margin-bottom:10px;
    color:#FFFFFF;
}

.process-step p{
    color:#7F8D99;
    font-size:13.5px;
    line-height:1.75;
}

/* ================= INDUSTRIES ================= */

.industries{
    background:var(--bg);
}

.industry-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.industry-item{
    padding:22px;
    background:rgba(255,255,255,.02);
    border:1px solid var(--line);
    border-radius:12px;
    text-align:center;
    transition:.3s;
}

.industry-item:hover{
    border-color:rgba(37,214,255,.3);
    background:rgba(37,214,255,.03);
}

.industry-item .ind-icon{
    font-size:26px;
    margin-bottom:12px;
}

.industry-item h4{
    font-size:14px;
    margin-bottom:5px;
    color:#FFFFFF;
}

.industry-item p{
    color:#71808C;
    font-size:12px;
}

/* ================= GLOBAL ================= */

.global{
    background:var(--bg2);
}

.global-box{
    border:1px solid rgba(37,214,255,.12);
    background:
        radial-gradient(circle at 80% 30%,rgba(37,214,255,.06),transparent 30%),
        #091119;
    border-radius:20px;
    padding:60px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:55px;
    align-items:center;
}

.global-box h2{
    font-size:38px;
    line-height:1.2;
    margin-bottom:16px;
    letter-spacing:-1px;
    color:#FFFFFF;
}

.global-box p{
    color:#7F8C98;
    line-height:1.85;
    margin-bottom:25px;
}

.global-stats{
    display:flex;
    gap:35px;
}

.global-stats div strong{
    display:block;
    font-size:30px;
    color:#FFFFFF;
}

.global-stats div span{
    color:#71808C;
    font-size:12px;
}

.region-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.region{
    padding:16px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:9px;
    background:rgba(255,255,255,.02);
    color:#B9C4CC;
    font-size:13px;
}

.region span{
    color:var(--accent);
    margin-right:7px;
}

/* ================= TESTIMONIALS ================= */

.testimonials{
    background:var(--bg);
}

.testi-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.testi-card{
    padding:30px;
    background:linear-gradient(145deg,#0B131B,#080E14);
    border:1px solid var(--line);
    border-radius:15px;
}

.testi-stars{
    color:var(--gold);
    letter-spacing:2px;
    margin-bottom:15px;
}

.testi-card p{
    color:#A6B2BD;
    font-size:14px;
    line-height:1.8;
    margin-bottom:20px;
}

.testi-author{
    display:flex;
    align-items:center;
    gap:12px;
}

.testi-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    background:linear-gradient(135deg,#20D8FF,#1682FF);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    color:#031017;
    font-size:15px;
}

.testi-author strong{
    display:block;
    font-size:14px;
    color:#FFFFFF;
}

.testi-author span{
    color:#71808C;
    font-size:12px;
}

/* ================= CONTACT ================= */

.contact-section{
    position:relative;
    background:
        radial-gradient(circle at 90% 50%,rgba(18,119,255,.08),transparent 35%),
        var(--bg);
}

.contact-layout{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:70px;
    align-items:start;
}

.contact-info h2{
    font-size:44px;
    line-height:1.15;
    letter-spacing:-1.5px;
    margin-bottom:18px;
    color:#FFFFFF;
}

.contact-info > p{
    color:#85939F;
    line-height:1.85;
    margin-bottom:35px;
}

.info-item{
    display:flex;
    gap:16px;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.info-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:10px;
    background:rgba(37,214,255,.06);
    border:1px solid rgba(37,214,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--accent);
    font-size:18px;
}

.info-item h4{
    font-size:13px;
    margin-bottom:3px;
    color:#FFFFFF;
}

.info-item p,
.info-item a{
    color:#7F8C98;
    font-size:13px;
}

.contact-form{
    background:linear-gradient(145deg,#0B141D,#080F16);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:38px;
    box-shadow:0 30px 80px rgba(0,0,0,.25);
}

.form-top{
    margin-bottom:28px;
}

.form-top h3{
    font-size:24px;
    margin-bottom:6px;
    color:#FFFFFF;
}

.form-top p{
    color:#778591;
    font-size:13px;
}

.form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.field{
    margin-bottom:16px;
}

.field.full{
    grid-column:1/-1;
}

.field label{
    display:block;
    font-size:11px;
    color:#A5B1BA;
    margin-bottom:7px;
    font-weight:600;
}

.field input,
.field select,
.field textarea{
    width:100%;
    background:#070D13;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    color:#FFFFFF;
    padding:13px 14px;
    outline:none;
    font-family:inherit;
    font-size:13px;
    transition:.25s;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
    border-color:rgba(37,214,255,.5);
    box-shadow:0 0 0 3px rgba(37,214,255,.05);
}

.field textarea{
    height:130px;
    resize:vertical;
}

.submit{
    width:100%;
    justify-content:center;
    margin-top:6px;
}

/* ================= FAQ ================= */

.faq{
    background:var(--bg2);
}

.faq-list{
    max-width:850px;
    margin:auto;
}

details{
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    padding:20px 22px;
    margin-bottom:14px;
    background:rgba(255,255,255,.015);
}

summary{
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    list-style:none;
    position:relative;
    padding-right:30px;
    color:#FFFFFF;
}

summary::after{
    content:"+";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    color:var(--accent);
    font-size:22px;
}

details[open] summary::after{
    content:"−";
}

details p{
    color:#788792;
    font-size:13px;
    line-height:1.8;
    padding-top:14px;
    max-width:750px;
}

/* ================= CTA ================= */

.cta{
    padding:90px 0;
    text-align:center;
    background:
        radial-gradient(circle at 50% 100%,rgba(37,214,255,.12),transparent 45%),
        var(--bg);
}

.cta h2{
    font-size:46px;
    margin-bottom:14px;
    letter-spacing:-1px;
    color:#FFFFFF;
}

.cta p{
    color:#7F8C98;
    margin-bottom:32px;
}

/* ================= WHATSAPP ================= */

.whatsapp{
    position:fixed;
    right:25px;
    bottom:25px;
    width:54px;
    height:54px;
    border-radius:50%;
    background:#20C878;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    z-index:50;
    box-shadow:0 8px 30px rgba(32,200,120,.28);
    transition:.3s;
}

.whatsapp:hover{
    transform:translateY(-4px) scale(1.05);
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px){

    .hero-inner{
        grid-template-columns:1fr;
    }

    .hero-visual{
        max-width:550px;
    }

    .product-grid{
        grid-template-columns:1fr;
    }

    .product-card{
        grid-template-columns:200px 1fr;
    }

    .adv-grid{
        grid-template-columns:1fr 1fr;
    }

    .process-grid{
        grid-template-columns:1fr 1fr;
    }

    .industry-grid{
        grid-template-columns:1fr 1fr;
    }

    .testi-grid{
        grid-template-columns:1fr;
    }

    .contact-layout{
        grid-template-columns:1fr;
        gap:50px;
    }

    .global-box{
        grid-template-columns:1fr;
        padding:40px 30px;
    }
}

@media(max-width:620px){

    section{
        padding:70px 0;
    }

    .hero{
        min-height:auto;
        padding-top:70px;
    }

    .hero h1{
        font-size:42px;
        letter-spacing:-2px;
    }

    .hero p{
        font-size:15px;
    }

    .hero-stats{
        grid-template-columns:1fr 1fr;
    }

    .section-head h2{
        font-size:34px;
    }

    .product-card{
        grid-template-columns:1fr;
    }

    .product-img{
        height:220px;
    }

    .adv-grid{
        grid-template-columns:1fr;
    }

    .process-grid{
        grid-template-columns:1fr;
    }

    .industry-grid{
        grid-template-columns:1fr;
    }

    .form-grid{
        grid-template-columns:1fr;
    }

    .field.full{
        grid-column:auto;
    }

    .contact-form{
        padding:24px;
    }

    .contact-info h2{
        font-size:35px;
    }

    .global-stats{
        gap:20px;
    }

    .region-list{
        grid-template-columns:1fr;
    }

    .cta h2{
        font-size:35px;
    }
}
</style>
</head>

<body>

<!-- ================= HERO ================= -->

<section class="hero">

    <div class="grid-bg"></div>

    <div class="container hero-inner">

        <div class="hero-content reveal">

            <div class="eyebrow">
                <span class="dot"></span>
                Global IT Hardware Supplier
            </div>

            <h1>
                Enterprise Hardware.<br>
                <span>Sourced Worldwide.</span>
            </h1>

            <p>
                Voluns Technology is a professional B2B supplier of CPUs,
                enterprise storage chips, memory modules, server systems and
                complete IT infrastructure solutions. We help distributors,
                data centers and enterprises buy reliable hardware at
                competitive prices.
            </p>

            <div class="hero-actions">
                <a href="#contact" class="btn btn-primary">Request a Quote →</a>
                <a href="#products" class="btn btn-secondary">Explore Products</a>
            </div>

            <div class="hero-stats">
                <div class="hero-stat">
                    <strong>15+</strong>
                    <span>Years Experience</span>
                </div>
                <div class="hero-stat">
                    <strong>50+</strong>
                    <span>Countries Served</span>
                </div>
                <div class="hero-stat">
                    <strong>500+</strong>
                    <span>Clients Worldwide</span>
                </div>
            </div>

        </div>

        <div class="hero-visual reveal">

            <div class="hero-panel">
                <h3>⚡ Hardware Sourcing Capabilities</h3>

                <div class="panel-row">
                    <div class="name">🔹 CPU &amp; Processors</div>
                    <span class="badge">Intel / AMD</span>
                </div>
                <div class="panel-row">
                    <div class="name">🔹 Storage Chips</div>
                    <span class="badge">NAND Flash</span>
                </div>
                <div class="panel-row">
                    <div class="name">🔹 Memory Modules</div>
                    <span class="badge">DDR4 / DDR5</span>
                </div>
                <div class="panel-row">
                    <div class="name">🔹 Server Systems</div>
                    <span class="badge">Custom Build</span>
                </div>

                <div class="panel-note">
                    ✔ Authorized Channels&nbsp;&nbsp;✔ Quality Guarantee&nbsp;&nbsp;✔ Fast Global Shipping
                </div>
            </div>

        </div>

    </div>

</section>


<!-- ================= PRODUCTS ================= -->

<section class="products" id="products">

    <div class="container">

        <div class="section-head reveal">
            <small>Product Solutions</small>
            <h2>Hardware We Supply</h2>
            <p>
                From single components to complete systems, we deliver
                enterprise-grade hardware tailored to your requirements.
            </p>
        </div>

        <div class="product-grid">

            <div class="product-card reveal">
                <div class="product-img">
                    <img src="http://volanssemi.com/wp-content/uploads/2026/08/66134b6f63acf1902cc7d5139ca401c5.jpg" alt="Storage Chip">
                </div>
                <div class="product-body">
                    <div class="icon">▣</div>
                    <h3>Storage Chips</h3>
                    <p>
                        Enterprise-grade NAND flash and storage chips for SSD
                        production, data center storage and high-capacity
                        storage solutions.
                    </p>
                    <div class="product-specs">
                        <span>NAND Flash</span>
                        <span>Enterprise Grade</span>
                        <span>High Capacity</span>
                    </div>
                </div>
            </div>

            <div class="product-card reveal">
                <div class="product-img">
                    <img src="http://volanssemi.com/wp-content/uploads/2026/08/a05a212cc6c3edad6f2130ad7c151d00.jpg" alt="Server Systems">
                </div>
                <div class="product-body">
                    <div class="icon">▤</div>
                    <h3>Server Systems</h3>
                    <p>
                        Complete rack and tower servers, customized
                        configurations for data centers, virtualization and
                        high-performance computing.
                    </p>
                    <div class="product-specs">
                        <span>Dell</span>
                        <span>HPE</span>
                        <span>Lenovo</span>
                        <span>Custom Build</span>
                    </div>
                </div>
            </div>

            <div class="product-card reveal">
                <div class="product-img">
                    <img src="http://volanssemi.com/wp-content/uploads/2026/08/1fafa9196bba909f0b9a12f211fc044c.jpg" alt="Memory Modules">
                </div>
                <div class="product-body">
                    <div class="icon">☰</div>
                    <h3>Memory Modules</h3>
                    <p>
                        DDR4 and DDR5 server memory modules, including ECC
                        RDIMM and LRDIMM for enterprise and data center
                        environments.
                    </p>
                    <div class="product-specs">
                        <span>DDR5</span>
                        <span>DDR4</span>
                        <span>ECC RDIMM</span>
                        <span>LRDIMM</span>
                    </div>
                </div>
            </div>

            <div class="product-card reveal">
                <div class="product-img">
                    <img src="http://volanssemi.com/wp-content/uploads/2026/08/b9aca721053b41b0ffc6ba4e3827b6d9.jpg" alt="CPU & Processors">
                </div>
                <div class="product-body">
                    <div class="icon">⚡</div>
                    <h3>CPU &amp; Processors</h3>
                    <p>
                        Intel Xeon, AMD EPYC and desktop processors for
                        servers, workstations and high-performance computing
                        workloads.
                    </p>
                    <div class="product-specs">
                        <span>Intel</span>
                        <span>AMD</span>
                        <span>Xeon</span>
                        <span>EPYC</span>
                    </div>
                </div>
            </div>

        </div>

    </div>

</section>


<!-- ================= ADVANTAGES ================= -->

<section class="advantages">

    <div class="container">

        <div class="section-head reveal">
            <small>Why Voluns</small>
            <h2>Why Businesses Choose Us</h2>
            <p>
                We combine product expertise, supply chain reliability and
                global logistics to deliver a better hardware sourcing experience.
            </p>
        </div>

        <div class="adv-grid">

            <div class="adv-card reveal">
                <div class="adv-icon">✓</div>
                <h3>Authorized Sourcing</h3>
                <p>
                    Products are sourced from authorized distributors and
                    trusted channels, with traceable origins and quality assurance.
                </p>
            </div>

            <div class="adv-card reveal">
                <div class="adv-icon">⚡</div>
                <h3>Fast Response</h3>
                <p>
                    Our sales team responds to inquiries quickly and provides
                    quotations within one business day.
                </p>
            </div>

            <div class="adv-card reveal">
                <div class="adv-icon">🌍</div>
                <h3>Global Shipping</h3>
                <p>
                    We ship to more than 50 countries with reliable logistics
                    partners and proper export documentation.
                </p>
            </div>

            <div class="adv-card reveal">
                <div class="adv-icon">▤</div>
                <h3>Custom Configurations</h3>
                <p>
                    Need a complete server? We configure CPU, memory, storage,
                    RAID, networking and power to your exact specifications.
                </p>
            </div>

            <div class="adv-card reveal">
                <div class="adv-icon">◈</div>
                <h3>Quality Guarantee</h3>
                <p>
                    Every product is inspected before shipping to ensure
                    performance, compatibility and enterprise reliability.
                </p>
            </div>

            <div class="adv-card reveal">
                <div class="adv-icon">◷</div>
                <h3>Dedicated Support</h3>
                <p>
                    From first inquiry to after-sales, a dedicated account
                    manager supports your project at every stage.
                </p>
            </div>

        </div>

    </div>

</section>


<!-- ================= PROCESS ================= -->

<section class="process">

    <div class="container">

        <div class="section-head reveal">
            <small>How It Works</small>
            <h2>Simple, Transparent Process</h2>
            <p>
                From inquiry to delivery, we keep the process clear and efficient.
            </p>
        </div>

        <div class="process-grid">

            <div class="process-step reveal">
                <div class="num">01</div>
                <h3>Send Your Requirements</h3>
                <p>
                    Tell us the models, quantities, specifications or server
                    configurations you need.
                </p>
            </div>

            <div class="process-step reveal">
                <div class="num">02</div>
                <h3>Receive Quotation</h3>
                <p>
                    We verify availability and send a competitive quotation
                    with lead time and shipping options.
                </p>
            </div>

            <div class="process-step reveal">
                <div class="num">03</div>
                <h3>Confirm &amp; Prepare</h3>
                <p>
                    After order confirmation, we inspect, pack and prepare
                    all export documentation.
                </p>
            </div>

            <div class="process-step reveal">
                <div class="num">04</div>
                <h3>Global Delivery</h3>
                <p>
                    Your hardware is shipped to your destination with tracking
                    and after-sales support.
                </p>
            </div>

        </div>

    </div>

</section>


<!-- ================= INDUSTRIES ================= -->

<section class="industries">

    <div class="container">

        <div class="section-head reveal">
            <small>Industries Served</small>
            <h2>Trusted Across Sectors</h2>
            <p>
                We support businesses in a wide range of industries worldwide.
            </p>
        </div>

        <div class="industry-grid">

            <div class="industry-item reveal">
                <div class="ind-icon">🏢</div>
                <h4>Data Centers</h4>
                <p>Servers, SSDs, memory</p>
            </div>

            <div class="industry-item reveal">
                <div class="ind-icon">🤖</div>
                <h4>AI &amp; HPC</h4>
                <p>GPU systems, CPUs, RAM</p>
            </div>

            <div class="industry-item reveal">
                <div class="ind-icon">📡</div>
                <h4>Telecom</h4>
                <p>Networking, storage, servers</p>
            </div>

            <div class="industry-item reveal">
                <div class="ind-icon">🛒</div>
                <h4>IT Resellers</h4>
                <p>Wholesale components</p>
            </div>

            <div class="industry-item reveal">
                <div class="ind-icon">🏭</div>
                <h4>Manufacturing</h4>
                <p>Industrial servers, SSDs</p>
            </div>

            <div class="industry-item reveal">
                <div class="ind-icon">🎓</div>
                <h4>Education</h4>
                <p>Workstations, storage</p>
            </div>

            <div class="industry-item reveal">
                <div class="ind-icon">🏥</div>
                <h4>Healthcare</h4>
                <p>Reliable storage, servers</p>
            </div>

            <div class="industry-item reveal">
                <div class="ind-icon">🎬</div>
                <h4>Media</h4>
                <p>High-capacity storage</p>
            </div>

        </div>

    </div>

</section>


<!-- ================= GLOBAL ================= -->

<section class="global">

    <div class="container">

        <div class="global-box reveal">

            <div>
                <div class="eyebrow">Global Coverage</div>
                <h2>Serving IT Buyers Around the World.</h2>
                <p>
                    Voluns Technology supports distributors, system
                    integrators, data center operators and enterprise
                    customers across international markets with reliable
                    supply and export logistics.
                </p>
                <div class="global-stats">
                    <div>
                        <strong>50+</strong>
                        <span>Countries</span>
                    </div>
                    <div>
                        <strong>500+</strong>
                        <span>Clients</span>
                    </div>
                    <div>
                        <strong>15+</strong>
                        <span>Brand Partners</span>
                    </div>
                </div>
            </div>

            <div class="region-list">
                <div class="region"><span>01</span> Middle East</div>
                <div class="region"><span>02</span> Europe</div>
                <div class="region"><span>03</span> North America</div>
                <div class="region"><span>04</span> Southeast Asia</div>
                <div class="region"><span>05</span> Latin America</div>
                <div class="region"><span>06</span> Africa</div>
            </div>

        </div>

    </div>

</section>


<!-- ================= TESTIMONIALS ================= -->

<section class="testimonials">

    <div class="container">

        <div class="section-head reveal">
            <small>Testimonials</small>
            <h2>What Our Clients Say</h2>
            <p>
                Feedback from businesses we have served around the world.
            </p>
        </div>

        <div class="testi-grid">

            <div class="testi-card reveal">
                <div class="testi-stars">★★★★★</div>
                <p>
                    "Voluns helped us source a large batch of enterprise SSDs
                    at a competitive price. The communication was clear and
                    delivery was on time."
                </p>
                <div class="testi-author">
                    <div class="testi-avatar">D</div>
                    <div>
                        <strong>Data Center Operator</strong>
                        <span>Germany</span>
                    </div>
                </div>
            </div>

            <div class="testi-card reveal">
                <div class="testi-stars">★★★★★</div>
                <p>
                    "We requested a customized server configuration for an AI
                    project. The team understood our needs and delivered exactly
                    what we required."
                </p>
                <div class="testi-author">
                    <div class="testi-avatar">S</div>
                    <div>
                        <strong>System Integrator</strong>
                        <span>United Arab Emirates</span>
                    </div>
                </div>
            </div>

            <div class="testi-card reveal">
                <div class="testi-stars">★★★★★</div>
                <p>
                    "Reliable supplier for CPUs and memory modules. Products
                    arrived well packed with complete documentation. Will order
                    again."
                </p>
                <div class="testi-author">
                    <div class="testi-avatar">R</div>
                    <div>
                        <strong>IT Reseller</strong>
                        <span>Brazil</span>
                    </div>
                </div>
            </div>

        </div>

    </div>

</section>


<!-- ================= CONTACT ================= -->

<section class="contact-section" id="contact">

    <div class="container">

        <div class="contact-layout">

            <div class="contact-info reveal">

                <div class="eyebrow">
                    <span class="dot"></span>
                    Contact Voluns
                </div>

                <h2>Tell Us What You Need.</h2>

                <p>
                    Send us your required models, quantities, specifications
                    or server configuration. Our sales team will review your
                    requirements and provide a competitive quotation.
                </p>

                <div class="info-item">
                    <div class="info-icon">✉</div>
                    <div>
                        <h4>Email</h4>
                        <a href="mailto:sales@voluns.com">sales@voluns.com</a>
                    </div>
                </div>

                <div class="info-item">
                    <div class="info-icon">◉</div>
                    <div>
                        <h4>WhatsApp</h4>
                        <a href="https://wa.me/8613800000000" target="_blank">+86 138 0000 0000</a>
                    </div>
                </div>

                <div class="info-item">
                    <div class="info-icon">⌖</div>
                    <div>
                        <h4>Company</h4>
                        <p>Voluns Technology Co., Ltd.</p>
                    </div>
                </div>

                <div class="info-item">
                    <div class="info-icon">◷</div>
                    <div>
                        <h4>Business Hours</h4>
                        <p>Monday – Friday · 09:00 – 18:00 (CST)</p>
                    </div>
                </div>

            </div>

            <div class="contact-form reveal">

                <div class="form-top">
                    <h3>Request a Quote</h3>
                    <p>Complete the form and our team will contact you shortly.</p>
                </div>

                <form action="#" method="POST">

                    <div class="form-grid">

                        <div class="field">
                            <label>FULL NAME *</label>
                            <input type="text" name="name" placeholder="Your name" required>
                        </div>

                        <div class="field">
                            <label>COMPANY NAME</label>
                            <input type="text" name="company" placeholder="Company name">
                        </div>

                        <div class="field">
                            <label>BUSINESS EMAIL *</label>
                            <input type="email" name="email" placeholder="you@company.com" required>
                        </div>

                        <div class="field">
                            <label>WHATSAPP / PHONE</label>
                            <input type="text" name="phone" placeholder="+1 234 567 890">
                        </div>

                        <div class="field">
                            <label>PRODUCT CATEGORY</label>
                            <select name="category">
                                <option value="">Select product</option>
                                <option>CPU / Processor</option>
                                <option>Storage Chip</option>
                                <option>Memory Module</option>
                                <option>Server System</option>
                                <option>Custom Configuration</option>
                                <option>Other Hardware</option>
                            </select>
                        </div>

                        <div class="field">
                            <label>QUANTITY</label>
                            <input type="text" name="quantity" placeholder="e.g. 100 pcs">
                        </div>

                        <div class="field full">
                            <label>YOUR REQUIREMENTS *</label>
                            <textarea name="message" placeholder="Please provide model numbers, capacity, specifications, quantity, target price or server configuration requirements..." required></textarea>
                        </div>

                    </div>

                    <button type="submit" class="btn btn-primary submit">Send Inquiry →</button>

                </form>

            </div>

        </div>

    </div>

</section>


<!-- ================= FAQ ================= -->

<section class="faq" id="faq">

    <div class="container">

        <div class="section-head reveal">
            <small>FAQ</small>
            <h2>Before You Contact Us</h2>
            <p>A few common questions from our international customers.</p>
        </div>

        <div class="faq-list reveal">

            <details>
                <summary>Can you source specific CPU models?</summary>
                <p>Yes. Send us the exact model number, quantity and condition requirement. We can check availability and provide a quotation.</p>
            </details>

            <details>
                <summary>Do you supply storage chips and memory modules?</summary>
                <p>Yes. We supply enterprise storage chips and DDR4/DDR5 memory modules including ECC RDIMM and LRDIMM for servers.</p>
            </details>

            <details>
                <summary>Can you configure complete servers?</summary>
                <p>Yes. Tell us your CPU, RAM, storage, RAID, networking, power supply and chassis requirements and we can prepare a complete server configuration.</p>
            </details>

            <details>
                <summary>What information should I include in my inquiry?</summary>
                <p>Ideally include the product model, quantity, required condition, target market, delivery destination and technical specifications.</p>
            </details>

        </div>

    </div>

</section>


<!-- ================= CTA ================= -->

<section class="cta">

    <div class="container reveal">

        <div class="eyebrow">Start Your Inquiry</div>

        <h2>Need Hardware? Let's Talk.</h2>

        <p>Send your requirements today and get a competitive quotation.</p>

        <a href="#contact" class="btn btn-primary">Contact Voluns Technology →</a>

    </div>

</section>


<!-- ================= WHATSAPP ================= -->

<a href="https://wa.me/8613800000000" target="_blank" class="whatsapp" aria-label="WhatsApp">☎</a>


<script>
(function () {
    var revealElements = document.querySelectorAll('.reveal');

    if (!('IntersectionObserver' in window)) {
        revealElements.forEach(function (el) {
            el.classList.add('visible');
        });
        return;
    }

    var observer = new IntersectionObserver(
        function (entries, obs) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                    obs.unobserve(entry.target);
                }
            });
        },
        {
            threshold: 0.12,
            rootMargin: '0px 0px -50px 0px'
        }
    );

    revealElements.forEach(function (el) {
        observer.observe(el);
    });
})();
</script>

</body>
</html>/* End custom CSS */