!DOCTYPE html
html lang=fa dir=rtl
head
meta charset=UTF-8
meta name=viewport content=width=device-width, initial-scale=1.0
meta name=description content=بارمان لجستیک خدمات تخصصی حملونقل و گروپاژ به اروپا. راهکار بیدغدغه شما برای ارسال خردهبار و لجستیک بینالمللی.
titleبارمان لجستیک خدمات تخصصی حملونقل و گروپاژ به اروپاtitle
!-- Google Fonts Vazirmatn (FA) and Outfit (EN) --
link rel=preconnect href=httpsfonts.googleapis.com
link rel=preconnect href=httpsfonts.gstatic.com crossorigin
link href=httpsfonts.googleapis.comcss2family=Outfitwght@300;400;600;800;900&family=Vazirmatnwght@300;400;600;800;900&display=swap rel=stylesheet
!-- Tailwind CSS --
script src=httpscdn.tailwindcss.comscript
!-- GSAP & ScrollTrigger --
script src=httpscdnjs.cloudflare.comajaxlibsgsap3.12.2gsap.min.jsscript
script src=httpscdnjs.cloudflare.comajaxlibsgsap3.12.2ScrollTrigger.min.jsscript
script
tailwind.config = {
theme {
extend {
colors {
dark '#08080a',
darker '#050507',
accent '#2da1d7',
light '#ffffff',
grayTxt '#a0a5b5',
glass 'rgba(255, 255, 255, 0.03)',
glassBorder 'rgba(255, 255, 255, 0.08)'
},
fontFamily {
vazir ['Vazirmatn', 'sans-serif'],
outfit ['Outfit', 'sans-serif'],
},
backgroundImage {
'gradient-radial' 'radial-gradient(var(--tw-gradient-stops))',
}
}
}
}
script
style
root {
--fs-display clamp(2.5rem, 6vw + 1rem, 7rem);
--fs-h1 clamp(2rem, 4vw + 1rem, 4.5rem);
--fs-h2 clamp(1.5rem, 3vw + 0.5rem, 3rem);
}
body {
background-color #08080a;
color #ffffff;
overflow-x hidden;
scroll-behavior smooth;
}
Fluid Typography Classes
.text-display { font-size var(--fs-display); line-height 1.1; font-weight 900; letter-spacing -0.02em; }
.text-h1 { font-size var(--fs-h1); line-height 1.2; font-weight 800; }
.text-h2 { font-size var(--fs-h2); line-height 1.3; font-weight 800; }
Font toggling based on html[lang]
html[lang=fa] body { font-family 'Vazirmatn', sans-serif; }
html[lang=en] body { font-family 'Outfit', sans-serif; }
Glow effects
.neon-text {
text-shadow 0 0 20px rgba(45, 161, 215, 0.5);
}
.neon-box {
box-shadow 0 0 30px rgba(45, 161, 215, 0.2);
transition box-shadow 0.4s ease, transform 0.4s ease;
}
.neon-boxhover {
box-shadow 0 0 50px rgba(45, 161, 215, 0.5);
transform translateY(-5px);
}
Glassmorphism
.glass-panel {
background var(--glass);
backdrop-filter blur(16px);
-webkit-backdrop-filter blur(16px);
border 1px solid var(--glassBorder);
}
Dynamic Grid Background
.bg-grid {
background-size 50px 50px;
background-image
linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
mask-image radial-gradient(ellipse at center, black 40%, transparent 80%);
-webkit-mask-image radial-gradient(ellipse at center, black 40%, transparent 80%);
}
Marquee
.marquee-container {
display flex;
width max-content;
animation marquee 120s linear infinite;
}
.marquee-containerhover {
animation-play-state paused;
}
@keyframes marquee {
0% { transform translateX(0); }
100% { transform translateX(50%); } Positive translation because of RTL base, JS will adjust
}
html[lang=en] .marquee-container {
animation marquee-en 120s linear infinite;
}
html[lang=en] .marquee-containerhover {
animation-play-state paused;
}
@keyframes marquee-en {
0% { transform translateX(0); }
100% { transform translateX(-50%); }
}
.marquee-container span {
display inline-block;
transition all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
cursor pointer;
}
.marquee-container spanhover {
color #ffffff;
text-shadow 0 0 20px rgba(45, 161, 215, 0.8), 0 0 40px rgba(45, 161, 215, 0.4);
transform scale(1.15) translateY(-5px);
z-index 10;
}
Accordion CSS trick
.accordion-content {
display grid;
grid-template-rows 0fr;
transition grid-template-rows 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.accordion-content div {
overflow hidden;
min-height 0; Fixes grid transition issues in some browsers
}
.accordion-item.active .accordion-content {
grid-template-rows 1fr;
}
.accordion-icon {
transition transform 0.4s ease;
}
.accordion-item.active .accordion-icon {
transform rotate(45deg);
color #2da1d7;
}
Custom Scrollbar
-webkit-scrollbar { width 8px; }
-webkit-scrollbar-track { background #050507; }
-webkit-scrollbar-thumb { background #2da1d7; border-radius 4px; }
-webkit-scrollbar-thumbhover { background #1a7fae; }
3D Liquid Orb Effect
.orb {
position absolute;
border-radius 50%;
filter blur(80px);
opacity 0.4;
z-index -1;
animation float 10s ease-in-out infinite alternate;
}
@keyframes float {
0% { transform translate(0, 0) scale(1); }
100% { transform translate(30px, -50px) scale(1.1); }
}
style
head
body class=relative antialiased text-light selectionbg-accent selectiontext-white
!-- Ambient Background Orbs --
div class=orb bg-accent w-[400px] h-[400px] top-[-100px] left-[-100px]div
div class=orb bg-blue-800 w-[500px] h-[500px] bottom-[20%] right-[-150px] opacity-20div
nav class=fixed top-0 left-0 w-full z-50 glass-panel border-b-0 border-white5 py-4 px-6 mdpx-12
div class=max-w-7xl mx-auto flex justify-between items-center
!-- Logo --
a href=# class=flex items-center gap-3 group
div class=w-14 h-14 rounded-full bg-white overflow-hidden flex items-center justify-center p-0.5 group-hovershadow-[0_0_20px_#2da1d7] transition-all duration-300
img src=photo_2024-10-23_12-05-00_2.jpg alt=Barman Logistics class=w-full h-full object-contain rounded-full
div
div class=flex gap-2 text-2xl mdtext-3xl font-black tracking-widest drop-shadow-[0_2px_10px_rgba(45,161,215,0.4)]
span class=text-white data-i18n=logo_barmanبارمانspan
span class=text-accent data-i18n=logo_logisticsلجستیکspan
div
a
!-- Language Toggle --
button id=lang-toggle class=glass-panel px-4 py-2 rounded-full font-bold text-sm hoverbg-white10 transition-colors flex items-center gap-2 text-grayTxt
span id=lang-fa class=text-white drop-shadow-[0_0_5px_#2da1d7]FAspan
span class=opacity-50span
span id=lang-en class=opacity-50ENspan
button
div
nav
header class=relative min-h-screen flex items-center justify-center pt-20 overflow-hidden
div class=absolute inset-0 bg-grid opacity-30 z-[-1]div
div class=max-w-7xl mx-auto px-6 mdpx-12 relative z-10 text-center w-full flex flex-col items-center
h1 class=text-display mb-6 uppercase text-transparent bg-clip-text bg-gradient-to-b from-white to-grayTxt gs-reveal
span data-i18n=hero_title_1 class=blockراهکار بیدغدغهspan
span data-i18n=hero_title_2 class=block text-accent neon-textبه قلب اروپا و سراسر جهانspan
h1
p class=text-lg mdtext-2xl text-grayTxt max-w-3xl mx-auto mb-12 gs-reveal data-i18n=hero_desc style=line-height 1.8;
اعتبار در هر مرز، تخصص در هر مسیر؛ راهکار بیدغدغه شما برای رسیدن به قلب اروپا و دروازههای تجارت جهانی.
p
button class=gs-reveal glass-panel neon-box px-10 py-5 rounded-full text-lg font-bold flex items-center gap-4 bg-white5 hoverbg-accent hovertext-dark transition-all duration-500 group
span data-i18n=cta_btnشروع همکاری لجستیکیspan
svg xmlns=httpwww.w3.org2000svg class=h-6 w-6 transform group-hovertranslate-x-[-5px] rtlgroup-hovertranslate-x-[5px] transition-transform fill=none viewBox=0 0 24 24 stroke=currentColor
path stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M14 5l7 7m0 0l-7 7m7-7H3
svg
button
div
header
section class=py-24 relative border-y border-white5 bg-darker z-10
div class=max-w-7xl mx-auto px-6 mdpx-12
div class=grid grid-cols-1 mdgrid-cols-2 lggrid-cols-4 gap-8
!-- Stat 1 --
div class=glass-panel p-8 rounded-3xl text-center border-t-accent30 gs-reveal
div class=text-5xl font-black text-accent mb-2 font-outfit dir=ltrspan class=counter data-target=100span+div
div class=text-grayTxt font-semibold data-i18n=stat_1بیش از یک دهه تجربهdiv
div
!-- Stat 2 --
div class=glass-panel p-8 rounded-3xl text-center border-t-accent30 gs-reveal style=transition-delay 0.1s
div class=text-5xl font-black text-accent mb-2 font-outfit dir=ltrspan class=counter data-target=150000span+div
div class=text-grayTxt font-semibold data-i18n=stat_2محموله موفقdiv
div
!-- Stat 3 --
div class=glass-panel p-8 rounded-3xl text-center border-t-accent30 gs-reveal style=transition-delay 0.2s
div class=text-5xl font-black text-accent mb-2 font-outfit dir=ltrspan class=counter data-target=4000span+div
div class=text-grayTxt font-semibold data-i18n=stat_3مشتری تجاری فعالdiv
div
!-- Stat 4 --
div class=glass-panel p-8 rounded-3xl text-center border-t-accent30 gs-reveal style=transition-delay 0.3s
div class=text-5xl font-black text-accent mb-2 font-outfit dir=ltrspan class=counter data-target=1000span%div
div class=text-grayTxt font-semibold data-i18n=stat_4پوشش گمرکات اروپاdiv
div
div
div
section
section class=py-32 relative overflow-hidden
div class=max-w-6xl mx-auto px-6 mdpx-12 flex flex-col items-center text-center
h2 class=text-h1 mb-10 text-accent gs-reveal data-i18n=about_titleداستان ما، قدرت لجستیک شماh2
div class=glass-panel p-10 mdp-16 rounded-[2.5rem] relative gs-reveal
!-- Decorative quote mark --
div class=absolute top-8 right-10 text-7xl text-white5 font-serif rtlscale-x-[-1]div
p class=text-xl mdtext-3xl text-grayTxt leading-relaxed mdleading-loose text-justify text-center mdtext-right rtlmdtext-right ltrmdtext-left data-i18n=about_text
بارمان لجستیک در سال ۱۳۹۴ با هدف تزریق تخصص و تجربه کادری مجرب به صنعت حملونقل کشور متولد شد. تفاوت ما در انعطافپذیری بالا و ارائه مشاورههای دقیق و حرفهای پیش از هر اقدام است. ما با سنجش موشکافانه شرایط حمل و عبور موفقیتآمیز از پیچیدهترین چالشهای گمرکی و مرزی، مسیرهای بینالمللی را هموار کردهایم. چشمانداز ما ساده است ما شریک لجستیکی شما هستیم تا بتوانید کار را با خیالی آسوده، از صفر تا صد به ما بسپارید.
p
div
div
section
section class=py-20 bg-accent text-dark overflow-hidden relative
div class=max-w-7xl mx-auto px-6 mdpx-12 mb-10 flex flex-col mdflex-row justify-between items-center gap-6
h2 class=text-4xl mdtext-5xl font-black uppercase tracking-tight data-i18n=specialty_titleپوشش جامعِ گروپاژ اروپاh2
p class=text-lg mdtext-xl font-bold bg-dark text-white px-6 py-3 rounded-full data-i18n=specialty_tagLTL & Groupage Specialistsp
div
!-- Marquee --
div class=overflow-hidden w-full bg-dark10 py-6 border-y border-dark20 backdrop-blur-sm transform rotate-[-1deg] scale-105
div class=marquee-container text-4xl mdtext-6xl font-black uppercase font-outfit tracking-wider text-dark80 whitespace-nowrap dir=ltr
span class=mx-4 mdmx-8Munichspan • span class=mx-4 mdmx-8Hamburgspan • span class=mx-4 mdmx-8Berlinspan • span class=mx-4 mdmx-8Frankfurtspan • span class=mx-4 mdmx-8Colognespan • span class=mx-4 mdmx-8Dusseldorfspan • span class=mx-4 mdmx-8Stuttgartspan • span class=mx-4 mdmx-8Rotterdamspan • span class=mx-4 mdmx-8Amsterdamspan • span class=mx-4 mdmx-8Londonspan • span class=mx-4 mdmx-8Parisspan • span class=mx-4 mdmx-8Lyonspan • span class=mx-4 mdmx-8Marseillespan • span class=mx-4 mdmx-8Brusselsspan • span class=mx-4 mdmx-8Antwerpspan • span class=mx-4 mdmx-8Milanspan • span class=mx-4 mdmx-8Romespan • span class=mx-4 mdmx-8Turinspan • span class=mx-4 mdmx-8Naplesspan • span class=mx-4 mdmx-8Praguespan • span class=mx-4 mdmx-8Budapestspan • span class=mx-4 mdmx-8Warsawspan • span class=mx-4 mdmx-8Krakowspan • span class=mx-4 mdmx-8Viennaspan • span class=mx-4 mdmx-8Barcelonaspan • span class=mx-4 mdmx-8Madridspan • span class=mx-4 mdmx-8Valenciaspan • span class=mx-4 mdmx-8Copenhagenspan • span class=mx-4 mdmx-8Lisbonspan • span class=mx-4 mdmx-8Portospan • span class=mx-4 mdmx-8Stockholmspan • span class=mx-4 mdmx-8Gothenburgspan • span class=mx-4 mdmx-8Oslospan • span class=mx-4 mdmx-8Helsinkispan • span class=mx-4 mdmx-8Dublinspan • span class=mx-4 mdmx-8Zurichspan • span class=mx-4 mdmx-8Genevaspan • span class=mx-4 mdmx-8Athensspan • span class=mx-4 mdmx-8Bucharestspan • span class=mx-4 mdmx-8Sofiaspan • span class=mx-4 mdmx-8Belgradespan • span class=mx-4 mdmx-8Zagrebspan • span class=mx-4 mdmx-8Rigaspan • span class=mx-4 mdmx-8Tallinnspan • span class=mx-4 mdmx-8Vilniusspan • span class=mx-4 mdmx-8Bratislavaspan • span class=mx-4 mdmx-8Ljubljanaspan •
!-- Duplicate for seamless loop --
span class=mx-4 mdmx-8Munichspan • span class=mx-4 mdmx-8Hamburgspan • span class=mx-4 mdmx-8Berlinspan • span class=mx-4 mdmx-8Frankfurtspan • span class=mx-4 mdmx-8Colognespan • span class=mx-4 mdmx-8Dusseldorfspan • span class=mx-4 mdmx-8Stuttgartspan • span class=mx-4 mdmx-8Rotterdamspan • span class=mx-4 mdmx-8Amsterdamspan • span class=mx-4 mdmx-8Londonspan • span class=mx-4 mdmx-8Parisspan • span class=mx-4 mdmx-8Lyonspan • span class=mx-4 mdmx-8Marseillespan • span class=mx-4 mdmx-8Brusselsspan • span class=mx-4 mdmx-8Antwerpspan • span class=mx-4 mdmx-8Milanspan • span class=mx-4 mdmx-8Romespan • span class=mx-4 mdmx-8Turinspan • span class=mx-4 mdmx-8Naplesspan • span class=mx-4 mdmx-8Praguespan • span class=mx-4 mdmx-8Budapestspan • span class=mx-4 mdmx-8Warsawspan • span class=mx-4 mdmx-8Krakowspan • span class=mx-4 mdmx-8Viennaspan • span class=mx-4 mdmx-8Barcelonaspan • span class=mx-4 mdmx-8Madridspan • span class=mx-4 mdmx-8Valenciaspan • span class=mx-4 mdmx-8Copenhagenspan • span class=mx-4 mdmx-8Lisbonspan • span class=mx-4 mdmx-8Portospan • span class=mx-4 mdmx-8Stockholmspan • span class=mx-4 mdmx-8Gothenburgspan • span class=mx-4 mdmx-8Oslospan • span class=mx-4 mdmx-8Helsinkispan • span class=mx-4 mdmx-8Dublinspan • span class=mx-4 mdmx-8Zurichspan • span class=mx-4 mdmx-8Genevaspan • span class=mx-4 mdmx-8Athensspan • span class=mx-4 mdmx-8Bucharestspan • span class=mx-4 mdmx-8Sofiaspan • span class=mx-4 mdmx-8Belgradespan • span class=mx-4 mdmx-8Zagrebspan • span class=mx-4 mdmx-8Rigaspan • span class=mx-4 mdmx-8Tallinnspan • span class=mx-4 mdmx-8Vilniusspan • span class=mx-4 mdmx-8Bratislavaspan • span class=mx-4 mdmx-8Ljubljanaspan
div
div
section
section class=py-32 relative
div class=max-w-5xl mx-auto px-6 mdpx-12
h2 class=text-h1 mb-16 text-center gs-reveal data-i18n=services_titleخدمات تخصصی ماh2
div class=space-y-4
!-- Service 1 --
div class=accordion-item glass-panel rounded-2xl cursor-pointer gs-reveal
div class=px-8 py-6 flex justify-between items-center
h3 class=text-2xl font-bold data-i18n=srv_1_titleحمل زمینیh3
svg class=accordion-icon w-8 h-8 text-white50 fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M12 4v16m8-8H4svg
div
div class=accordion-content
div class=px-8 pb-6 text-grayTxt text-lg leading-relaxed text-justify data-i18n=srv_1_desc
راهکار مطمئن، انعطافپذیر و مقرونبهصرفه برای اتصال مستقیم به تمامی هابهای تجاری اروپا با ناوگان مدرن. ما با بهرهگیری از تریلرهای چادری، یخچالی و کفی، امکان حمل ایمن محمولههای گروپاژ (LTL) و دربستی (FTL) را با بالاترین استانداردهای ایمنی جادهای و مانیتورینگ ۲۴ ساعته فراهم میکنیم.
div
div
div
!-- Service 2 --
div class=accordion-item glass-panel rounded-2xl cursor-pointer gs-reveal
div class=px-8 py-6 flex justify-between items-center
h3 class=text-2xl font-bold data-i18n=srv_2_titleحمل هواییh3
svg class=accordion-icon w-8 h-8 text-white50 fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M12 4v16m8-8H4svg
div
div class=accordion-content
div class=px-8 pb-6 text-grayTxt text-lg leading-relaxed text-justify data-i18n=srv_2_desc
سریعترین مسیر جابجایی محمولههای حساس، ارزشمند و فوری به تمامی فرودگاههای بینالمللی جهان. خدمات کارگوی هوایی ما شامل چارتر کامل، حمل کالاهای خطرناک (DGR) و فاسدشدنی است که با تضمین رزرو سریع و حداقل زمان ترانزیت، محموله شما را در کوتاهترین زمان به مقصد میرساند.
div
div
div
!-- Service 3 --
div class=accordion-item glass-panel rounded-2xl cursor-pointer gs-reveal
div class=px-8 py-6 flex justify-between items-center
h3 class=text-2xl font-bold data-i18n=srv_3_titleحمل دریاییh3
svg class=accordion-icon w-8 h-8 text-white50 fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M12 4v16m8-8H4svg
div
div class=accordion-content
div class=px-8 pb-6 text-grayTxt text-lg leading-relaxed text-justify data-i18n=srv_3_desc
راهکاری اقتصادی و قدرتمند برای ترانزیت حجم انبوه کالا و محمولههای سنگین صنعتی از طریق خطوط اصلی دریایی. ارائه خدمات کانتینری (FCL) و خردهبار دریایی (LCL) با همکاری برترین خطوط کشتیرانی جهان، تضمینکننده نرخهای رقابتی و برنامهریزی دقیق برای محمولههای بینقارهای شماست.
div
div
div
!-- Service 4 --
div class=accordion-item glass-panel rounded-2xl cursor-pointer gs-reveal
div class=px-8 py-6 flex justify-between items-center
h3 class=text-2xl font-bold data-i18n=srv_4_titleترخیص گمرکیh3
svg class=accordion-icon w-8 h-8 text-white50 fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M12 4v16m8-8H4svg
div
div class=accordion-content
div class=px-8 pb-6 text-grayTxt text-lg leading-relaxed text-justify data-i18n=srv_4_desc
مشاوره تخصصی و عبور سریع و بیدردسر از پیچیدهترین قوانین گمرکی مرزی با کادری مجرب. ترخیصکاران حرفهای ما با تسلط کامل بر تعرفهها، بخشنامههای روز و رویههای گمرکی در مبادی ورودی و خروجی، از تاخیرهای احتمالی جلوگیری کرده و هزینههای ترخیص را به حداقل میرسانند.
div
div
div
!-- Service 5 --
div class=accordion-item glass-panel rounded-2xl cursor-pointer gs-reveal
div class=px-8 py-6 flex justify-between items-center
h3 class=text-2xl font-bold data-i18n=srv_5_titleانبارداری و لجستیکh3
svg class=accordion-icon w-8 h-8 text-white50 fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M12 4v16m8-8H4svg
div
div class=accordion-content
div class=px-8 pb-6 text-grayTxt text-lg leading-relaxed text-justify data-i18n=srv_5_desc
مدیریت پیشرفته انبار، پالتبندی و ایمنسازی کالاها مجهز به استانداردهای روز جهانی. انبارهای اختصاصی ما با سیستمهای کنترل دما، تهویه مطبوع و دوربینهای مداربسته، فضایی امن برای تجمیع، بستهبندی مجدد و توزیع مویرگی کالاهای شما پیش از ارسال نهایی فراهم میکنند.
div
div
div
!-- Service 6 --
div class=accordion-item glass-panel rounded-2xl cursor-pointer gs-reveal
div class=px-8 py-6 flex justify-between items-center
h3 class=text-2xl font-bold data-i18n=srv_6_titleخدمات جامع بارh3
svg class=accordion-icon w-8 h-8 text-white50 fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M12 4v16m8-8H4svg
div
div class=accordion-content
div class=px-8 pb-6 text-grayTxt text-lg leading-relaxed text-justify data-i18n=srv_6_desc
پوشش کامل صفر تا صد فرایند لجستیک بدون محدودیت در نوع، حجم یا وزن محموله شما. از خدمات Door-to-Door گرفته تا پروژههای عظیم صنعتی و حمل محمولههای ترافیکی (OOG)، تیم مهندسی لجستیک ما پیچیدهترین سناریوهای حمل را با بالاترین دقت طراحی و اجرا میکند.
div
div
div
div
div
section
footer class=bg-darker pt-24 pb-8 border-t border-white10 relative overflow-hidden
div class=absolute inset-0 bg-grid opacity-10 pointer-events-nonediv
div class=max-w-7xl mx-auto px-6 mdpx-12 relative z-10
!-- ساختار 3 ستونه دقیق --
div class=grid grid-cols-1 mdgrid-cols-3 gap-8 lggap-16 mb-16 w-full
!-- ستون ۱ برند و شعار --
div class=flex flex-col items-start w-full min-w-0
div class=flex items-center gap-3 mb-6
div class=w-14 h-14 lgw-16 lgh-16 rounded-full bg-white overflow-hidden flex items-center justify-center p-0.5 shadow-[0_0_15px_rgba(45,161,215,0.4)] shrink-0
img src=photo_2024-10-23_12-05-00_2.jpg alt=Logo class=w-full h-full object-contain rounded-full
div
div class=flex gap-2 text-xl lgtext-3xl font-black tracking-widest drop-shadow-[0_2px_10px_rgba(45,161,215,0.4)]
span class=text-white data-i18n=logo_barmanبارمانspan
span class=text-accent data-i18n=logo_logisticsلجستیکspan
div
div
p class=text-grayTxt text-sm lgtext-base leading-loose text-justify pr-2 rtlpr-0 rtlpl-2 data-i18n=footer_descپلی مطمئن به سوی بازارهای جهانی. همراه شما در تمامی مسیرهای تجاری بینالمللی.p
div
!-- ستون ۲ ارتباط با ما --
div class=flex flex-col items-start w-full min-w-0
h4 class=text-lg lgtext-xl font-bold text-accent mb-6 data-i18n=footer_contact_titleارتباط با ماh4
ul class=flex flex-col space-y-4 w-full dir=ltr
!-- تلفن پشتیبانی --
li class=flex items-center gap-3 group w-full min-w-0
div class=w-10 h-10 lgw-12 lgh-12 rounded-full bg-white5 border border-white10 flex items-center justify-center group-hoverbg-accent20 group-hoverborder-accent50 group-hoverscale-110 transition-all duration-300 shrink-0
svg class=w-4 h-4 lgw-5 lgh-5 text-accent fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5zsvg
div
div class=flex flex-col items-start min-w-0 flex-1
span class=text-[10px] lgtext-xs text-grayTxt mb-0.5 whitespace-nowrap data-i18n=label_phoneتلفن پشتیبانیspan
a href=tel+982188847496 class=text-xs lgtext-base font-outfit font-semibold text-white hovertext-accent transition-colors block w-full truncate title=021 888 47496021 888 47496a
div
li
!-- اطلاعات عمومی --
li class=flex items-center gap-3 group w-full min-w-0
div class=w-10 h-10 lgw-12 lgh-12 rounded-full bg-white5 border border-white10 flex items-center justify-center group-hoverbg-accent20 group-hoverborder-accent50 group-hoverscale-110 transition-all duration-300 shrink-0
svg class=w-4 h-4 lgw-5 lgh-5 text-accent fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2zsvg
div
div class=flex flex-col items-start min-w-0 flex-1
span class=text-[10px] lgtext-xs text-grayTxt mb-0.5 whitespace-nowrap data-i18n=label_email_infoاطلاعات عمومیspan
a href=mailtoinfo@barmanlogistics.com class=text-[11px] lgtext-sm font-outfit font-medium text-white hovertext-accent transition-colors block w-full truncate title=info@barmanlogistics.cominfo@barmanlogistics.coma
div
li
!-- دپارتمان فروش --
li class=flex items-center gap-3 group w-full min-w-0
div class=w-10 h-10 lgw-12 lgh-12 rounded-full bg-white5 border border-white10 flex items-center justify-center group-hoverbg-accent20 group-hoverborder-accent50 group-hoverscale-110 transition-all duration-300 shrink-0
svg class=w-4 h-4 lgw-5 lgh-5 text-accent fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2zsvg
div
div class=flex flex-col items-start min-w-0 flex-1
span class=text-[10px] lgtext-xs text-grayTxt mb-0.5 whitespace-nowrap data-i18n=label_email_salesدپارتمان فروشspan
a href=mailtosales@barmanlogistics.com class=text-[11px] lgtext-sm font-outfit font-medium text-white hovertext-accent transition-colors block w-full truncate title=sales@barmanlogistics.comsales@barmanlogistics.coma
div
li
!-- امور گمرکی --
li class=flex items-center gap-3 group w-full min-w-0
div class=w-10 h-10 lgw-12 lgh-12 rounded-full bg-white5 border border-white10 flex items-center justify-center group-hoverbg-accent20 group-hoverborder-accent50 group-hoverscale-110 transition-all duration-300 shrink-0
svg class=w-4 h-4 lgw-5 lgh-5 text-accent fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016zsvg
div
div class=flex flex-col items-start min-w-0 flex-1
span class=text-[10px] lgtext-xs text-grayTxt mb-0.5 whitespace-nowrap data-i18n=label_email_customsامور گمرکیspan
a href=mailtocustoms@barmanlogistics.com class=text-[11px] lgtext-sm font-outfit font-medium text-white hovertext-accent transition-colors block w-full truncate title=customs@barmanlogistics.comcustoms@barmanlogistics.coma
div
li
ul
div
!-- ستون ۳ آدرس دفتر مرکزی --
div class=flex flex-col items-start w-full min-w-0
h4 class=text-lg lgtext-xl font-bold text-accent mb-6 data-i18n=footer_address_titleآدرس دفتر مرکزیh4
div class=glass-panel p-5 lgp-6 rounded-2xl border-white10 relative group hoverborder-accent30 transition-colors w-full mt-1
div class=absolute -top-4 rtl-right-3 ltr-left-3 w-8 h-8 rounded-full bg-darker border border-white10 flex items-center justify-center group-hoverbg-accent group-hovertext-dark transition-all shadow-lg
svg class=w-4 h-4 text-accent group-hovertext-dark fill=none viewBox=0 0 24 24 stroke=currentColorpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0zpath stroke-linecap=round stroke-linejoin=round stroke-width=2 d=M15 11a3 3 0 11-6 0 3 3 0 016 0zsvg
div
p class=text-grayTxt leading-loose text-sm lgtext-base mt-2 data-i18n=footer_address
تهران، خیابان طالقانی، خیابان موسوی شمالی، پلاک ۸۸، واحد ۴
p
div
div
div
div class=border-t border-white10 pt-8 text-center text-grayTxt50 text-sm flex flex-col mdflex-row justify-between items-center gap-4
p data-i18n=footer_copy© 2026 Barman Logistics. تمامی حقوق محفوظ است.p
div class=font-outfit tracking-widest text-xs uppercaseDesigned with Excellencediv
div
div
footer
script
--- Bilingual Dictionary ---
const dictionary = {
fa {
doc_title بارمان لجستیک خدمات تخصصی حملونقل و گروپاژ به اروپا,
logo_barman بارمان,
logo_logistics لجستیک,
hero_title_1 راهکار بیدغدغه,
hero_title_2 به قلب اروپا و سراسر جهان,
hero_desc اعتبار در هر مرز، تخصص در هر مسیر؛ راهکار بیدغدغه شما برای رسیدن به قلب اروپا و دروازههای تجارت جهانی.,
cta_btn شروع همکاری لجستیکی,
stat_1 بیش از یک دهه تجربه,
stat_2 محموله موفق,
stat_3 مشتری تجاری فعال,
stat_4 پوشش گمرکات اروپا,
about_title داستان ما، قدرت لجستیک شما,
about_text بارمان لجستیک در سال ۱۳۹۴ با هدف تزریق تخصص و تجربه کادری مجرب به صنعت حملونقل کشور متولد شد. تفاوت ما در انعطافپذیری بالا و ارائه مشاورههای دقیق و حرفهای پیش از هر اقدام است. ما با سنجش موشکافانه شرایط حمل و عبور موفقیتآمیز از پیچیدهترین چالشهای گمرکی و مرزی، مسیرهای بینالمللی را هموار کردهایم. چشمانداز ما ساده است ما شریک لجستیکی شما هستیم تا بتوانید کار را با خیالی آسوده، از صفر تا صد به ما بسپارید.,
specialty_title پوشش جامعِ گروپاژ اروپا,
specialty_tag متخصص خردهبار و گروپاژ,
services_title خدمات تخصصی ما,
srv_1_title حمل زمینی,
srv_1_desc راهکار مطمئن، انعطافپذیر و مقرونبهصرفه برای اتصال مستقیم به تمامی هابهای تجاری اروپا با ناوگان مدرن. ما با بهرهگیری از تریلرهای چادری، یخچالی و کفی، امکان حمل ایمن محمولههای گروپاژ (LTL) و دربستی (FTL) را با بالاترین استانداردهای ایمنی جادهای و مانیتورینگ ۲۴ ساعته فراهم میکنیم.,
srv_2_title حمل هوایی,
srv_2_desc سریعترین مسیر جابجایی محمولههای حساس، ارزشمند و فوری به تمامی فرودگاههای بینالمللی جهان. خدمات کارگوی هوایی ما شامل چارتر کامل، حمل کالاهای خطرناک (DGR) و فاسدشدنی است که با تضمین رزرو سریع و حداقل زمان ترانزیت، محموله شما را در کوتاهترین زمان به مقصد میرساند.,
srv_3_title حمل دریایی,
srv_3_desc راهکاری اقتصادی و قدرتمند برای ترانزیت حجم انبوه کالا و محمولههای سنگین صنعتی از طریق خطوط اصلی دریایی. ارائه خدمات کانتینری (FCL) و خردهبار دریایی (LCL) با همکاری برترین خطوط کشتیرانی جهان، تضمینکننده نرخهای رقابتی و برنامهریزی دقیق برای محمولههای بینقارهای شماست.,
srv_4_title ترخیص گمرکی,
srv_4_desc مشاوره تخصصی و عبور سریع و بیدردسر از پیچیدهترین قوانین گمرکی مرزی با کادری مجرب. ترخیصکاران حرفهای ما با تسلط کامل بر تعرفهها، بخشنامههای روز و رویههای گمرکی در مبادی ورودی و خروجی، از تاخیرهای احتمالی جلوگیری کرده و هزینههای ترخیص را به حداقل میرسانند.,
srv_5_title انبارداری و لجستیک,
srv_5_desc مدیریت پیشرفته انبار، پالتبندی و ایمنسازی کالاها مجهز به استانداردهای روز جهانی. انبارهای اختصاصی ما با سیستمهای کنترل دما، تهویه مطبوع و دوربینهای مداربسته، فضایی امن برای تجمیع، بستهبندی مجدد و توزیع مویرگی کالاهای شما پیش از ارسال نهایی فراهم میکنند.,
srv_6_title خدمات جامع بار,
srv_6_desc پوشش کامل صفر تا صد فرایند لجستیک بدون محدودیت در نوع، حجم یا وزن محموله شما. از خدمات Door-to-Door گرفته تا پروژههای عظیم صنعتی و حمل محمولههای ترافیکی (OOG)، تیم مهندسی لجستیک ما پیچیدهترین سناریوهای حمل را با بالاترین دقت طراحی و اجرا میکند.,
footer_desc پلی مطمئن به سوی بازارهای جهانی. همراه شما در تمامی مسیرهای تجاری بینالمللی.,
footer_contact_title ارتباط با ما,
footer_address_title آدرس دفتر مرکزی,
footer_address تهران، خیابان طالقانی، خیابان موسوی شمالی، پلاک ۸۸، واحد ۴,
footer_copy © ۲۰۲۶ بارمان لجستیک. تمامی حقوق محفوظ است.,
label_phone تلفن پشتیبانی,
label_email_info اطلاعات عمومی,
label_email_sales دپارتمان فروش,
label_email_customs امور گمرکی
},
en {
doc_title Barman Logistics Premier Freight & Groupage Solutions to Europe,
logo_barman BARMAN,
logo_logistics LOGISTICS,
hero_title_1 Seamless Gateway,
hero_title_2 To Europe & Across the Globe,
hero_desc Trust at Every Border, Expertise on Every Route Your Seamless Gateway to the Heart of Europe and Global Trade Hubs.,
cta_btn Explore Logistics Solutions,
stat_1 Years of Excellence,
stat_2 Successful Shipments,
stat_3 Active B2B Clients,
stat_4 Europe Borders Coverage,
about_title Our Story, Your Logistics Powerhouse,
about_text Established in 2015, Barman Logistics was born with the vision of injecting profound expertise into the freight industry. Our distinct competitive edge lies in supreme flexibility and providing meticulous, professional consultancy prior to any operational execution. By rigorously evaluating transit conditions and successfully navigating the most complex customs and border challenges, we have paved international routes flawlessly. Our vision is straightforward We are your strategic logistics partner, empowering you to entrust the entire process to us with absolute peace of mind.,
specialty_title Comprehensive European Coverage,
specialty_tag LTL & Groupage Specialists,
services_title Our Specialized Services,
srv_1_title Road Freight,
srv_1_desc Secure, flexible, and cost-effective solutions providing direct connectivity to all major European commercial hubs via a modern fleet. Utilizing tilt, reefer, and flatbed trailers, we ensure the safe transit of both Groupage (LTL) and Full Truck Load (FTL) shipments with highest road safety standards and 247 monitoring.,
srv_2_title Air Freight,
srv_2_desc The swiftest transit route for highly sensitive, valuable, and time-critical shipments to all international airports globally. Our air cargo services include full charters, dangerous goods (DGR), and perishables handling, guaranteeing rapid booking and minimal transit times for urgent deliveries.,
srv_3_title Sea Freight,
srv_3_desc An economic and robust framework for transiting massive volumes and heavy industrial cargo through primary maritime lines. Providing FCL (Full Container Load) and LCL (Less than Container Load) services in partnership with top global shipping lines, ensuring competitive rates and precise scheduling for intercontinental shipments.,
srv_4_title Customs Clearance,
srv_4_desc Expert consultancy and expedited navigation through the most intricate cross-border customs regulations by a seasoned team. Our professional customs brokers, fully versed in tariffs, updated directives, and border procedures, prevent potential delays and minimize clearance costs at all entry and exit points.,
srv_5_title Warehousing,
srv_5_desc Advanced warehouse management, palletizing, and cargo securing equipped with modern global standards. Our dedicated facilities feature climate control, ventilation, and CCTV systems, offering a secure environment for cargo consolidation, repacking, and distribution prior to final dispatch.,
srv_6_title Comprehensive Cargo,
srv_6_desc End-to-end coverage of the logistics process with zero limitations on the type, volume, or weight of your shipment. From Door-to-Door services to massive industrial projects and Out-of-Gauge (OOG) transport, our logistics engineering team designs and executes the most complex freight scenarios with extreme precision.,
footer_desc A reliable bridge to global markets. Your steadfast partner across all international trade routes.,
footer_contact_title Contact Us,
footer_address_title Headquarters,
footer_address Unit 4, No. 88, North Mousavi St., Taleqani Ave., Tehran, Iran,
footer_copy © 2026 Barman Logistics. All rights reserved.,
label_phone Support Center,
label_email_info General Inquiries,
label_email_sales Sales Department,
label_email_customs Customs Affairs
}
};
let currentLang = 'fa';
--- DOM Elements ---
const langToggleBtn = document.getElementById('lang-toggle');
const langFaSpan = document.getElementById('lang-fa');
const langEnSpan = document.getElementById('lang-en');
const htmlTag = document.documentElement;
--- Language Switch Logic ---
function setLanguage(lang) {
currentLang = lang;
htmlTag.setAttribute('lang', lang);
htmlTag.setAttribute('dir', lang === 'fa' 'rtl' 'ltr');
document.title = dictionary[lang].doc_title;
Update toggler UI
if(lang === 'fa') {
langFaSpan.classList.remove('opacity-50');
langFaSpan.classList.add('text-white', 'drop-shadow-[0_0_5px_#2da1d7]');
langEnSpan.classList.add('opacity-50');
langEnSpan.classList.remove('text-white', 'drop-shadow-[0_0_5px_#2da1d7]');
} else {
langEnSpan.classList.remove('opacity-50');
langEnSpan.classList.add('text-white', 'drop-shadow-[0_0_5px_#2da1d7]');
langFaSpan.classList.add('opacity-50');
langFaSpan.classList.remove('text-white', 'drop-shadow-[0_0_5px_#2da1d7]');
}
Update all translated texts
document.querySelectorAll('[data-i18n]').forEach(el = {
const key = el.getAttribute('data-i18n');
if(dictionary[lang][key]) {
Quick fade effect for text change
gsap.to(el, { opacity 0, duration 0.2, onComplete () = {
el.innerText = dictionary[lang][key];
gsap.to(el, { opacity 1, duration 0.2 });
}});
}
});
Refresh ScrollTrigger as dimensions might change
setTimeout(() = ScrollTrigger.refresh(), 500);
}
langToggleBtn.addEventListener('click', () = {
setLanguage(currentLang === 'fa' 'en' 'fa');
});
--- Interactive Accordion ---
const accordionItems = document.querySelectorAll('.accordion-item');
accordionItems.forEach(item = {
item.addEventListener('click', () = {
const isActive = item.classList.contains('active');
Close all
accordionItems.forEach(i = i.classList.remove('active'));
Toggle clicked
if (!isActive) {
item.classList.add('active');
}
});
});
--- GSAP Animations ---
gsap.registerPlugin(ScrollTrigger);
Run animations on load
window.addEventListener(load, () = {
Hero Intro Animation
gsap.from(nav, { y -50, opacity 0, duration 1, ease power3.out });
gsap.from(.gs-reveal, {
y 50,
opacity 0,
duration 1,
stagger 0.15,
ease power4.out,
delay 0.3
});
Scroll Reveal Elements
const revealElements = document.querySelectorAll(section .gs-reveal);
revealElements.forEach((el) = {
gsap.fromTo(el,
{ opacity 0, y 40 },
{
opacity 1,
y 0,
duration 1,
ease power3.out,
scrollTrigger {
trigger el,
start top 85%,
toggleActions play none none none
}
}
);
});
Statistics Counter Animation
const counters = document.querySelectorAll(.counter);
counters.forEach(counter = {
const target = parseInt(counter.getAttribute('data-target'));
ScrollTrigger.create({
trigger counter,
start top 90%,
once true,
onEnter () = {
let zero = { val 0 };
gsap.to(zero, {
val target,
duration 2.5,
ease power2.out,
onUpdate function() {
Format with commas
counter.innerText = Math.floor(this.targets()[0].val).toLocaleString('en-US');
}
});
}
});
});
Open first accordion by default
setTimeout(() = {
if(accordionItems.length 0) {
accordionItems[0].classList.add('active');
}
}, 1000);
Hide Navigation when reaching Footer
ScrollTrigger.create({
trigger footer,
start top 90%, when the top of the footer is 90% down the screen
onEnter () = gsap.to(nav, { yPercent -150, duration 0.5, ease power3.out, overwrite true }),
onLeaveBack () = gsap.to(nav, { yPercent 0, duration 0.5, ease power3.out, overwrite true })
});
});
script
body
html