Trendziecare

Buy 1 Get 1 FREE – Limited Time Only! Sale is live ✅ Check it out now! Buy 1 Get 1 FREE – Limited Time Only! Sale is live ✅ Check it out now! Buy 1 Get 1 FREE – Limited Time Only! Sale is live ✅ Check it out now!
Menu
Menu
Banner 1
Banner 2
Jewelry Grid body { margin: 0; font-family: 'Poppins', sans-serif; background: #fff; } .grid-container { display: grid; grid-template-columns: repeat(6, 1fr); gap: 5px; padding: 10px; } .grid-item { position: relative; overflow: hidden; } .grid-item img { width: 100%; height: auto; display: block; } .overlay-text { position: absolute; bottom: 10px; left: 10px; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 8px 12px; font-size: 14px; border-radius: 4px; } .shop-now { display: inline-block; margin-top: 4px; font-size: 11px; background-color: #5eccc6; color: #fff; padding: 4px 8px; text-decoration: none; border-radius: 3px; font-weight: 500; } .shop-now:hover { background-color: #016972; } /* Special SHOP ALL tile */ .shop-all { background: linear-gradient(135deg, #FF6F61, #FFA726, #42A5F5); background-size: 200% 200%; animation: gradientMove 5s ease infinite; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; cursor: pointer; } .shop-all:hover { transform: scale(1.05); } .shop-all-text { color: #fff; font-size: 18px; font-weight: 600; text-align: center; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Tablet */ @media (max-width: 1024px) { .grid-container { grid-template-columns: repeat(4, 1fr); } } /* Mobile */ @media (max-width: 768px) { .grid-container { grid-template-columns: repeat(2, 1fr); } .shop-all-text { font-size: 16px; } }
Chains
Smooth
SHOP NOW
Necklace
Neem Comb
SHOP NOW
Pendants
Aloe
SHOP NOW
Earrings
Soft
SHOP NOW
Rings
Soles
SHOP NOW
Bracelets
Ice Roll
SHOP NOW
Gift Box
50%off
SHOP NOW
Studs
53%off
SHOP NOW
New Arrivals
New Arrivals
SHOP NOW
Shop All →
Restaurant

Glow Up Essentials

Everyday Beauty Tools

Explore Collection
Packed Food

Beauty That Works

Smart Tools for Smart Looks

Explore Collection
Packed Food

Upgrade Your Beauty Routine

Trending Tools Inside

Explore Collection
Packed Food

Packed Food & Beverage

Water Resistant Labels, Seal Sticker, Stand Up Pouches, Packaging Tape & more

Explore Collection
Packed Food

Professional Looks Start Here

Water Resistant Labels, Seal Sticker, Stand Up Pouches, Packaging Tape & more

Explore Collection
Packed Food

Packed Food & Beverage

Water Resistant Labels, Seal Sticker, Stand Up Pouches, Packaging Tape & more

Explore Collection
.category-grid { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; } .category-box { display: flex; align-items: center; border: none; border-radius: 16px; padding: 20px; background: linear-gradient(135deg, #5eccc6, #016972); /* Gradient background */ color: #fff; width: 48%; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .category-box:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); } .category-box img { width: 150px; height: auto; object-fit: contain; margin-right: 20px; border-radius: 12px; border: 3px solid #ffffff30; /* adds contrast */ } .cat-content h3 { margin: 0 0 8px; font-size: 18px; color: #ffffff; } .cat-content p { margin: 0 0 12px; font-size: 14px; color: #e0f7f7; } .more-btn { display: inline-block; padding: 8px 16px; background-color: #ffffff; border-radius: 6px; font-size: 14px; color: #016972; font-weight: 600; text-decoration: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .more-btn:hover { background-color: #ff4081; color: #fff; } /* Responsive */ @media (max-width: 768px) { .category-box { flex-direction: column; text-align: center; width: 100%; } .category-box img { margin: 0 0 15px; } } }
Before & After Image Slider .custom-slider-section { display: flex; align-items: center; justify-content: center; padding: 50px 20px; background-color: #f5f5f5; width: 100%; max-width: 1500px; margin: auto; } .custom-slider-container { display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; } .custom-content { width: 45%; padding: 20px; } .custom-content h2 { font-size: 28px; color: #222; margin-bottom: 10px; } .custom-content p { font-size: 16px; color: #555; margin-bottom: 20px; } .custom-content .btn { display: inline-block; background-color: #ff4081; color: #fff; padding: 12px 24px; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 6px; transition: background 0.3s ease; } .custom-content .btn:hover { background-color: #e91e63; } .custom-slider-box { position: relative; width: 50%; overflow: hidden; border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); } .custom-image-wrapper { position: relative; width: 100%; height: auto; aspect-ratio: 16 / 9; } .custom-image-before, .custom-image-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .custom-image-before { clip-path: inset(0 50% 0 0); transition: clip-path 0.1s ease-out; } .custom-slider-line { position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; background: #fff; pointer-events: none; transition: left 0.1s ease-out; } .custom-slider-button { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; background: #fff; border: 2px solid #ff4081; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #ff4081; font-weight: bold; pointer-events: none; transition: left 0.1s ease-out; } .custom-slider-button::after { content: '↔'; /* Clean arrow icon */ } .custom-slider { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; } /* Responsive */ @media (max-width: 768px) { .custom-slider-container { flex-direction: column; text-align: center; } .custom-content { width: 100%; } .custom-slider-box { width: 100%; } .custom-image-wrapper { aspect-ratio: 4 / 3; } .custom-content h2 { font-size: 22px; } .custom-content p { font-size: 14px; } }

Before & After Comparison
Instant Visual Impact

See the transformation clearly. Learn more about how our packaging can elevate your brand.

Explore More
After Before
const slider = document.querySelector('.custom-slider'); const beforeImage = document.querySelector('.custom-image-before'); const sliderLine = document.querySelector('.custom-slider-line'); const sliderButton = document.querySelector('.custom-slider-button'); function updateSlider(value) { const percentage = `${value}%`; beforeImage.style.clipPath = `inset(0 ${100 - value}% 0 0)`; sliderLine.style.left = percentage; sliderButton.style.left = percentage; } slider.addEventListener('input', (e) => { updateSlider(e.target.value); }); // Initial position at center updateSlider(50);
.video-gallery { display: grid; grid-template-columns: repeat(5, 1fr); /* 5 videos per row on desktop */ gap: 16px; padding: 16px; max-width: 100%; overflow-x: auto; } .gallery-item { position: relative; overflow: hidden; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.1); } .gallery-item video { width: 100%; height: auto; display: block; border-radius: 12px; } .mute-btn { position: absolute; bottom: 8px; right: 8px; background: rgba(0,0,0,0.6); color: #fff; padding: 6px; border: none; border-radius: 50%; cursor: pointer; } /* ✅ Tablet: 2 per row */ @media (max-width: 1024px) { .video-gallery { grid-template-columns: repeat(2, 1fr); } } /* ✅ Mobile: 2 per row */ @media (max-width: 600px) { .video-gallery { grid-template-columns: repeat(2, 1fr); } }
document.querySelectorAll('.gallery-item').forEach(item => { const video = item.querySelector('video'); const btn = item.querySelector('.mute-btn'); btn.addEventListener('click', () => { video.muted = !video.muted; btn.textContent = video.muted ? '🔇' : '🔊'; }); });
.testimonial-section { padding: 60px 20px; background: linear-gradient(135deg, #e0f7fa, #f3e5f5); font-family: 'Poppins', sans-serif; } .testimonial-heading { text-align: center; font-size: 2rem; font-weight: 600; margin-bottom: 40px; color: #222; } .testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; max-width: 1200px; margin: auto; } .testimonial-card { background: #ffffff; border-radius: 12px; padding: 24px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06); position: relative; transition: transform 0.3s ease; } .testimonial-card:hover { transform: translateY(-6px); } .testimonial-card::before { content: "“"; font-size: 60px; position: absolute; top: -20px; left: 20px; color: #e0e0e0; } .testimonial-text { font-size: 15px; color: #444; margin-bottom: 20px; line-height: 1.6; } .testimonial-name { font-weight: 600; color: #d81b60; font-size: 14px; text-align: right; } @media (max-width: 768px) { .testimonial-heading { font-size: 1.5rem; } .testimonial-card { padding: 20px; } }

❤️ What Our Customers Are Saying

I absolutely love TrendzieCare's Hair Curler! It's so easy to use, and the curls last all day without damaging my hair. Whether I want soft waves or tight curls, this tool delivers every time. Perfect for styling at home!

– Priya S

The Orange Facewash from TrendzieCare has become my daily go-to! It leaves my skin feeling refreshed, clean, and radiant. The citrusy fragrance is so uplifting, and it’s gentle even on my sensitive skin. A must-try for glowing skin!

– Mia R

I switched to the Neem Comb from TrendzieCare, and it’s been a great decision! It feels gentle on my scalp, reduces hair breakage, and even helps with dandruff. Plus, knowing it’s eco-friendly makes me love it even more.

– Sneha

TrendzieCare's Eyebrow Trimmer is a lifesaver! It’s precise, painless, and super easy to use. I can now groom my eyebrows at home effortlessly without any irritation. A fantastic product for anyone who loves convenience!

– Megha P
Shopping Cart
Scroll to Top