HOUSE OF SAANJH

bySuraj Paswan

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>House of Saanjh | Luxury Ethnic Wear</title> <style> /* Color Palette inspired by your brand */ :root { --primary-gold: #c5a059; --dark-bg: #1a1a1a; --text-light: #f9f9f9; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Georgia', serif; } body { background-color: var(--dark-bg); color: var(--text-light); line-height: 1.6; } /* Header & Navigation */ header { text-align: center; padding: 2rem; background-color: #000; border-bottom: 2px solid var(--primary-gold); } .logo-img { max-width: 250px; height: auto; } nav { margin-top: 1rem; } nav a { color: var(--primary-gold); text-decoration: none; margin: 0 15px; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 2px; } nav a:hover { color: #fff; } /* Hero Banner Section */ .hero { position: relative; text-align: center; padding: 4rem 2rem; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('1000023962.jpg') no-repeat center center/cover; min-height: 80vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hero h1 { font-size: 4rem; color: var(--primary-gold); margin-bottom: 1rem; text-shadow: 2px 2px 4px #000; } .hero p { font-size: 1.5rem; margin-bottom: 2rem; } .btn { background-color: var(--primary-gold); color: #000; padding: 15px 30px; text-decoration: none; font-weight: bold; font-size: 1.2rem; border-radius: 5px; transition: 0.3s; } .btn:hover { background-color: #fff; } /* Collections Section */ .collections { padding: 5rem 10%; text-align: center; background-color: #222; } .collections h2 { color: var(--primary-gold); font-size: 2.5rem; margin-bottom: 3rem; } .grid { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; } .card { background-color: #000; border: 1px solid var(--primary-gold); padding: 15px; width: 45%; min-width: 300px; } .card img { width: 100%; height: auto; border-bottom: 1px solid var(--primary-gold); margin-bottom: 15px; } /* Footer & Contact */ footer { background-color: #000; text-align: center; padding: 3rem; border-top: 2px solid var(--primary-gold); } .contact-info h3 { color: var(--primary-gold); margin-bottom: 1rem; } .contact-info p { margin-bottom: 0.5rem; } .footer-banner { max-width: 600px; width: 100%; margin: 20px auto; } </style> </head> <body> <header> <!-- Logo --> <img src="1000023963.jpg" alt="House of Saanjh Logo" class="logo-img"> <nav> <a href="#home">Home</a> <a href="#collections">Collections</a> <a href="#sale">Offers</a> <a href="#contact">Contact</a> </nav> </header> <section id="home" class="hero"> <h1>GRAND FESTIVAL SALE</h1> <p>Celebrate in Style. Up to 50% Off Everything!</p> <a href="#collections" class="btn">Shop The Sale</a> </section> <section id="collections" class="collections"> <h2>Handcrafted Heritage</h2> <div class="grid"> <!-- Festive Collection Poster --> <div class="card"> <img src="1000023961.jpg" alt="Festive Collection Live"> <h3 style="color: #c5a059;">Festive Collection Now Live</h3> <p>Embrace the essence of tradition and style.</p> </div> <!-- Grand Sale Poster --> <div class="card"> <img src="1000023962.jpg" alt="Luxury Ethnic Wear"> <h3 style="color: #c5a059;">Shop Lehengas, Sarees & Kurtas</h3> <p>Visit our stores & online for limited period offers.</p> </div> </div> </section> <footer id="contact"> <div class="contact-info"> <h3>Visit House of Saanjh</h3> <p>For Orders Contact: <strong>(7000066666)</strong></p> <p>Website: www.houseofsaanjh.com</p> <p>Instagram: @houseofsaanjh | Facebook: @HouseOfSaanjh</p> </div> <!-- Footer Banner Image --> <img src="1000023049.jpg" alt="Follow for more content" class="footer-banner"> <p style="margin-top: 2rem; font-size: 0.9rem;">&copy; 2026 House of Saanjh. All rights reserved.</p> </footer> </body> </html> Create a website

LandingLoginCartInventoryUsersProducts
Landing

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

Landing design preview
Login: Sign In
AdminDashboard: View Analytics
AdminDashboard: View Sales Reports
Products: Manage Listings
Products: Add Product
Products: Edit MRP
Inventory: Manage Stock
Users: Manage Accounts
Users: Edit Permissions