/* =========================================================
ARCANUS OUTFITTERS — ABOUT US PAGE
FULL WIDTH • NO MENU • ANIMATED
========================================================= */
.arc-about-page{
--teal:#20aaa7;
--teal-dark:#087f7c;
--teal-deep:#045c5b;
--mint:#e5f8f7;
--mint-light:#f4fcfb;
--dark:#082a2a;
--text:#526b6b;
--white:#fff;
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
overflow:hidden;
font-family:Arial,Helvetica,sans-serif;
color:var(--dark);
background:#fff;
}
.arc-about-page *,
.arc-about-page *::before,
.arc-about-page *::after{
box-sizing:border-box;
}
.arc-about-page a{
text-decoration:none;
}
/* =========================================================
TOP BRAND STRIP
========================================================= */
.arc-about-top{
width:100%;
min-height:48px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:13px;
padding:12px 20px;
background:var(--teal-deep);
color:#fff;
font-size:12px;
font-weight:800;
letter-spacing:1.5px;
text-align:center;
}
.arc-about-top-dot{
width:6px;
height:6px;
border-radius:50%;
background:#a4fffa;
}
/* =========================================================
BRAND HEADER — NO MENU
========================================================= */
.arc-about-brand{
position:absolute;
top:48px;
left:0;
width:100%;
z-index:20;
padding:24px 6%;
}
.arc-about-brand-inner{
display:flex;
align-items:center;
gap:15px;
}
.arc-about-logo{
width:68px;
height:68px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 12px 35px rgba(4,92,91,.14);
position:relative;
}
.arc-about-logo-inner{
width:52px;
height:52px;
border-radius:50%;
background:linear-gradient(
145deg,
#55d8d3,
var(--teal-dark)
);
position:relative;
}
.arc-about-logo-inner::before{
content:"";
position:absolute;
width:32px;
height:13px;
left:10px;
top:19px;
border-top:5px solid #fff;
border-bottom:5px solid #fff;
border-radius:50%;
transform:rotate(-8deg);
}
.arc-about-logo-inner::after{
content:"";
position:absolute;
width:7px;
height:7px;
border-radius:50%;
background:#fff;
left:23px;
top:23px;
box-shadow:
-19px 0 0 #fff,
19px 0 0 #fff;
}
.arc-about-brand-text strong{
display:block;
color:var(--teal-dark);
font-size:21px;
letter-spacing:3px;
}
.arc-about-brand-text span{
display:block;
margin-top:7px;
color:#698383;
font-size:9px;
font-weight:700;
letter-spacing:3px;
}
/* =========================================================
HERO
========================================================= */
.arc-about-hero{
width:100%;
min-height:620px;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
background:
radial-gradient(
circle at 85% 20%,
rgba(32,170,167,.18),
transparent 28%
),
radial-gradient(
circle at 10% 90%,
rgba(32,170,167,.10),
transparent 28%
),
linear-gradient(
135deg,
#fff 0%,
#f2fcfb 55%,
#dff7f6 100%
);
}
.arc-about-hero::before{
content:"";
position:absolute;
width:650px;
height:650px;
right:-280px;
top:-220px;
border-radius:50%;
border:1px solid rgba(32,170,167,.16);
box-shadow:
0 0 0 65px rgba(32,170,167,.035),
0 0 0 130px rgba(32,170,167,.02);
animation:arcAboutRotate 25s linear infinite;
}
.arc-about-hero::after{
content:"";
position:absolute;
width:400px;
height:400px;
left:-260px;
bottom:-250px;
border-radius:50%;
background:rgba(32,170,167,.07);
}
.arc-about-hero-inner{
width:100%;
padding:
170px 7% 80px;
display:grid;
grid-template-columns:
1.05fr .95fr;
gap:70px;
align-items:center;
position:relative;
z-index:5;
}
/* =========================================================
HERO CONTENT
========================================================= */
.arc-about-eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
padding:11px 18px;
border:1px solid rgba(32,170,167,.25);
border-radius:50px;
background:rgba(255,255,255,.78);
color:var(--teal-dark);
font-size:11px;
font-weight:900;
letter-spacing:1.8px;
animation:arcAboutUp .8s ease both;
}
.arc-about-eyebrow i{
width:8px;
height:8px;
border-radius:50%;
background:var(--teal);
box-shadow:
0 0 0 6px rgba(32,170,167,.10);
}
.arc-about-hero h1{
margin:27px 0 0;
font-size:
clamp(48px,6vw,82px);
line-height:.94;
letter-spacing:-5px;
font-weight:900;
color:var(--dark);
animation:arcAboutUp .9s .1s ease both;
}
.arc-about-hero h1 span{
color:var(--teal);
}
.arc-about-hero-text{
max-width:700px;
margin-top:28px;
color:var(--text);
font-size:17px;
line-height:1.85;
animation:arcAboutUp .9s .2s ease both;
}
/* =========================================================
HERO ART
========================================================= */
.arc-about-hero-art{
min-height:430px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.arc-about-big-circle{
width:380px;
height:380px;
border-radius:50%;
background:
linear-gradient(
145deg,
#4fd4d0,
var(--teal-dark)
);
box-shadow:
0 40px 80px rgba(8,127,124,.22);
position:relative;
display:flex;
align-items:center;
justify-content:center;
animation:arcAboutFloat 5s ease-in-out infinite;
}
.arc-about-big-circle::before{
content:"";
width:290px;
height:290px;
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
position:absolute;
}
.arc-about-big-circle::after{
content:"";
width:210px;
height:210px;
border:1px solid rgba(255,255,255,.18);
border-radius:50%;
position:absolute;
}
.arc-about-symbol{
width:150px;
height:150px;
border-radius:50%;
background:#fff;
position:relative;
z-index:5;
box-shadow:
0 25px 55px rgba(0,0,0,.13);
}
.arc-about-symbol::before{
content:"";
position:absolute;
width:90px;
height:42px;
left:30px;
top:54px;
border-top:10px solid var(--teal);
border-bottom:10px solid var(--teal);
border-radius:50%;
transform:rotate(-8deg);
}
.arc-about-symbol::after{
content:"";
position:absolute;
width:15px;
height:15px;
border-radius:50%;
background:var(--teal);
left:67px;
top:67px;
box-shadow:
-47px 0 0 var(--teal),
47px 0 0 var(--teal);
}
/* floating cards */
.arc-about-float{
position:absolute;
z-index:10;
padding:18px 22px;
background:rgba(255,255,255,.94);
border:1px solid rgba(255,255,255,.9);
border-radius:20px;
box-shadow:
0 18px 45px rgba(0,0,0,.10);
}
.arc-about-float strong{
display:block;
color:var(--teal-dark);
font-size:27px;
}
.arc-about-float span{
display:block;
margin-top:5px;
color:#718888;
font-size:10px;
font-weight:800;
}
.arc-about-float.one{
top:45px;
left:2%;
animation:arcAboutFloatSmall 4s ease-in-out infinite;
}
.arc-about-float.two{
right:0;
bottom:45px;
animation:arcAboutFloatSmall 4s 1s ease-in-out infinite;
}
/* =========================================================
INTRO SECTION
========================================================= */
.arc-about-intro{
width:100%;
padding:110px 7%;
background:#fff;
}
.arc-about-intro-grid{
max-width:1250px;
margin:auto;
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:80px;
align-items:start;
}
.arc-section-label{
color:var(--teal);
font-size:11px;
font-weight:900;
letter-spacing:2px;
text-transform:uppercase;
}
.arc-about-intro h2{
margin:14px 0 0;
font-size:
clamp(36px,4vw,58px);
line-height:1;
letter-spacing:-3px;
}
.arc-about-intro h2 span{
color:var(--teal);
}
.arc-about-established{
display:inline-block;
margin-top:25px;
padding:13px 19px;
border-radius:50px;
background:var(--mint);
color:var(--teal-dark);
font-size:12px;
font-weight:900;
}
.arc-about-intro-copy p{
margin:0 0 18px;
color:var(--text);
font-size:16px;
line-height:1.9;
}
/* =========================================================
OUR APPROACH
========================================================= */
.arc-approach{
width:100%;
padding:115px 7%;
background:
linear-gradient(
135deg,
#f4fcfb,
#e3f8f6
);
}
.arc-heading{
max-width:780px;
margin:0 auto 60px;
text-align:center;
}
.arc-heading h2{
margin:12px 0 16px;
font-size:
clamp(38px,4.5vw,62px);
line-height:1;
letter-spacing:-3px;
}
.arc-heading h2 span{
color:var(--teal);
}
.arc-heading p{
color:var(--text);
line-height:1.8;
font-size:15px;
}
.arc-approach-grid{
max-width:1250px;
margin:auto;
display:grid;
grid-template-columns:
repeat(5,1fr);
gap:18px;
}
.arc-approach-card{
min-height:285px;
padding:30px 23px;
background:#fff;
border:1px solid #dcefee;
border-radius:26px;
position:relative;
overflow:hidden;
transition:
transform .35s ease,
box-shadow .35s ease;
}
.arc-approach-card:hover{
transform:translateY(-9px);
box-shadow:
0 25px 55px rgba(8,127,124,.13);
}
.arc-approach-card::before{
content:"";
position:absolute;
width:100px;
height:100px;
right:-50px;
top:-50px;
border-radius:50%;
background:rgba(32,170,167,.08);
transition:.4s;
}
.arc-approach-card:hover::before{
transform:scale(1.8);
}
.arc-approach-number{
position:relative;
z-index:2;
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
border-radius:15px;
background:var(--mint);
color:var(--teal-dark);
font-weight:900;
margin-bottom:25px;
}
.arc-approach-card h3{
position:relative;
z-index:2;
margin:0 0 12px;
font-size:18px;
}
.arc-approach-card p{
position:relative;
z-index:2;
margin:0;
color:var(--text);
font-size:13px;
line-height:1.75;
}
/* =========================================================
PRODUCT ECOSYSTEM
========================================================= */
.arc-products{
width:100%;
padding:115px 7%;
background:#fff;
}
.arc-product-layout{
max-width:1250px;
margin:auto;
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:75px;
align-items:center;
}
.arc-product-left h2{
margin:13px 0 20px;
font-size:
clamp(38px,4vw,58px);
line-height:1;
letter-spacing:-3px;
}
.arc-product-left h2 span{
color:var(--teal);
}
.arc-product-left p{
color:var(--text);
font-size:15px;
line-height:1.85;
}
.arc-product-art{
width:330px;
height:330px;
margin:35px auto 0;
border-radius:42% 58% 55% 45%;
background:
linear-gradient(
145deg,
#52d5d0,
var(--teal-dark)
);
position:relative;
box-shadow:
0 30px 65px rgba(8,127,124,.20);
transform:rotate(-7deg);
}
.arc-product-art::before{
content:"";
position:absolute;
width:230px;
height:230px;
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
.arc-product-art::after{
content:"APPAREL";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%) rotate(7deg);
color:#fff;
font-size:24px;
font-weight:900;
letter-spacing:5px;
}
.arc-product-list{
display:grid;
grid-template-columns:
1fr 1fr;
gap:13px;
}
.arc-product-item{
min-height:60px;
display:flex;
align-items:center;
gap:12px;
padding:15px 17px;
background:var(--mint-light);
border:1px solid #dcefee;
border-radius:14px;
color:var(--dark);
font-size:13px;
font-weight:800;
transition:.3s;
}
.arc-product-item:hover{
transform:translateX(5px);
border-color:var(--teal);
}
.arc-product-check{
width:28px;
height:28px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:var(--teal);
color:#fff;
font-size:12px;
}
/* =========================================================
MORE THAN APPAREL
========================================================= */
.arc-possibilities{
width:100%;
padding:115px 7%;
background:
linear-gradient(
135deg,
var(--teal-deep),
var(--teal)
);
color:#fff;
position:relative;
overflow:hidden;
}
.arc-possibilities::before{
content:"";
width:550px;
height:550px;
border-radius:50%;
border:1px solid rgba(255,255,255,.12);
position:absolute;
right:-220px;
top:-250px;
}
.arc-possibilities .arc-heading{
position:relative;
z-index:2;
}
.arc-possibilities .arc-section-label{
color:#a5fffb;
}
.arc-possibilities .arc-heading h2{
color:#fff;
}
.arc-possibilities .arc-heading h2 span{
color:#a5fffb;
}
.arc-possibilities .arc-heading p{
color:rgba(255,255,255,.70);
}
.arc-possibility-grid{
max-width:1250px;
margin:auto;
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:18px;
position:relative;
z-index:2;
}
.arc-possibility-card{
min-height:190px;
padding:27px;
border:1px solid rgba(255,255,255,.15);
background:rgba(255,255,255,.09);
backdrop-filter:blur(12px);
border-radius:23px;
transition:.35s;
}
.arc-possibility-card:hover{
background:rgba(255,255,255,.15);
transform:translateY(-8px);
}
.arc-possibility-icon{
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:#fff;
color:var(--teal-dark);
font-weight:900;
margin-bottom:20px;
}
.arc-possibility-card h3{
margin:0 0 9px;
font-size:18px;
}
.arc-possibility-card p{
margin:0;
color:rgba(255,255,255,.67);
font-size:13px;
line-height:1.65;
}
/* =========================================================
VISION + MISSION
========================================================= */
.arc-vision{
width:100%;
padding:115px 7%;
background:#fff;
}
.arc-vision-grid{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
}
.arc-vision-card{
padding:45px 38px;
border-radius:30px;
background:var(--mint-light);
border:1px solid #dcefee;
position:relative;
overflow:hidden;
transition:.35s;
}
.arc-vision-card:hover{
transform:translateY(-7px);
box-shadow:
0 25px 55px rgba(8,127,124,.10);
}
.arc-vision-card::after{
content:"";
position:absolute;
width:160px;
height:160px;
right:-70px;
bottom:-80px;
border-radius:50%;
background:rgba(32,170,167,.08);
}
.arc-vision-label{
display:inline-block;
margin-bottom:17px;
color:var(--teal-dark);
font-size:11px;
font-weight:900;
letter-spacing:2px;
}
.arc-vision-card h3{
margin:0 0 17px;
font-size:30px;
letter-spacing:-1px;
}
.arc-vision-card p{
margin:0;
color:var(--text);
font-size:15px;
line-height:1.85;
}
/* =========================================================
FINAL CTA
========================================================= */
.arc-about-cta{
width:100%;
padding:100px 7%;
background:
radial-gradient(
circle at 90% 30%,
rgba(255,255,255,.16),
transparent 25%
),
linear-gradient(
135deg,
var(--teal-dark),
var(--teal)
);
color:#fff;
position:relative;
overflow:hidden;
}
.arc-about-cta::before{
content:"";
position:absolute;
width:500px;
height:500px;
right:-220px;
top:-260px;
border-radius:50%;
border:1px solid rgba(255,255,255,.12);
}
.arc-about-cta-inner{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
position:relative;
z-index:2;
}
.arc-about-cta h2{
max-width:800px;
margin:0;
font-size:
clamp(38px,5vw,65px);
line-height:1;
letter-spacing:-3px;
}
.arc-about-cta h2 span{
color:#a5fffb;
}
.arc-about-cta p{
max-width:700px;
margin:20px 0 0;
color:rgba(255,255,255,.72);
line-height:1.7;
font-size:15px;
}
.arc-about-cta-button{
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 29px;
background:#fff;
color:var(--teal-dark);
border-radius:50px;
font-size:13px;
font-weight:900;
transition:.3s;
box-shadow:
0 15px 35px rgba(0,0,0,.13);
}
.arc-about-cta-button:hover{
transform:translateY(-5px);
}
/* =========================================================
FOOTER — SAME STYLE AS PREVIOUS PAGE
========================================================= */
.arc-about-footer{
width:100%;
background:#063f3e;
color:#fff;
padding:
70px 6%
25px;
}
.arc-about-footer-grid{
display:grid;
grid-template-columns:
1.6fr 1fr 1fr;
gap:60px;
max-width:1300px;
margin:auto;
}
.arc-about-footer-brand h3{
margin:0 0 8px;
font-size:22px;
letter-spacing:3px;
}
.arc-about-footer-brand small{
color:#91efeb;
letter-spacing:2px;
}
.arc-about-footer-brand p{
max-width:500px;
color:rgba(255,255,255,.62);
font-size:13px;
line-height:1.8;
margin-top:20px;
}
.arc-about-footer-col h4{
color:#9ff7f3;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
margin:0 0 20px;
}
.arc-about-footer-col a{
display:block;
color:rgba(255,255,255,.68);
font-size:13px;
margin-bottom:12px;
transition:.3s;
}
.arc-about-footer-col a:hover{
color:#fff;
transform:translateX(4px);
}
.arc-about-footer-bottom{
max-width:1300px;
margin:50px auto 0;
padding-top:22px;
border-top:1px solid rgba(255,255,255,.12);
display:flex;
justify-content:space-between;
gap:20px;
color:rgba(255,255,255,.45);
font-size:11px;
}
/* =========================================================
REVEAL
========================================================= */
.arc-about-page .arc-reveal{
opacity:0;
transform:translateY(35px);
transition:
opacity .8s ease,
transform .8s ease;
}
.arc-about-page .arc-reveal.show{
opacity:1;
transform:translateY(0);
}
/* =========================================================
ANIMATIONS
========================================================= */
@keyframes arcAboutUp{
from{
opacity:0;
transform:translateY(25px);
}
to{
opacity:1;
transform:translateY(0);
}
}
@keyframes arcAboutFloat{
0%,100%{
transform:translateY(0) rotate(0deg);
}
50%{
transform:translateY(-14px) rotate(2deg);
}
}
@keyframes arcAboutFloatSmall{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-10px);
}
}
@keyframes arcAboutRotate{
from{
transform:rotate(0);
}
to{
transform:rotate(360deg);
}
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1100px){
.arc-about-hero-inner{
grid-template-columns:1fr;
text-align:center;
}
.arc-about-hero-text{
margin-left:auto;
margin-right:auto;
}
.arc-about-hero-art{
min-height:430px;
}
.arc-about-intro-grid{
grid-template-columns:1fr;
gap:45px;
}
.arc-approach-grid{
grid-template-columns:
repeat(3,1fr);
}
.arc-product-layout{
grid-template-columns:1fr;
}
.arc-product-left{
text-align:center;
}
.arc-product-left p{
max-width:700px;
margin-left:auto;
margin-right:auto;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.arc-about-top{
font-size:8px;
letter-spacing:.7px;
gap:7px;
}
.arc-about-brand{
padding:18px 6%;
}
.arc-about-logo{
width:53px;
height:53px;
}
.arc-about-logo-inner{
width:42px;
height:42px;
}
.arc-about-brand-text strong{
font-size:16px;
letter-spacing:2px;
}
.arc-about-brand-text span{
font-size:7px;
letter-spacing:1.8px;
}
.arc-about-hero{
min-height:auto;
}
.arc-about-hero-inner{
padding:
145px 6% 65px;
gap:10px;
}
.arc-about-hero h1{
font-size:
clamp(44px,12vw,62px);
letter-spacing:-3px;
}
.arc-about-hero-text{
font-size:14px;
}
.arc-about-hero-art{
min-height:370px;
}
.arc-about-big-circle{
width:285px;
height:285px;
}
.arc-about-big-circle::before{
width:215px;
height:215px;
}
.arc-about-big-circle::after{
width:160px;
height:160px;
}
.arc-about-symbol{
width:115px;
height:115px;
}
.arc-about-symbol::before{
width:70px;
height:34px;
left:22px;
top:40px;
}
.arc-about-symbol::after{
width:11px;
height:11px;
left:52px;
top:52px;
box-shadow:
-37px 0 0 var(--teal),
37px 0 0 var(--teal);
}
.arc-about-float{
padding:12px 14px;
}
.arc-about-float strong{
font-size:19px;
}
.arc-about-float span{
font-size:8px;
}
.arc-about-intro,
.arc-approach,
.arc-products,
.arc-vision{
padding:
80px 6%;
}
.arc-about-intro h2{
font-size:39px;
}
.arc-approach-grid{
grid-template-columns:1fr;
}
.arc-approach-card{
min-height:auto;
}
.arc-heading{
margin-bottom:40px;
}
.arc-heading h2{
font-size:39px;
}
.arc-product-art{
width:260px;
height:260px;
}
.arc-product-list{
grid-template-columns:1fr;
}
.arc-possibilities{
padding:
80px 6%;
}
.arc-possibility-grid{
grid-template-columns:1fr;
}
.arc-vision-grid{
grid-template-columns:1fr;
}
.arc-vision-card{
padding:32px 26px;
}
.arc-about-cta{
padding:
75px 7%;
}
.arc-about-cta-inner{
flex-direction:column;
align-items:flex-start;
}
.arc-about-cta h2{
font-size:43px;
}
.arc-about-cta-button{
width:100%;
}
.arc-about-footer{
padding:
60px 7% 25px;
}
.arc-about-footer-grid{
grid-template-columns:1fr;
gap:35px;
}
.arc-about-footer-bottom{
flex-direction:column;
text-align:center;
line-height:1.7;
}
}
ARCANUS OUTFITTERS
SINCE 2003
QUALITY • STYLE • EXPERIENCE
ARCANUS
OUTFITTERS • SINCE 2003
ABOUT ARCANUS OUTFITTERS
Fashion.
Quality.
Opportunity.
ARCANUS OUTFITTERS is a Lucknow-based apparel
brand focused on fashion, product variety and
business-focused apparel supply.
2003
ESTABLISHED
20+
YEARS OF EXPERIENCE
ABOUT ARCANUS OUTFITTERS
Established in
2003
LUCKNOW • INDIA
ARCANUS OUTFITTERS is a Lucknow-based apparel
brand focused on fashion, product variety and
business-focused apparel supply.
Since 2003, our approach has been centred around
understanding apparel requirements, offering diverse
product categories and building long-term relationships
with customers and business partners.
Our ecosystem brings together apparel collections
for customers along with opportunities for retailers,
resellers, entrepreneurs, franchise partners and
distributors.
OUR APPROACH
Built Around
What Matters.
Our approach is centred around product variety,
understanding requirements, quality and long-term
relationships.
01
Product Variety
We work across multiple apparel categories,
giving customers and business buyers access
to a diverse product range.
02
Understanding Buyer Requirements
We focus on understanding product, quantity
and business requirements before moving forward.
03
Quality-Focused Approach
We pay attention to product quality, finish
and overall presentation.
04
Clear Communication
We believe clear discussions around products,
quantities, pricing and commercial terms are
important for long-term relationships.
05
Partnership-Focused Growth
Our goal is to build sustainable relationships
with customers and business partners.
OUR PRODUCT ECOSYSTEM
A Growing
Apparel Range.
ARCANUS OUTFITTERS works across a growing range
of apparel categories, including:
✓
Women’s Wear
✓
Kurtis & Palazzo Sets
✓
Kids’ Wear
✓
Girls’ Dresses
✓
Boys’ Kurta Sets
✓
Women’s & Kids’ Night Suits
✓
Men’s & Boys’ Shirts
✓
Co-ord Sets
✓
Festive & Occasion Wear
✓
New Arrivals
MORE THAN APPAREL
One Brand.
Multiple Possibilities.
ARCANUS OUTFITTERS serves different types of
customers and business partners.
01
Customers
Explore and shop apparel collections.
02
Retailers & Boutiques
Source products for your retail business.
03
Resellers
Explore applicable online and offline
selling opportunities.
04
Entrepreneurs
Explore apparel business opportunities.
05
Franchise Partners
Enquire about building a branded retail presence.
06
Distributors & Stockists
Explore regional business opportunities.
OUR DIRECTION
Vision.
Mission.
OUR VISION
Building a Trusted Future
To build a trusted and modern apparel ecosystem
that connects fashion, customers and business
opportunities.
OUR MISSION
Creating Opportunities
To offer diverse apparel products while creating
professionally structured opportunities for
retailers, resellers and entrepreneurs.
Looking to Work
With Arcanus?
Whether you are sourcing products, starting a
business or exploring a long-term partnership,
connect with our team to discuss your requirements.
SEND A BUSINESS ENQUIRY →
(function(){
/* ==========================================
SCROLL REVEAL
========================================== */
const items =
document.querySelectorAll(
".arc-about-page .arc-reveal"
);
const observer =
new IntersectionObserver(
function(entries){
entries.forEach(function(entry){
if(entry.isIntersecting){
entry.target.classList.add("show");
observer.unobserve(entry.target);
}
});
},
{
threshold:.12
}
);
items.forEach(function(item){
observer.observe(item);
});
/* ==========================================
SMOOTH SCROLL
========================================== */
document
.querySelectorAll(
'.arc-about-page a[href^="#"]'
)
.forEach(function(link){
link.addEventListener(
"click",
function(e){
const id =
this.getAttribute("href");
if(id === "#"){
return;
}
const target =
document.querySelector(id);
if(target){
e.preventDefault();
target.scrollIntoView({
behavior:"smooth"
});
}
}
);
});
})();