Trusted By 5000+ Happy Customers

Real people from Bethuadahari & Nadia district

❝
Priya Sharma
Bethuadahari
❝
Rahul Banerjee
Nabadwip
❝
Anita Das
Krishnanagar
❝
Vikash Roy
Bethuadahari
❝
Sangeeta Mondal
Chapra
❝
Arjun Ghosh
Nabadwip
background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 50%, rgba(212,175,55,0.15) 100%); backdrop-filter: blur(20px) saturate(180%); box-shadow: 0 8px 32px rgba(212,175,55,0.3), 0 0 0 1px rgba(212,175,55,0.1); border-bottom: 1px solid rgba(212,175,55,0.2); transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1); } .luxury-navbar .navbar-brand .navbar-caption { font-family: 'Playfair Display', serif !important; font-weight: 700; background: linear-gradient(135deg, #D4AF37 0%, #FDB931 50%, #FFD700 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: 0 0 30px rgba(212,175,55,0.5); letter-spacing: 2px; font-size: 1.8rem; transition: all 0.3s ease; } .navbar-logo-text { margin-left: 0.75rem; font-family: 'Playfair Display', serif; font-weight: 700; background: linear-gradient(135deg, #D4AF37 0%, #FDB931 50%, #FFD700 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: 1.5px; font-size: 1.4rem; display: inline-block; vertical-align: middle; } .luxury-navbar .nav-link { position: relative; color: #ffffff !important; font-weight: 500; padding: 12px 24px !important; margin: 0 8px; border-radius: 50px; overflow: hidden; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-transform: uppercase; letter-spacing: 1px; font-size: 0.95rem; } .luxury-navbar .nav-link::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(212,175,55,0.2), transparent); transition: left 0.6s; } .luxury-navbar .nav-link:hover::before { left: 100%; } .luxury-navbar .nav-link:hover { color: #D4AF37 !important; transform: translateY(-3px); box-shadow: 0 10px 30px rgba(212,175,55,0.4); background: rgba(212,175,55,0.1) !important; backdrop-filter: blur(10px); } .luxury-navbar .hamburger span { display: block; width: 24px; height: 2px; margin: 4px 0; background: linear-gradient(135deg, #D4AF37, #FDB931) !important; box-shadow: 0 2px 10px rgba(212,175,55,0.4); transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .luxury-navbar .btn-primary { background: linear-gradient(135deg, #D4AF37 0%, #FDB931 50%, #E3BE46 100%) !important; border: none !important; box-shadow: 0 8px 25px rgba(212,175,55,0.4) !important; border-radius: 50px !important; padding: 12px 32px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease !important; position: relative; overflow: hidden; } .luxury-navbar .btn-primary:hover { transform: translateY(-2px) scale(1.05) !important; box-shadow: 0 15px 40px rgba(212,175,55,0.6) !important; background: linear-gradient(135deg, #FDB931 0%, #D4AF37 50%, #FFD700 100%) !important; } .luxury-glow { animation: luxuryPulse 3s ease-in-out infinite alternate; } @keyframes luxuryPulse { 0% { box-shadow: 0 8px 32px rgba(212,175,55,0.3), 0 0 0 1px rgba(212,175,55,0.1); } 100% { box-shadow: 0 12px 48px rgba(212,175,55,0.5), 0 0 0 1px rgba(212,175,55,0.2); } } /* Hero Section - Luxury Style */ .luxury-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, rgba(10,10,10,0.95) 0%, rgba(0,0,0,0.9) 100%); } .luxury-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 80%, rgba(212,175,55,0.15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(253,185,49,0.12) 0%, transparent 50%); z-index: 1; animation: luxuryShine 8s ease-in-out infinite; } @keyframes luxuryShine { 0%, 100% { opacity: 0.8; transform: scale(1); } 50% { opacity: 1; transform: scale(1.05); } } .luxury-hero .content-wrapper { position: relative; z-index: 3; animation: fadeInUp 1.2s cubic-bezier(0.23, 1, 0.320, 1); } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } .luxury-hero .mbr-tag_1, .luxury-hero .mbr-tag_2 { background: linear-gradient(135deg, #D4AF37 0%, #FDB931 50%, #FFD700 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; font-family: 'Playfair Display', serif !important; font-weight: 600 !important; font-size: 1.4rem !important; text-shadow: 0 0 30px rgba(212,175,55,0.6); padding: 12px 28px !important; border: 2px solid rgba(212,175,55,0.3) !important; border-radius: 50px !important; backdrop-filter: blur(20px) !important; box-shadow: 0 8px 32px rgba(212,175,55,0.3) !important; display: inline-block; transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1); } .luxury-hero .mbr-section-title { font-family: 'Playfair Display', serif !important; background: linear-gradient(135deg, #FFFFFF 0%, #F0F0F0 50%, #D4AF37 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 700 !important; font-size: 4.5rem !important; line-height: 1.1 !important; text-shadow: 0 0 60px rgba(212,175,55,0.4); letter-spacing: -2px; margin-bottom: 24px; } .luxury-hero .mbr-section-subtitle { font-family: 'Cinzel', serif !important; color: rgba(255,255,255,0.95) !important; font-size: 2rem !important; font-weight: 400 !important; margin-bottom: 32px; } .luxury-hero .mbr-text { color: rgba(255,255,255,0.9) !important; font-size: 1.2rem !important; line-height: 1.8; max-width: 600px; backdrop-filter: blur(10px); padding: 24px; background: rgba(0,0,0,0.3); border: 1px solid rgba(212,175,55,0.2); border-radius: 20px; } .luxury-hero .btn-primary { background: linear-gradient(135deg, #D4AF37 0%, #FDB931 50%, #FFD700 100%) !important; border: none !important; box-shadow: 0 12px 40px rgba(212,175,55,0.5) !important; border-radius: 50px !important; padding: 18px 48px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; font-size: 1.1rem !important; text-transform: uppercase !important; letter-spacing: 2px !important; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1) !important; } .luxury-hero .btn-primary:hover { transform: translateY(-4px) scale(1.08) !important; box-shadow: 0 25px 60px rgba(212,175,55,0.7) !important; } /* Featured Products - Luxury Cards */ .featured-collections { background: linear-gradient(135deg, rgba(26,26,26,0.95), rgba(15,15,15,0.95)); padding: 100px 0; position: relative; } .featured-collections::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(212,175,55,0.5), transparent); } .product-card { background: rgba(255,255,255,0.05); backdrop-filter: blur(20px); border: 1px solid rgba(212,175,55,0.2); border-radius: 24px; padding: 2rem; text-align: center; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; height: 100%; } .product-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #D4AF37, #FDB931, #D4AF37); } .product-card:hover { transform: translateY(-20px); box-shadow: 0 40px 80px rgba(212,175,55,0.3); border-color: rgba(212,175,55,0.5); } .product-card img { width: 100%; height: 250px; object-fit: cover; border-radius: 16px; margin-bottom: 1.5rem; filter: drop-shadow(0 10px 30px rgba(0,0,0,0.4)); transition: all 0.4s ease; } .product-card:hover img { transform: scale(1.05); filter: drop-shadow(0 15px 40px rgba(212,175,55,0.3)); } .product-card h3 { font-family: 'Playfair Display', serif; font-size: 1.5rem; color: #ffffff; margin-bottom: 1rem; font-weight: 600; } .product-card p { font-family: 'Montserrat', sans-serif; font-size: 1.8rem; font-weight: 900; background: linear-gradient(135deg, #D4AF37, #FDB931); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Offers Banner - Hormozi Style */ .offers-banner { background: linear-gradient(135deg, #ff5f6d, #ffc371); box-shadow: 0 0 30px rgba(255, 100, 50, 0.7), 0 0 60px rgba(255, 80, 0, 0.4); position: relative; overflow: hidden; color: #fff; padding: 3rem 2rem; text-align: center; border-radius: 24px; margin: 4rem auto; max-width: 800px; animation: shine 5s linear infinite; } @keyframes shine { 0% { transform: translateX(-200%) rotate(20deg); } 100% { transform: translateX(200%) rotate(20deg); } } .offers-banner::before { content: "⚡ LIMITED TIME ⚡"; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.9); color: #ffc371; padding: 0.5rem 2rem; border-radius: 20px; font-size: 0.9rem; font-weight: 900; animation: blink 1s infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } .pulse-price { font-size: 3rem; font-weight: 900; color: #00ffbd; animation: pulse 1.2s infinite; } @keyframes pulse { 0% { transform: scale(1); text-shadow: 0 0 10px #00ffbd; } 50% { transform: scale(1.15); text-shadow: 0 0 25px #00ffbd; } 100% { transform: scale(1); text-shadow: 0 0 10px #00ffbd; } } /* Appointment Section */ .appointment-section { background: linear-gradient(145deg, rgba(26,26,26,0.98), rgba(15,15,15,0.95)); padding: 80px 0; border-radius: 32px; margin: 4rem auto; max-width: 1000px; box-shadow: 0 40px 80px rgba(0,0,0,0.5); } .appointment-form .form-control { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(212,175,55,0.3) !important; border-radius: 16px !important; color: #ffffff !important; padding: 16px 20px !important; font-size: 1rem; transition: all 0.3s ease !important; backdrop-filter: blur(10px); } .appointment-form .form-control:focus { background: rgba(255,255,255,0.1) !important; border-color: #D4AF37 !important; box-shadow: 0 0 0 0.25rem rgba(212,175,55,0.2) !important; } /* Footer */ .footer { background: linear-gradient(135deg, #001f3f, #000); color: white; padding: 4rem 0 2rem; position: relative; } .footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #D4AF37, #FDB931, #D4AF37); } /* Firebase Login */ .firebase-login { background: rgba(10,10,10,0.95); backdrop-filter: blur(20px); border: 1px solid rgba(212,175,55,0.3); border-radius: 24px; padding: 3rem; margin: 2rem auto; max-width: 500px; text-align: center; } .firebase-login input { background: rgba(255,255,255,0.1); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; color: white; padding: 1rem; margin: 1rem; width: 80%; } .firebase-login button { background: linear-gradient(135deg, #D4AF37, #FDB931); border: none; border-radius: 12px; color: #000; padding: 1rem 2rem; font-weight: 700; margin: 0.5rem; cursor: pointer; } /* Responsive */ @media (max-width: 768px) { .luxury-hero .mbr-section-title { font-size: 3rem !important; } .luxury-hero .mbr-section-subtitle { font-size: 1.6rem !important; } .navbar-logo-text { font-size: 1.2rem; } }

Vision

Luxury

Pay Once.
 See Better for Years. 

Craft Your Signature Look

Discover premium eyewear that defines your vision. Experience luxury frames, AI-powered face scanning, and personalized styling at Drishtii Eyecare.

Explore 100+ Frames
Premium Eyewear Collection
🔥 TODAY ONLY 🔥

Premium Eyeglasses @ ₹999

Frame + Lenses + Free Eye Checkup

Featured Collections

Classic Black Frame

Classic Black Frame

₹599

View Details
Premium Metal

Premium Metal

₹1999

View Details
Designer Choice

Designer Choice

₹1499

View Details

Login / Register


Book Your Free Eye Checkup