{"id":724,"date":"2026-03-29T17:37:34","date_gmt":"2026-03-29T17:37:34","guid":{"rendered":"https:\/\/trendvastra.com\/?page_id=724"},"modified":"2026-03-29T18:11:58","modified_gmt":"2026-03-29T18:11:58","slug":"landing-page","status":"publish","type":"page","link":"https:\/\/trendvastra.com\/index.php\/landing-page\/","title":{"rendered":"Landing page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTrendVastra \u2014 Wear the Moment<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --ink: #0e0e0e;\r\n --cream: #f5f0e8;\r\n --gold: #c9a84c;\r\n --gold-lt: #e8d08a;\r\n --white: #ffffff;\r\n --muted: #7a7166;\r\n --card-bg: #faf8f4;\r\n --border: #e2ddd4;\r\n --radius: 4px;\r\n --font-disp: 'Cormorant Garamond', serif;\r\n --font-body: 'DM Sans', sans-serif;\r\n --trans: 0.35s cubic-bezier(.4,0,.2,1);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n background: var(--cream);\r\n color: var(--ink);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 SCROLLBAR \u2500\u2500 *\/\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-track { background: var(--cream); }\r\n ::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 99px; }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n header {\r\n position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 0 5vw;\r\n height: 72px;\r\n background: rgba(245,240,232,.88);\r\n backdrop-filter: blur(18px);\r\n border-bottom: 1px solid var(--border);\r\n transition: box-shadow var(--trans);\r\n }\r\n header.scrolled { box-shadow: 0 4px 32px rgba(0,0,0,.08); }\r\n\r\n .logo {\r\n font-family: var(--font-disp);\r\n font-size: 1.6rem;\r\n font-weight: 600;\r\n letter-spacing: .06em;\r\n color: var(--ink);\r\n text-decoration: none;\r\n }\r\n .logo span { color: var(--gold); }\r\n\r\n nav { display: flex; align-items: center; gap: 2.4rem; }\r\n nav a {\r\n font-size: .82rem;\r\n font-weight: 500;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n color: var(--ink);\r\n text-decoration: none;\r\n position: relative;\r\n padding-bottom: 3px;\r\n }\r\n nav a::after {\r\n content:'';\r\n position: absolute; bottom:0; left:0; width:0; height:1px;\r\n background: var(--gold);\r\n transition: width var(--trans);\r\n }\r\n nav a:hover::after { width:100%; }\r\n\r\n .nav-cta {\r\n background: var(--ink);\r\n color: var(--white) !important;\r\n padding: .5rem 1.3rem;\r\n border-radius: var(--radius);\r\n letter-spacing: .1em;\r\n transition: background var(--trans), transform var(--trans);\r\n }\r\n .nav-cta:hover { background: var(--gold); transform: translateY(-1px); }\r\n .nav-cta::after { display:none !important; }\r\n\r\n .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }\r\n .hamburger span { width:22px; height:1.5px; background: var(--ink); display:block; transition: var(--trans); }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n #hero {\r\n min-height: 100vh;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n align-items: center;\r\n padding: 120px 5vw 80px;\r\n gap: 4rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n #hero::before {\r\n content:'';\r\n position: absolute; inset:0;\r\n background:\r\n radial-gradient(ellipse 60% 70% at 75% 50%, rgba(201,168,76,.13) 0%, transparent 65%),\r\n radial-gradient(ellipse 40% 50% at 20% 80%, rgba(201,168,76,.07) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n \/* decorative lines *\/\r\n #hero::after {\r\n content:'';\r\n position: absolute; right: 46%; top:10%; bottom:10%;\r\n width: 1px;\r\n background: linear-gradient(to bottom, transparent, var(--border) 30%, var(--border) 70%, transparent);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-text { animation: fadeUp .9s .1s both; }\r\n\r\n .hero-eyebrow {\r\n display: inline-flex; align-items: center; gap: .6rem;\r\n font-size: .72rem; letter-spacing: .22em; text-transform: uppercase;\r\n color: var(--gold); font-weight: 500; margin-bottom: 1.4rem;\r\n }\r\n .hero-eyebrow::before {\r\n content:''; width:28px; height:1px; background:var(--gold);\r\n }\r\n\r\n .hero-headline {\r\n font-family: var(--font-disp);\r\n font-size: clamp(3rem, 6vw, 5.2rem);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n letter-spacing: -.01em;\r\n margin-bottom: 1.4rem;\r\n color: var(--ink);\r\n }\r\n .hero-headline em {\r\n font-style: italic;\r\n color: var(--gold);\r\n }\r\n\r\n .hero-sub {\r\n font-size: 1rem;\r\n color: var(--muted);\r\n line-height: 1.75;\r\n max-width: 420px;\r\n margin-bottom: 2.4rem;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex; align-items: center; gap: .7rem;\r\n background: var(--ink);\r\n color: var(--white);\r\n padding: .9rem 2.2rem;\r\n font-size: .82rem;\r\n font-family: var(--font-body);\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border: 1.5px solid var(--ink);\r\n border-radius: var(--radius);\r\n cursor: pointer;\r\n transition: background var(--trans), color var(--trans), transform var(--trans), box-shadow var(--trans);\r\n }\r\n .btn-primary:hover {\r\n background: var(--gold);\r\n border-color: var(--gold);\r\n color: var(--ink);\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 32px rgba(201,168,76,.28);\r\n }\r\n .btn-primary i { transition: transform var(--trans); }\r\n .btn-primary:hover i { transform: translateX(4px); }\r\n\r\n .btn-ghost {\r\n display: inline-flex; align-items: center; gap: .6rem;\r\n background: transparent;\r\n color: var(--ink);\r\n padding: .9rem 2rem;\r\n font-size: .82rem;\r\n font-family: var(--font-body);\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border: 1.5px solid var(--border);\r\n border-radius: var(--radius);\r\n cursor: pointer;\r\n transition: border-color var(--trans), color var(--trans), transform var(--trans);\r\n }\r\n .btn-ghost:hover { border-color: var(--ink); transform: translateY(-2px); }\r\n\r\n .hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }\r\n\r\n .hero-stats {\r\n display: flex; gap: 2.5rem;\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--border);\r\n }\r\n .stat-item { }\r\n .stat-num {\r\n font-family: var(--font-disp);\r\n font-size: 2rem;\r\n font-weight: 600;\r\n line-height: 1;\r\n color: var(--ink);\r\n }\r\n .stat-num span { color: var(--gold); }\r\n .stat-label {\r\n font-size: .75rem;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: var(--muted);\r\n margin-top: .25rem;\r\n }\r\n\r\n \/* Hero visual side *\/\r\n .hero-visual {\r\n position: relative;\r\n animation: fadeUp .9s .3s both;\r\n }\r\n\r\n .hero-img-wrap {\r\n position: relative;\r\n border-radius: 2px;\r\n overflow: hidden;\r\n aspect-ratio: 3\/4;\r\n max-height: 620px;\r\n background: linear-gradient(135deg, #d4c4a0 0%, #b8a882 40%, #8c7b5e 100%);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n\r\n \/* Fashion silhouette SVG *\/\r\n .hero-img-wrap svg {\r\n width: 55%;\r\n opacity: .35;\r\n position: absolute;\r\n }\r\n\r\n .hero-img-overlay {\r\n position: absolute; inset:0;\r\n background: linear-gradient(to top, rgba(14,14,14,.5) 0%, transparent 60%);\r\n }\r\n\r\n .hero-badge {\r\n position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);\r\n background: rgba(245,240,232,.92);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: .8rem 1.4rem;\r\n display: flex; align-items: center; gap: .8rem;\r\n white-space: nowrap;\r\n font-size: .78rem;\r\n color: var(--ink);\r\n letter-spacing: .06em;\r\n }\r\n .hero-badge strong { color: var(--gold); font-weight:600; }\r\n\r\n .hero-tag {\r\n position: absolute; top: 1.8rem; right: -1rem;\r\n background: var(--gold);\r\n color: var(--ink);\r\n font-size: .72rem;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n padding: .5rem 1.2rem;\r\n writing-mode: vertical-rl;\r\n letter-spacing: .18em;\r\n }\r\n\r\n \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\r\n section { padding: 100px 5vw; }\r\n\r\n .section-label {\r\n display: inline-flex; align-items: center; gap: .6rem;\r\n font-size: .72rem; letter-spacing: .22em; text-transform: uppercase;\r\n color: var(--gold); font-weight: 500; margin-bottom: 1rem;\r\n }\r\n .section-label::before { content:''; width:20px; height:1px; background:var(--gold); }\r\n\r\n .section-title {\r\n font-family: var(--font-disp);\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n font-weight: 300;\r\n line-height: 1.2;\r\n margin-bottom: 1rem;\r\n }\r\n .section-title em { font-style:italic; color:var(--gold); }\r\n .section-sub { color: var(--muted); max-width:500px; line-height:1.75; font-size:.95rem; }\r\n\r\n \/* \u2500\u2500 MARQUEE BAND \u2500\u2500 *\/\r\n .marquee-band {\r\n background: var(--ink);\r\n color: var(--white);\r\n padding: 1rem 0;\r\n overflow: hidden;\r\n }\r\n .marquee-inner {\r\n display: flex; gap: 3rem;\r\n animation: marquee 22s linear infinite;\r\n width: max-content;\r\n }\r\n .marquee-item {\r\n display: flex; align-items: center; gap: 1rem;\r\n font-size: .75rem; letter-spacing: .2em; text-transform: uppercase;\r\n white-space: nowrap;\r\n }\r\n .marquee-item i { color: var(--gold); font-size: .6rem; }\r\n\r\n @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n\r\n \/* \u2500\u2500 PRODUCTS \u2500\u2500 *\/\r\n #products { background: var(--white); }\r\n .products-header { margin-bottom: 4rem; }\r\n\r\n .product-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .product-card {\r\n background: var(--card-bg);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n transition: transform var(--trans), box-shadow var(--trans);\r\n cursor: pointer;\r\n }\r\n .product-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 60px rgba(0,0,0,.1);\r\n }\r\n\r\n .product-img {\r\n position: relative;\r\n aspect-ratio: 3\/4;\r\n overflow: hidden;\r\n background: linear-gradient(160deg, #e8e0d0, #c8bba0);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .product-img-inner {\r\n width:100%; height:100%;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:4rem;\r\n transition: transform var(--trans);\r\n }\r\n .product-card:hover .product-img-inner { transform: scale(1.05); }\r\n\r\n \/* individual card color accents *\/\r\n .pc-1 .product-img { background: linear-gradient(160deg, #e8d5c4, #c4a882); }\r\n .pc-2 .product-img { background: linear-gradient(160deg, #d4dde8, #8fa8c4); }\r\n .pc-3 .product-img { background: linear-gradient(160deg, #e8e4d4, #b8b090); }\r\n .pc-4 .product-img { background: linear-gradient(160deg, #e0d8e8, #a890b8); }\r\n .pc-5 .product-img { background: linear-gradient(160deg, #d8e8e4, #80b0a8); }\r\n .pc-6 .product-img { background: linear-gradient(160deg, #e8dcd4, #c0907a); }\r\n .pc-7 .product-img { background: linear-gradient(160deg, #f0e8d4, #d4b870); }\r\n .pc-8 .product-img { background: linear-gradient(160deg, #dce8d8, #90b080); }\r\n\r\n .product-badge {\r\n position: absolute; top:.8rem; left:.8rem;\r\n background: var(--gold);\r\n color: var(--ink);\r\n font-size: .65rem;\r\n font-weight: 600;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n padding: .25rem .6rem;\r\n border-radius: 2px;\r\n }\r\n .product-badge.new { background: var(--ink); color: var(--white); }\r\n\r\n .product-wish {\r\n position: absolute; top:.8rem; right:.8rem;\r\n width:32px; height:32px;\r\n background: rgba(245,240,232,.9);\r\n border-radius: 50%;\r\n display: flex; align-items:center; justify-content:center;\r\n font-size:.8rem; color:var(--muted);\r\n transition: color var(--trans), background var(--trans);\r\n opacity:0;\r\n transition: opacity var(--trans), color var(--trans);\r\n }\r\n .product-card:hover .product-wish { opacity:1; }\r\n .product-wish:hover { color: #e05; background: var(--white); }\r\n\r\n .product-info { padding: 1.2rem; }\r\n .product-cat {\r\n font-size:.68rem; letter-spacing:.14em; text-transform:uppercase;\r\n color:var(--muted); margin-bottom:.3rem;\r\n }\r\n .product-name {\r\n font-family: var(--font-disp);\r\n font-size:1.1rem; font-weight:400;\r\n margin-bottom:.6rem; line-height:1.3;\r\n }\r\n .product-pricing { display:flex; align-items:center; gap:.6rem; margin-bottom:1rem; }\r\n .price-now { font-size:1rem; font-weight:500; color:var(--ink); }\r\n .price-was { font-size:.82rem; color:var(--muted); text-decoration:line-through; }\r\n .price-off { font-size:.7rem; color:var(--gold); font-weight:600; letter-spacing:.06em; }\r\n\r\n .btn-cart {\r\n width:100%;\r\n background: var(--ink);\r\n color: var(--white);\r\n border: none;\r\n padding: .7rem;\r\n font-family: var(--font-body);\r\n font-size: .75rem;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n border-radius: var(--radius);\r\n transition: background var(--trans), transform var(--trans);\r\n display:flex; align-items:center; justify-content:center; gap:.5rem;\r\n }\r\n .btn-cart:hover { background: var(--gold); color: var(--ink); }\r\n\r\n \/* \u2500\u2500 FEATURES \u2500\u2500 *\/\r\n #features {\r\n background: var(--ink);\r\n color: var(--white);\r\n }\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n .feature-card {\r\n padding: 2.5rem 2rem;\r\n border: 1px solid rgba(255,255,255,.08);\r\n border-radius: var(--radius);\r\n transition: border-color var(--trans), transform var(--trans);\r\n position:relative; overflow:hidden;\r\n }\r\n .feature-card::before {\r\n content:'';\r\n position:absolute; inset:0;\r\n background: radial-gradient(ellipse at top left, rgba(201,168,76,.12), transparent 60%);\r\n opacity:0; transition: opacity var(--trans);\r\n }\r\n .feature-card:hover { border-color: var(--gold); transform: translateY(-4px); }\r\n .feature-card:hover::before { opacity:1; }\r\n\r\n .feature-icon {\r\n width:52px; height:52px;\r\n background: rgba(201,168,76,.12);\r\n border-radius: 50%;\r\n display: flex; align-items:center; justify-content:center;\r\n font-size:1.3rem; color:var(--gold);\r\n margin-bottom: 1.4rem;\r\n }\r\n .feature-title {\r\n font-family: var(--font-disp);\r\n font-size:1.2rem; font-weight:400;\r\n margin-bottom:.5rem; color:var(--white);\r\n }\r\n .feature-desc { font-size:.85rem; color:rgba(255,255,255,.5); line-height:1.7; }\r\n\r\n \/* \u2500\u2500 COLLECTION BANNER \u2500\u2500 *\/\r\n #collection {\r\n padding: 0;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n min-height: 480px;\r\n }\r\n .col-panel {\r\n position: relative;\r\n overflow: hidden;\r\n display: flex; align-items: flex-end;\r\n padding: 3rem;\r\n cursor: pointer;\r\n }\r\n .col-panel-bg {\r\n position:absolute; inset:0;\r\n transition: transform .6s cubic-bezier(.4,0,.2,1);\r\n }\r\n .col-panel:hover .col-panel-bg { transform: scale(1.04); }\r\n .col-a .col-panel-bg { background: linear-gradient(135deg, #1a1510 0%, #4a3c28 100%); }\r\n .col-b .col-panel-bg { background: linear-gradient(135deg, #0e1a20 0%, #1e3a4a 100%); }\r\n .col-panel-content {\r\n position:relative; z-index:1;\r\n background: rgba(14,14,14,.5);\r\n backdrop-filter:blur(8px);\r\n padding:1.4rem 1.8rem;\r\n border:1px solid rgba(255,255,255,.1);\r\n border-radius:var(--radius);\r\n }\r\n .col-panel-label {\r\n font-size:.7rem; letter-spacing:.22em; text-transform:uppercase;\r\n color:var(--gold); margin-bottom:.4rem;\r\n }\r\n .col-panel-title {\r\n font-family:var(--font-disp); font-size:2rem; font-weight:300;\r\n color:var(--white); margin-bottom:.8rem;\r\n }\r\n .col-panel-link {\r\n display:inline-flex; align-items:center; gap:.5rem;\r\n font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;\r\n color:var(--white); text-decoration:none;\r\n border-bottom:1px solid var(--gold); padding-bottom:.2rem;\r\n transition: color var(--trans), gap var(--trans);\r\n }\r\n .col-panel-link:hover { color:var(--gold); gap:.8rem; }\r\n \/* emoji decoration *\/\r\n .col-emoji { font-size:5rem; position:absolute; right:3rem; top:50%; transform:translateY(-50%); opacity:.15; }\r\n\r\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n #testimonials { background: var(--cream); }\r\n .testimonial-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: 2rem;\r\n transition: transform var(--trans), box-shadow var(--trans);\r\n }\r\n .testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,.07); }\r\n\r\n .stars { color: var(--gold); font-size:.9rem; margin-bottom:1rem; letter-spacing:.1em; }\r\n .testimonial-text {\r\n font-family: var(--font-disp);\r\n font-size:1.05rem; font-weight:300; font-style:italic;\r\n line-height:1.7; color:var(--ink);\r\n margin-bottom:1.4rem;\r\n }\r\n .testimonial-author { display:flex; align-items:center; gap:.8rem; }\r\n .author-avatar {\r\n width:40px; height:40px; border-radius:50%;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:1.1rem; font-weight:600;\r\n color:var(--white);\r\n flex-shrink:0;\r\n }\r\n .av-1 { background: linear-gradient(135deg, #c9a84c, #e8c870); }\r\n .av-2 { background: linear-gradient(135deg, #4a6080, #6888b0); }\r\n .av-3 { background: linear-gradient(135deg, #806080, #b090b0); }\r\n .author-name { font-size:.88rem; font-weight:500; }\r\n .author-title { font-size:.72rem; color:var(--muted); letter-spacing:.06em; }\r\n\r\n \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\r\n #contact { background: var(--white); }\r\n .contact-wrap {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 6rem;\r\n align-items: start;\r\n }\r\n\r\n .contact-info-item {\r\n display:flex; align-items:flex-start; gap:1rem;\r\n margin-bottom:1.6rem;\r\n }\r\n .ci-icon {\r\n width:40px; height:40px; flex-shrink:0;\r\n background: var(--cream);\r\n border:1px solid var(--border);\r\n border-radius:50%;\r\n display:flex; align-items:center; justify-content:center;\r\n color:var(--gold); font-size:.9rem;\r\n }\r\n .ci-label { font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:.2rem; }\r\n .ci-val { font-size:.9rem; font-weight:500; }\r\n\r\n .form-group { margin-bottom:1.2rem; }\r\n .form-group label {\r\n display:block;\r\n font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;\r\n color:var(--muted); margin-bottom:.5rem;\r\n }\r\n .form-group input,\r\n .form-group textarea,\r\n .form-group select {\r\n width:100%;\r\n background: var(--card-bg);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: .85rem 1rem;\r\n font-family: var(--font-body);\r\n font-size: .9rem;\r\n color: var(--ink);\r\n outline:none;\r\n transition: border-color var(--trans), box-shadow var(--trans);\r\n appearance: none;\r\n }\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n border-color: var(--gold);\r\n box-shadow: 0 0 0 3px rgba(201,168,76,.12);\r\n }\r\n .form-group textarea { resize:vertical; min-height:120px; }\r\n\r\n .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: var(--ink);\r\n color: rgba(255,255,255,.6);\r\n }\r\n .footer-top {\r\n display:grid;\r\n grid-template-columns: 1.8fr 1fr 1fr 1fr;\r\n gap:3rem;\r\n padding: 5rem 5vw 4rem;\r\n border-bottom: 1px solid rgba(255,255,255,.06);\r\n }\r\n .footer-brand .logo { color:var(--white); }\r\n .footer-tagline { font-size:.85rem; line-height:1.8; margin-top:.8rem; max-width:260px; }\r\n .footer-socials { display:flex; gap:.8rem; margin-top:1.6rem; }\r\n .social-btn {\r\n width:36px; height:36px;\r\n background: rgba(255,255,255,.06);\r\n border-radius:50%;\r\n display:flex; align-items:center; justify-content:center;\r\n color:rgba(255,255,255,.5);\r\n font-size:.85rem; text-decoration:none;\r\n transition: background var(--trans), color var(--trans);\r\n }\r\n .social-btn:hover { background:var(--gold); color:var(--ink); }\r\n\r\n .footer-col h4 {\r\n font-size:.72rem; letter-spacing:.2em; text-transform:uppercase;\r\n color:var(--white); margin-bottom:1.2rem;\r\n }\r\n .footer-col ul { list-style:none; }\r\n .footer-col ul li { margin-bottom:.6rem; }\r\n .footer-col ul li a {\r\n font-size:.85rem; color:rgba(255,255,255,.45);\r\n text-decoration:none;\r\n transition: color var(--trans);\r\n }\r\n .footer-col ul li a:hover { color:var(--gold); }\r\n\r\n .footer-bottom {\r\n padding: 1.5rem 5vw;\r\n display:flex; align-items:center; justify-content:space-between;\r\n font-size:.78rem;\r\n }\r\n .footer-bottom a { color:rgba(255,255,255,.3); text-decoration:none; }\r\n .footer-bottom a:hover { color:var(--gold); }\r\n .footer-pay { display:flex; gap:.6rem; align-items:center; }\r\n .pay-icon {\r\n background:rgba(255,255,255,.08); border-radius:3px;\r\n padding:.2rem .5rem; font-size:.65rem; letter-spacing:.06em;\r\n color:rgba(255,255,255,.4);\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity:0; transform:translateY(30px); }\r\n to { opacity:1; transform:translateY(0); }\r\n }\r\n @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\r\n\r\n .reveal {\r\n opacity:0; transform:translateY(24px);\r\n transition: opacity .7s ease, transform .7s ease;\r\n }\r\n .reveal.visible { opacity:1; transform:translateY(0); }\r\n .reveal-delay-1 { transition-delay:.1s; }\r\n .reveal-delay-2 { transition-delay:.2s; }\r\n .reveal-delay-3 { transition-delay:.3s; }\r\n .reveal-delay-4 { transition-delay:.4s; }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width:1100px) {\r\n .product-grid { grid-template-columns:repeat(3,1fr); }\r\n .footer-top { grid-template-columns:1fr 1fr; }\r\n }\r\n\r\n @media (max-width:900px) {\r\n #hero { grid-template-columns:1fr; min-height:auto; padding-top:100px; }\r\n #hero::after { display:none; }\r\n .hero-visual { display:none; }\r\n .features-grid { grid-template-columns:repeat(2,1fr); }\r\n .contact-wrap { grid-template-columns:1fr; gap:3rem; }\r\n .product-grid { grid-template-columns:repeat(2,1fr); }\r\n #collection { grid-template-columns:1fr; }\r\n .testimonial-grid { grid-template-columns:1fr; }\r\n }\r\n\r\n @media (max-width:640px) {\r\n nav { display:none; }\r\n nav.open {\r\n display:flex; flex-direction:column;\r\n position:fixed; top:72px; left:0; right:0;\r\n background:var(--cream); padding:2rem 5vw;\r\n border-bottom:1px solid var(--border);\r\n gap:1.2rem; align-items:flex-start;\r\n }\r\n .hamburger { display:flex; }\r\n .product-grid { grid-template-columns:repeat(2,1fr); gap:.8rem; }\r\n .features-grid { grid-template-columns:1fr; }\r\n .form-row { grid-template-columns:1fr; }\r\n .footer-top { grid-template-columns:1fr; }\r\n .footer-bottom { flex-direction:column; gap:.8rem; text-align:center; }\r\n .hero-stats { gap:1.5rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<header id=\"header\">\r\n <a href=\"#\" class=\"logo\">Trend<span>Vastra<\/span><\/a>\r\n <nav id=\"nav\">\r\n <a href=\"#hero\">Home<\/a>\r\n <a href=\"#products\">Shop<\/a>\r\n <a href=\"#collection\">Collections<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <a href=\"#products\" class=\"nav-cta\">Shop Now<\/a>\r\n <\/nav>\r\n <div class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"hero\">\r\n <div class=\"hero-text\">\r\n <div class=\"hero-eyebrow\">New Season \u2014 SS 2026<\/div>\r\n <h1 class=\"hero-headline\">\r\n Dress Like<br>You Mean <em>It.<\/em>\r\n <\/h1>\r\n <p class=\"hero-sub\">\r\n Curated fashion that speaks before you do. Premium fabrics, timeless silhouettes, and prices that don't punish ambition.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#products\" class=\"btn-primary\">Explore Collection <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <a href=\"#collection\" class=\"btn-ghost\">View Lookbook<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\">12K<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Happy Customers<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\">340<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Styles Available<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\">4.9<span>\u2605<\/span><\/div>\r\n <div class=\"stat-label\">Average Rating<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-img-wrap\">\r\n <!-- Elegant fashion silhouette -->\r\n <svg viewBox=\"0 0 200 340\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <ellipse cx=\"100\" cy=\"42\" rx=\"28\" ry=\"32\" fill=\"white\"\/>\r\n <path d=\"M60 80 Q60 70 100 68 Q140 70 140 80 L155 180 Q100 200 45 180 Z\" fill=\"white\"\/>\r\n <path d=\"M45 180 Q30 220 28 290 L50 292 Q58 240 72 200 Q100 215 128 200 Q142 240 150 292 L172 290 Q170 220 155 180\" fill=\"white\"\/>\r\n <path d=\"M60 80 L32 140 Q24 160 30 170 L50 165 L65 120\" fill=\"white\"\/>\r\n <path d=\"M140 80 L168 140 Q176 160 170 170 L150 165 L135 120\" fill=\"white\"\/>\r\n <\/svg>\r\n <div class=\"hero-img-overlay\"><\/div>\r\n <div class=\"hero-badge\">\r\n <i class=\"fas fa-tag\" style=\"color:var(--gold)\"><\/i>\r\n Up to <strong>40% OFF<\/strong> on New Arrivals\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-tag\">SS 2026<\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"marquee-band\">\r\n <div class=\"marquee-inner\" id=\"marqueeInner\">\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Free Shipping Over \u20b9999<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> New Arrivals Every Week<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Easy 30-Day Returns<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Sustainable Fashion<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Premium Indian Craftsmanship<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Exclusive Members Discount<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Free Shipping Over \u20b9999<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> New Arrivals Every Week<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Easy 30-Day Returns<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Sustainable Fashion<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Premium Indian Craftsmanship<\/span>\r\n <span class=\"marquee-item\"><i class=\"fas fa-circle\"><\/i> Exclusive Members Discount<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRODUCTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"products\">\r\n <div class=\"products-header reveal\">\r\n <div class=\"section-label\">Trending Now<\/div>\r\n <h2 class=\"section-title\">Our <em>Featured<\/em> Pieces<\/h2>\r\n <p class=\"section-sub\">Hand-picked styles that define this season \u2014 from effortless casuals to show-stopping statements.<\/p>\r\n <\/div>\r\n\r\n <div class=\"product-grid\">\r\n <!-- Card 1 -->\r\n <div class=\"product-card pc-1 reveal\">\r\n <div class=\"product-img\">\r\n <div class=\"product-img-inner\">\ud83d\udc57<\/div>\r\n <div class=\"product-badge\">Sale<\/div>\r\n <div class=\"product-wish\"><i class=\"far fa-heart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div class=\"product-cat\">Women \u00b7 Dress<\/div>\r\n <div class=\"product-name\">Sahara Drape Dress<\/div>\r\n <div class=\"product-pricing\">\r\n <span class=\"price-now\">\u20b91,899<\/span>\r\n <span class=\"price-was\">\u20b92,999<\/span>\r\n <span class=\"price-off\">\u221237%<\/span>\r\n <\/div>\r\n <button class=\"btn-cart\"><i class=\"fas fa-bag-shopping\"><\/i> Add to Cart<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"product-card pc-2 reveal reveal-delay-1\">\r\n <div class=\"product-img\">\r\n <div class=\"product-img-inner\">\ud83e\udde5<\/div>\r\n <div class=\"product-badge new\">New<\/div>\r\n <div class=\"product-wish\"><i class=\"far fa-heart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div class=\"product-cat\">Men \u00b7 Outerwear<\/div>\r\n <div class=\"product-name\">Indigo Linen Blazer<\/div>\r\n <div class=\"product-pricing\">\r\n <span class=\"price-now\">\u20b93,499<\/span>\r\n <span class=\"price-was\">\u20b94,199<\/span>\r\n <span class=\"price-off\">\u221217%<\/span>\r\n <\/div>\r\n <button class=\"btn-cart\"><i class=\"fas fa-bag-shopping\"><\/i> Add to Cart<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"product-card pc-3 reveal reveal-delay-2\">\r\n <div class=\"product-img\">\r\n <div class=\"product-img-inner\">\ud83d\udc55<\/div>\r\n <div class=\"product-badge\">Sale<\/div>\r\n <div class=\"product-wish\"><i class=\"far fa-heart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div class=\"product-cat\">Unisex \u00b7 Top<\/div>\r\n <div class=\"product-name\">Khadi Minimal Tee<\/div>\r\n <div class=\"product-pricing\">\r\n <span class=\"price-now\">\u20b9799<\/span>\r\n <span class=\"price-was\">\u20b91,199<\/span>\r\n <span class=\"price-off\">\u221233%<\/span>\r\n <\/div>\r\n <button class=\"btn-cart\"><i class=\"fas fa-bag-shopping\"><\/i> Add to Cart<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"product-card pc-4 reveal reveal-delay-3\">\r\n <div class=\"product-img\">\r\n <div class=\"product-img-inner\">\ud83d\udc5a<\/div>\r\n <div class=\"product-badge new\">New<\/div>\r\n <div class=\"product-wish\"><i class=\"far fa-heart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div class=\"product-cat\">Women \u00b7 Co-ord<\/div>\r\n <div class=\"product-name\">Lavender Coord Set<\/div>\r\n <div class=\"product-pricing\">\r\n <span class=\"price-now\">\u20b92,299<\/span>\r\n <span class=\"price-was\">\u20b92,899<\/span>\r\n <span class=\"price-off\">\u221221%<\/span>\r\n <\/div>\r\n <button class=\"btn-cart\"><i class=\"fas fa-bag-shopping\"><\/i> Add to Cart<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 5 -->\r\n <div class=\"product-card pc-5 reveal\">\r\n <div class=\"product-img\">\r\n <div class=\"product-img-inner\">\ud83e\udd7b<\/div>\r\n <div class=\"product-badge new\">New<\/div>\r\n <div class=\"product-wish\"><i class=\"far fa-heart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div class=\"product-cat\">Women \u00b7 Ethnic<\/div>\r\n <div class=\"product-name\">Teal Handloom Saree<\/div>\r\n <div class=\"product-pricing\">\r\n <span class=\"price-now\">\u20b94,199<\/span>\r\n <span class=\"price-was\">\u20b95,500<\/span>\r\n <span class=\"price-off\">\u221224%<\/span>\r\n <\/div>\r\n <button class=\"btn-cart\"><i class=\"fas fa-bag-shopping\"><\/i> Add to Cart<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 6 -->\r\n <div class=\"product-card pc-6 reveal reveal-delay-1\">\r\n <div class=\"product-img\">\r\n <div class=\"product-img-inner\">\ud83d\udc54<\/div>\r\n <div class=\"product-badge\">Sale<\/div>\r\n <div class=\"product-wish\"><i class=\"far fa-heart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div class=\"product-cat\">Men \u00b7 Formal<\/div>\r\n <div class=\"product-name\">Copper Poplin Shirt<\/div>\r\n <div class=\"product-pricing\">\r\n <span class=\"price-now\">\u20b91,299<\/span>\r\n <span class=\"price-was\">\u20b91,899<\/span>\r\n <span class=\"price-off\">\u221232%<\/span>\r\n <\/div>\r\n <button class=\"btn-cart\"><i class=\"fas fa-bag-shopping\"><\/i> Add to Cart<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 7 -->\r\n <div class=\"product-card pc-7 reveal reveal-delay-2\">\r\n <div class=\"product-img\">\r\n <div class=\"product-img-inner\">\ud83e\udde3<\/div>\r\n <div class=\"product-badge new\">New<\/div>\r\n <div class=\"product-wish\"><i class=\"far fa-heart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div class=\"product-cat\">Accessories \u00b7 Scarf<\/div>\r\n <div class=\"product-name\">Golden Pashmina Wrap<\/div>\r\n <div class=\"product-pricing\">\r\n <span class=\"price-now\">\u20b9999<\/span>\r\n <span class=\"price-was\">\u20b91,499<\/span>\r\n <span class=\"price-off\">\u221233%<\/span>\r\n <\/div>\r\n <button class=\"btn-cart\"><i class=\"fas fa-bag-shopping\"><\/i> Add to Cart<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 8 -->\r\n <div class=\"product-card pc-8 reveal reveal-delay-3\">\r\n <div class=\"product-img\">\r\n <div class=\"product-img-inner\">\ud83e\ude71<\/div>\r\n <div class=\"product-badge\">Sale<\/div>\r\n <div class=\"product-wish\"><i class=\"far fa-heart\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div class=\"product-cat\">Women \u00b7 Casual<\/div>\r\n <div class=\"product-name\">Sage Linen Jumpsuit<\/div>\r\n <div class=\"product-pricing\">\r\n <span class=\"price-now\">\u20b91,699<\/span>\r\n <span class=\"price-was\">\u20b92,399<\/span>\r\n <span class=\"price-off\">\u221229%<\/span>\r\n <\/div>\r\n <button class=\"btn-cart\"><i class=\"fas fa-bag-shopping\"><\/i> Add to Cart<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"text-align:center;margin-top:3.5rem;\">\r\n <a href=\"#\" class=\"btn-ghost\">View All Products <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FEATURES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"features\">\r\n <div style=\"text-align:center;margin-bottom:3.5rem;\" class=\"reveal\">\r\n <div class=\"section-label\" style=\"justify-content:center;\">Why TrendVastra<\/div>\r\n <h2 class=\"section-title\" style=\"color:var(--white);\">The <em>Promise<\/em> We Keep<\/h2>\r\n <\/div>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card reveal\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-truck-fast\"><\/i><\/div>\r\n <div class=\"feature-title\">Free Shipping<\/div>\r\n <p class=\"feature-desc\">On all orders above \u20b9999. Express delivery available across 500+ cities in India within 48 hours.<\/p>\r\n <\/div>\r\n <div class=\"feature-card reveal reveal-delay-1\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-rotate-left\"><\/i><\/div>\r\n <div class=\"feature-title\">Easy Returns<\/div>\r\n <p class=\"feature-desc\">No questions asked 30-day return policy. Hassle-free pickup right from your doorstep.<\/p>\r\n <\/div>\r\n <div class=\"feature-card reveal reveal-delay-2\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\r\n <div class=\"feature-title\">Secure Payment<\/div>\r\n <p class=\"feature-desc\">256-bit SSL encryption across all transactions. Pay via UPI, cards, netbanking or EMI \u2014 all secured.<\/p>\r\n <\/div>\r\n <div class=\"feature-card reveal reveal-delay-3\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n <div class=\"feature-title\">Premium Quality<\/div>\r\n <p class=\"feature-desc\">Every fabric is handpicked, tested for durability and finish. Only the best makes it to your wardrobe.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 COLLECTION BANNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"collection\">\r\n <div class=\"col-panel col-a\">\r\n <div class=\"col-panel-bg\"><\/div>\r\n <div class=\"col-emoji\">\ud83d\udc57<\/div>\r\n <div class=\"col-panel-content\">\r\n <div class=\"col-panel-label\">Women's Edit<\/div>\r\n <div class=\"col-panel-title\">Timeless<br>Femininity<\/div>\r\n <a href=\"#products\" class=\"col-panel-link\">Shop Women <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-panel col-b\">\r\n <div class=\"col-panel-bg\"><\/div>\r\n <div class=\"col-emoji\">\ud83e\udde5<\/div>\r\n <div class=\"col-panel-content\">\r\n <div class=\"col-panel-label\">Men's Edit<\/div>\r\n <div class=\"col-panel-title\">Sharp &<br>Understated<\/div>\r\n <a href=\"#products\" class=\"col-panel-link\">Shop Men <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"testimonials\">\r\n <div class=\"reveal\" style=\"text-align:center; margin-bottom: 1rem;\">\r\n <div class=\"section-label\" style=\"justify-content:center;\">Real Reviews<\/div>\r\n <h2 class=\"section-title\">What Our <em>Customers<\/em> Say<\/h2>\r\n <\/div>\r\n\r\n <div class=\"testimonial-grid\">\r\n <div class=\"testimonial-card reveal\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"I ordered the Sahara Drape Dress for a wedding and received so many compliments. The fabric quality is absolutely stunning \u2014 feels luxurious without the luxury price tag.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar av-1\">P<\/div>\r\n <div>\r\n <div class=\"author-name\">Priya Sharma<\/div>\r\n <div class=\"author-title\">Delhi, India \u00b7 Verified Buyer<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card reveal reveal-delay-1\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"The Indigo Linen Blazer is exactly what I needed for client meetings \u2014 professional yet relaxed. Fast delivery and the packaging was incredibly premium. Will definitely reorder.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar av-2\">R<\/div>\r\n <div>\r\n <div class=\"author-name\">Rahul Mehta<\/div>\r\n <div class=\"author-title\">Mumbai, India \u00b7 Verified Buyer<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card reveal reveal-delay-2\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"Returns process was seamless \u2014 I got the wrong size initially and they handled everything within a day. The replacement arrived perfectly. This is how fashion should feel.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar av-3\">A<\/div>\r\n <div>\r\n <div class=\"author-name\">Ananya Iyer<\/div>\r\n <div class=\"author-title\">Bengaluru, India \u00b7 Verified Buyer<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"contact\">\r\n <div class=\"contact-wrap\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">Get in Touch<\/div>\r\n <h2 class=\"section-title\">We'd Love to <em>Hear<\/em> From You<\/h2>\r\n <p class=\"section-sub\" style=\"margin-bottom:2.5rem;\">Whether it's a size query, styling advice, or a business inquiry \u2014 our team is here for you.<\/p>\r\n\r\n <div class=\"contact-info-item\">\r\n <div class=\"ci-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n <div>\r\n <div class=\"ci-label\">Address<\/div>\r\n <div class=\"ci-val\">Block B, Fashion Street, Connaught Place, New Delhi \u2014 110001<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-info-item\">\r\n <div class=\"ci-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div>\r\n <div class=\"ci-label\">Email<\/div>\r\n <div class=\"ci-val\">hello@trendvastra.in<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-info-item\">\r\n <div class=\"ci-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div>\r\n <div class=\"ci-label\">Phone<\/div>\r\n <div class=\"ci-val\">+91 98765 43210<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal reveal-delay-1\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"fname\">First Name<\/label>\r\n <input type=\"text\" id=\"fname\" placeholder=\"Priya\"\/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"lname\">Last Name<\/label>\r\n <input type=\"text\" id=\"lname\" placeholder=\"Sharma\"\/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"priya@example.com\"\/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"subject\">Subject<\/label>\r\n <input type=\"text\" id=\"subject\" placeholder=\"Order enquiry, styling help...\"\/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"msg\">Message<\/label>\r\n <textarea id=\"msg\" placeholder=\"Tell us how we can help...\"><\/textarea>\r\n <\/div>\r\n <button class=\"btn-primary\" style=\"width:100%;justify-content:center;\" onclick=\"handleSubmit(event)\">\r\n Send Message <i class=\"fas fa-paper-plane\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer>\r\n <div class=\"footer-top\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\">Trend<span>Vastra<\/span><\/a>\r\n <p class=\"footer-tagline\">Wear the moment. Curating fashion that speaks for you \u2014 because style is your first introduction.<\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-pinterest-p\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-x-twitter\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Shop<\/h4>\r\n <ul>\r\n <li><a href=\"#\">New Arrivals<\/a><\/li>\r\n <li><a href=\"#\">Women's Fashion<\/a><\/li>\r\n <li><a href=\"#\">Men's Fashion<\/a><\/li>\r\n <li><a href=\"#\">Accessories<\/a><\/li>\r\n <li><a href=\"#\">Sale<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Help<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Track Order<\/a><\/li>\r\n <li><a href=\"#\">Size Guide<\/a><\/li>\r\n <li><a href=\"#\">Returns & Refunds<\/a><\/li>\r\n <li><a href=\"#\">Shipping Info<\/a><\/li>\r\n <li><a href=\"#\">FAQs<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Company<\/h4>\r\n <ul>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Sustainability<\/a><\/li>\r\n <li><a href=\"#\">Careers<\/a><\/li>\r\n <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms & Conditions<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2026 TrendVastra. All rights reserved.<\/span>\r\n <div class=\"footer-pay\">\r\n <span style=\"font-size:.72rem;margin-right:.3rem;color:rgba(255,255,255,.3);letter-spacing:.08em;\">WE ACCEPT<\/span>\r\n <span class=\"pay-icon\">UPI<\/span>\r\n <span class=\"pay-icon\">VISA<\/span>\r\n <span class=\"pay-icon\">MC<\/span>\r\n <span class=\"pay-icon\">EMI<\/span>\r\n <\/div>\r\n <span>Made with \u2665 in India<\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ \u2500\u2500 Sticky header shadow\r\n const header = document.getElementById('header');\r\n window.addEventListener('scroll', () => {\r\n header.classList.toggle('scrolled', window.scrollY > 40);\r\n });\r\n\r\n \/\/ \u2500\u2500 Hamburger toggle\r\n const ham = document.getElementById('hamburger');\r\n const nav = document.getElementById('nav');\r\n ham.addEventListener('click', () => nav.classList.toggle('open'));\r\n nav.querySelectorAll('a').forEach(a => a.addEventListener('click', () => nav.classList.remove('open')));\r\n\r\n \/\/ \u2500\u2500 Scroll reveal\r\n const reveals = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\r\n }, { threshold: 0.12 });\r\n reveals.forEach(el => observer.observe(el));\r\n\r\n \/\/ \u2500\u2500 Wishlist toggle\r\n document.querySelectorAll('.product-wish').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const icon = btn.querySelector('i');\r\n icon.classList.toggle('far');\r\n icon.classList.toggle('fas');\r\n btn.style.color = icon.classList.contains('fas') ? '#e05' : '';\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Cart button feedback\r\n document.querySelectorAll('.btn-cart').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const orig = this.innerHTML;\r\n this.innerHTML = '<i class=\"fas fa-check\"><\/i> Added!';\r\n this.style.background = '#2d7a4f';\r\n setTimeout(() => { this.innerHTML = orig; this.style.background = ''; }, 1400);\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Contact form\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n const btn = e.target;\r\n const orig = btn.innerHTML;\r\n btn.innerHTML = '<i class=\"fas fa-check\"><\/i> Message Sent!';\r\n btn.style.background = '#2d7a4f';\r\n btn.style.borderColor = '#2d7a4f';\r\n setTimeout(() => { btn.innerHTML = orig; btn.style.background = ''; btn.style.borderColor = ''; }, 2200);\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TrendVastra \u2014 Wear the Moment TrendVastra Home Shop Collections Contact Shop Now New Season \u2014 SS 2026 Dress LikeYou Mean It. Curated fashion that speaks before you do. Premium fabrics, timeless silhouettes, and prices that don’t punish ambition. Explore Collection View Lookbook 12K+ Happy Customers 340+ Styles Available 4.9\u2605 Average Rating Up to 40% OFF…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-724","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/trendvastra.com\/index.php\/wp-json\/wp\/v2\/pages\/724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendvastra.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendvastra.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendvastra.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendvastra.com\/index.php\/wp-json\/wp\/v2\/comments?post=724"}],"version-history":[{"count":14,"href":"https:\/\/trendvastra.com\/index.php\/wp-json\/wp\/v2\/pages\/724\/revisions"}],"predecessor-version":[{"id":761,"href":"https:\/\/trendvastra.com\/index.php\/wp-json\/wp\/v2\/pages\/724\/revisions\/761"}],"wp:attachment":[{"href":"https:\/\/trendvastra.com\/index.php\/wp-json\/wp\/v2\/media?parent=724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}