Contact information
Contact Us | PERSIAN Store
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
background:#f7f8fa;
color:#111827;
line-height:1.7;
overflow-x:hidden;
}
/* =========================
ANIMATED BACKGROUND
========================= */
.background{
position:fixed;
inset:0;
z-index:-10;
overflow:hidden;
background:
radial-gradient(circle at 10% 10%,rgba(59,130,246,.13),transparent 28%),
radial-gradient(circle at 90% 30%,rgba(139,92,246,.12),transparent 30%),
radial-gradient(circle at 50% 100%,rgba(6,182,212,.10),transparent 35%);
}
.blob{
position:absolute;
border-radius:50%;
filter:blur(80px);
opacity:.45;
animation:float 15s ease-in-out infinite alternate;
}
.blob1{
width:330px;
height:330px;
background:#60a5fa;
top:-100px;
left:-100px;
}
.blob2{
width:390px;
height:390px;
background:#a78bfa;
right:-150px;
top:35%;
animation-delay:3s;
}
.blob3{
width:280px;
height:280px;
background:#22d3ee;
left:40%;
bottom:-120px;
animation-delay:6s;
}
@keyframes float{
0%{
transform:translate(0,0) scale(1);
}
50%{
transform:translate(50px,-40px) scale(1.1);
}
100%{
transform:translate(-30px,40px) scale(.95);
}
}
/* =========================
PROGRESS BAR
========================= */
.progress{
position:fixed;
top:0;
left:0;
width:0%;
height:4px;
background:linear-gradient(
90deg,
#2563eb,
#7c3aed,
#06b6d4
);
box-shadow:0 0 15px rgba(37,99,235,.5);
z-index:9999;
}
/* =========================
HERO
========================= */
.hero{
min-height:52vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:90px 20px 50px;
}
.hero-content{
max-width:850px;
animation:heroIn 1.1s cubic-bezier(.16,1,.3,1);
}
@keyframes heroIn{
from{
opacity:0;
transform:translateY(60px) scale(.94);
}
to{
opacity:1;
transform:translateY(0) scale(1);
}
}
.badge{
display:inline-flex;
align-items:center;
gap:9px;
padding:10px 18px;
background:rgba(255,255,255,.75);
border:1px solid rgba(255,255,255,.9);
backdrop-filter:blur(15px);
border-radius:999px;
font-size:14px;
font-weight:700;
box-shadow:0 15px 40px rgba(15,23,42,.08);
margin-bottom:25px;
}
.dot{
width:9px;
height:9px;
border-radius:50%;
background:#22c55e;
box-shadow:0 0 15px #22c55e;
animation:pulse 2s infinite;
}
@keyframes pulse{
50%{
transform:scale(1.5);
opacity:.55;
}
}
.hero h1{
font-size:clamp(45px,7vw,80px);
line-height:1;
letter-spacing:-4px;
font-weight:900;
margin-bottom:24px;
}
.gradient{
background:linear-gradient(
90deg,
#111827,
#2563eb,
#7c3aed,
#06b6d4,
#111827
);
background-size:300%;
-webkit-background-clip:text;
background-clip:text;
color:transparent;
animation:gradient 7s linear infinite;
}
@keyframes gradient{
to{
background-position:300%;
}
}
.hero p{
max-width:650px;
margin:auto;
color:#64748b;
font-size:18px;
}
/* =========================
MAIN
========================= */
.container{
width:min(1050px,92%);
margin:auto;
padding-bottom:100px;
}
/* =========================
CONTACT GRID
========================= */
.contact-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px;
}
/* =========================
CARDS
========================= */
.card{
padding:32px;
border-radius:28px;
background:rgba(255,255,255,.76);
border:1px solid rgba(255,255,255,.9);
backdrop-filter:blur(18px);
box-shadow:0 20px 60px rgba(15,23,42,.07);
opacity:0;
transform:translateY(45px);
transition:
opacity .8s ease,
transform .8s cubic-bezier(.16,1,.3,1),
box-shadow .35s ease;
}
.card.show{
opacity:1;
transform:translateY(0);
}
.card:hover{
transform:translateY(-8px);
box-shadow:0 30px 80px rgba(15,23,42,.13);
}
.icon{
width:65px;
height:65px;
display:flex;
align-items:center;
justify-content:center;
border-radius:20px;
background:linear-gradient(
135deg,
#eff6ff,
#eef2ff
);
font-size:30px;
margin-bottom:20px;
transition:.45s;
}
.card:hover .icon{
transform:rotate(-8deg) scale(1.12);
}
.card h2{
font-size:23px;
margin-bottom:9px;
}
.card p{
color:#64748b;
font-size:15px;
}
/* =========================
EMAIL CARD
========================= */
.email-link{
display:inline-block;
margin-top:14px;
color:#2563eb;
font-weight:800;
text-decoration:none;
word-break:break-word;
transition:.3s;
}
.email-link:hover{
color:#7c3aed;
transform:translateX(5px);
}
/* =========================
SUPPORT CARD
========================= */
.support{
grid-column:span 2;
text-align:center;
background:
linear-gradient(
135deg,
#111827,
#1e293b
);
color:white;
overflow:hidden;
position:relative;
box-shadow:
0 30px 80px rgba(15,23,42,.2);
}
.support::before,
.support::after{
content:"";
position:absolute;
width:280px;
height:280px;
border:1px solid rgba(255,255,255,.1);
border-radius:50%;
animation:ring 10s linear infinite;
}
.support::before{
left:-120px;
top:-150px;
}
.support::after{
right:-120px;
bottom:-150px;
animation-direction:reverse;
}
@keyframes ring{
to{
transform:rotate(360deg) scale(1.15);
}
}
.support > *{
position:relative;
z-index:2;
}
.support h2{
font-size:32px;
margin-bottom:10px;
}
.support p{
color:#cbd5e1;
max-width:650px;
margin:0 auto 25px;
}
.support-button{
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px 28px;
background:white;
color:#111827;
border-radius:999px;
text-decoration:none;
font-weight:800;
transition:.3s;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.support-button:hover{
transform:translateY(-5px) scale(1.04);
box-shadow:
0 20px 45px rgba(255,255,255,.18);
}
/* =========================
BUSINESS INFO
========================= */
.info{
grid-column:span 2;
padding:35px;
border-radius:28px;
background:rgba(255,255,255,.76);
border:1px solid rgba(255,255,255,.9);
backdrop-filter:blur(18px);
box-shadow:0 20px 60px rgba(15,23,42,.07);
}
.info h2{
font-size:26px;
margin-bottom:20px;
}
.info-row{
display:flex;
align-items:center;
gap:15px;
padding:15px 0;
border-bottom:1px solid #e5e7eb;
}
.info-row:last-child{
border-bottom:none;
}
.info-label{
min-width:150px;
font-weight:800;
}
.info-value{
color:#64748b;
word-break:break-word;
}
/* =========================
FOOTER
========================= */
footer{
text-align:center;
padding:30px;
color:#94a3b8;
font-size:13px;
}
/* =========================
TOP BUTTON
========================= */
.top{
position:fixed;
right:22px;
bottom:22px;
width:48px;
height:48px;
border:none;
border-radius:50%;
background:#111827;
color:white;
font-size:20px;
cursor:pointer;
opacity:0;
pointer-events:none;
transform:translateY(15px);
transition:.3s;
z-index:999;
}
.top.visible{
opacity:1;
pointer-events:auto;
transform:translateY(0);
}
.top:hover{
transform:translateY(-5px);
}
/* =========================
MOBILE
========================= */
@media(max-width:750px){
.hero{
min-height:48vh;
padding-top:75px;
}
.hero h1{
letter-spacing:-2px;
}
.contact-grid{
grid-template-columns:1fr;
}
.support,
.info{
grid-column:span 1;
}
.card,
.info{
padding:27px;
}
.info-row{
display:block;
}
.info-label{
margin-bottom:4px;
}
}
@media(max-width:480px){
.hero p{
font-size:15px;
}
.support h2{
font-size:27px;
}
.support-button{
width:100%;
}
}
© 2026 PERSIAN store. All rights reserved.
↑
/* =========================
SCROLL REVEAL
========================= */
const cards =
document.querySelectorAll(".card");
const observer =
new IntersectionObserver(
entries => {
entries.forEach(entry => {
if(entry.isIntersecting){
entry.target.classList.add("show");
observer.unobserve(
entry.target
);
}
});
},
{
threshold:.08
}
);
cards.forEach((card,index)=>{
card.style.transitionDelay =
`${Math.min(index * .08,.3)}s`;
observer.observe(card);
});
/* =========================
SCROLL PROGRESS
========================= */
window.addEventListener(
"scroll",
()=>{
const scrollTop =
window.scrollY;
const height =
document.documentElement.scrollHeight -
window.innerHeight;
const progress =
(scrollTop / height) * 100;
document.getElementById(
"progress"
).style.width =
progress + "%";
/* TOP BUTTON */
const top =
document.getElementById(
"topButton"
);
if(scrollTop > 450){
top.classList.add(
"visible"
);
}else{
top.classList.remove(
"visible"
);
}
}
);
/* =========================
BACK TO TOP
========================= */
document.getElementById(
"topButton"
).addEventListener(
"click",
()=>{
window.scrollTo({
top:0,
behavior:"smooth"
});
}
);
/* =========================
MOUSE PARALLAX
========================= */
document.addEventListener(
"mousemove",
event => {
const x =
event.clientX /
window.innerWidth -
.5;
const y =
event.clientY /
window.innerHeight -
.5;
document.querySelector(
".blob1"
).style.transform =
`translate(${x*35}px,${y*35}px)`;
document.querySelector(
".blob2"
).style.transform =
`translate(${x*-35}px,${y*-25}px)`;
}
);
/* =========================
SUPPORT BUTTON EFFECT
========================= */
const button =
document.querySelector(
".support-button"
);
button.addEventListener(
"mousemove",
event => {
const rect =
button.getBoundingClientRect();
const x =
event.clientX -
rect.left -
rect.width/2;
const y =
event.clientY -
rect.top -
rect.height/2;
button.style.transform =
`translate(${x*.12}px,${y*.12}px) scale(1.04)`;
}
);
button.addEventListener(
"mouseleave",
()=>{
button.style.transform="";
}
);
PERSIAN Store Support
Contact Us
Have a question about your order, products, shipping or anything else? We're here to help.
📧
Email Support
For general questions, order assistance, product information and other inquiries, contact us by email.
pcmerajkhan651831@gmail.com💬
Customer Help Center
Need quick assistance? Visit our dedicated Customer Help Center for support.
Open Help Center →📋 PERSIAN Store Contact Information
Store Name
PERSIAN store
Email
pcmerajkhan651831@gmail.com
Customer Support
PERSIAN Customer Help Center
🚀
We're Here to Help
Whether you need help with an order, shipping, returns, refunds or another question, our Customer Help Center is ready to assist you.
Contact PERSIAN Support →