{"id":390,"date":"2026-10-30T10:20:18","date_gmt":"2026-10-30T10:20:18","guid":{"rendered":"https:\/\/karangrowth.com\/?page_id=390"},"modified":"2026-10-30T10:23:17","modified_gmt":"2026-10-30T10:23:17","slug":"e-commerce-discount-funnel","status":"publish","type":"page","link":"https:\/\/karangrowth.com\/?page_id=390","title":{"rendered":"E-commerce \/ Discount Funnel"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\nGlowAura | Skincare Made Simple<\/title>\r\n<meta name=\"description\" content=\"Discover GlowAura skincare essentials. Shop face creams, serums and gentle cleansers. Enjoy 20% off your first order.\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n --pink: #f5dedb;\r\n --cream: #fffaf6;\r\n --brown: #382a27;\r\n --rose: #b66e70;\r\n --dark: #29201f;\r\n --muted: #786c68;\r\n --white: #ffffff;\r\n}\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n font-family: 'DM Sans', sans-serif;\r\n color: var(--dark);\r\n background: var(--cream);\r\n line-height: 1.6;\r\n}\r\n\r\nh1, h2, h3 {\r\n font-family: 'Playfair Display', serif;\r\n line-height: 1.2;\r\n}\r\n\r\na { text-decoration: none; color: inherit; }\r\n\r\nbutton { font-family: inherit; }\r\n\r\n.container {\r\n width: min(1150px, 90%);\r\n margin: auto;\r\n}\r\n\r\nsection { padding: 85px 0; }\r\n\r\n.btn {\r\n display: inline-block;\r\n padding: 14px 26px;\r\n background: var(--brown);\r\n color: white;\r\n border: 0;\r\n border-radius: 5px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: .3s;\r\n}\r\n\r\n.btn:hover {\r\n background: var(--rose);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.eyebrow {\r\n color: var(--rose);\r\n font-weight: 700;\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.section-heading {\r\n text-align: center;\r\n max-width: 650px;\r\n margin: 0 auto 45px;\r\n}\r\n\r\n.section-heading h2 {\r\n font-size: clamp(30px, 4vw, 43px);\r\n margin-bottom: 14px;\r\n}\r\n\r\n.section-heading p { color: var(--muted); }\r\n\r\n\/* Announcement *\/\r\n.announcement {\r\n background: var(--brown);\r\n color: white;\r\n text-align: center;\r\n padding: 10px;\r\n font-size: 13px;\r\n letter-spacing: .5px;\r\n}\r\n\r\n.announcement strong { color: #ffd8ce; }\r\n\r\n\/* Header *\/\r\nheader {\r\n background: var(--cream);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n border-bottom: 1px solid #eee4de;\r\n}\r\n\r\n.navbar {\r\n min-height: 78px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.logo {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: var(--rose);\r\n}\r\n\r\n.nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 28px;\r\n list-style: none;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.nav-links a:hover { color: var(--rose); }\r\n\r\n.cart-button {\r\n background: var(--brown);\r\n color: white;\r\n border: 0;\r\n padding: 11px 17px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.menu-toggle {\r\n display: none;\r\n font-size: 26px;\r\n border: 0;\r\n background: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n\/* Hero *\/\r\n.hero {\r\n background: var(--pink);\r\n min-height: 590px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n}\r\n\r\n.hero-copy h1 {\r\n font-size: clamp(42px, 5vw, 65px);\r\n color: var(--brown);\r\n margin-bottom: 20px;\r\n}\r\n\r\n.hero-copy h1 span { color: var(--rose); }\r\n\r\n.hero-copy p {\r\n color: #675653;\r\n font-size: 17px;\r\n margin-bottom: 27px;\r\n max-width: 510px;\r\n}\r\n\r\n.offer-tag {\r\n display: inline-block;\r\n padding: 8px 15px;\r\n background: white;\r\n color: var(--rose);\r\n border-radius: 30px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n margin-bottom: 22px;\r\n}\r\n\r\n.hero-image {\r\n min-height: 440px;\r\n border-radius: 48% 48% 12px 12px;\r\n background:\r\n url('https:\/\/images.unsplash.com\/photo-1608248543803-ba4f8c70ae0b?auto=format&fit=crop&w=1100&q=85') center\/cover;\r\n}\r\n\r\n\/* Benefits *\/\r\n.benefits {\r\n background: white;\r\n padding: 27px 0;\r\n}\r\n\r\n.benefit-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n text-align: center;\r\n gap: 20px;\r\n}\r\n\r\n.benefit-grid strong { color: var(--brown); }\r\n.benefit-grid p { color: var(--muted); font-size: 13px; }\r\n\r\n\/* About *\/\r\n.about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 55px;\r\n align-items: center;\r\n}\r\n\r\n.about-image {\r\n min-height: 390px;\r\n border-radius: 12px;\r\n background:\r\n url('https:\/\/images.unsplash.com\/photo-1556229010-6c3f2c9ca5f8?auto=format&fit=crop&w=1000&q=85') center\/cover;\r\n}\r\n\r\n.about-copy h2 {\r\n font-size: 42px;\r\n color: var(--brown);\r\n margin-bottom: 20px;\r\n}\r\n\r\n.about-copy p {\r\n color: var(--muted);\r\n margin-bottom: 16px;\r\n}\r\n\r\n\/* Products *\/\r\n.products { background: #f9eeea; }\r\n\r\n.product-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 22px;\r\n}\r\n\r\n.product-card {\r\n background: white;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n transition: .3s;\r\n box-shadow: 0 5px 20px #382a2709;\r\n}\r\n\r\n.product-card:hover {\r\n transform: translateY(-7px);\r\n box-shadow: 0 12px 28px #382a2718;\r\n}\r\n\r\n.product-image {\r\n height: 245px;\r\n background-size: cover;\r\n background-position: center;\r\n background-color: #f3e5df;\r\n}\r\n\r\n.product-info { padding: 20px; }\r\n\r\n.product-info h3 {\r\n font-size: 21px;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.product-info p {\r\n color: var(--muted);\r\n font-size: 13px;\r\n min-height: 42px;\r\n}\r\n\r\n.price {\r\n font-weight: 700;\r\n font-size: 19px;\r\n margin: 12px 0;\r\n}\r\n\r\n.old-price {\r\n text-decoration: line-through;\r\n color: #999;\r\n font-size: 14px;\r\n margin-left: 6px;\r\n}\r\n\r\n.add-button {\r\n width: 100%;\r\n background: var(--brown);\r\n color: white;\r\n border: 0;\r\n border-radius: 5px;\r\n padding: 12px;\r\n cursor: pointer;\r\n font-weight: 700;\r\n transition: .3s;\r\n}\r\n\r\n.add-button:hover { background: var(--rose); }\r\n\r\n\/* Discount *\/\r\n.discount {\r\n background: var(--brown);\r\n color: white;\r\n text-align: center;\r\n}\r\n\r\n.discount h2 {\r\n font-size: clamp(32px, 4vw, 45px);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.discount p {\r\n color: #e5d9d5;\r\n margin-bottom: 22px;\r\n}\r\n\r\n.coupon {\r\n display: inline-block;\r\n border: 1px dashed #f5c5b8;\r\n color: #ffd8ce;\r\n padding: 11px 22px;\r\n letter-spacing: 2px;\r\n font-weight: 700;\r\n margin-bottom: 22px;\r\n}\r\n\r\n\/* Testimonials *\/\r\n.testimonial-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 22px;\r\n}\r\n\r\n.review {\r\n padding: 28px;\r\n background: white;\r\n border: 1px solid #f0e4df;\r\n border-radius: 10px;\r\n}\r\n\r\n.stars { color: #d79a50; margin-bottom: 12px; }\r\n.review p { color: var(--muted); font-style: italic; }\r\n.review h4 { margin-top: 18px; color: var(--brown); }\r\n\r\n\/* Cart *\/\r\n.cart-area {\r\n background: white;\r\n padding: 24px;\r\n border-radius: 10px;\r\n margin-top: 25px;\r\n border: 1px solid #eee4de;\r\n}\r\n\r\n.cart-area h3 { margin-bottom: 15px; }\r\n.cart-item {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 9px 0;\r\n border-bottom: 1px solid #eee;\r\n}\r\n\r\n.cart-total {\r\n font-weight: 700;\r\n margin: 15px 0;\r\n font-size: 20px;\r\n}\r\n\r\n.cart-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.secondary-btn {\r\n background: white;\r\n border: 1px solid var(--brown);\r\n color: var(--brown);\r\n padding: 11px 16px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n\/* Contact *\/\r\n.contact { background: #f9eeea; }\r\n\r\n.contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 45px;\r\n}\r\n\r\n.contact-info h2 {\r\n font-size: 40px;\r\n color: var(--brown);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.contact-info p { color: var(--muted); }\r\n\r\n.contact-form {\r\n padding: 30px;\r\n background: white;\r\n border-radius: 10px;\r\n}\r\n\r\n.contact-form label {\r\n display: block;\r\n font-weight: 600;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.contact-form input,\r\n.contact-form textarea {\r\n width: 100%;\r\n padding: 13px;\r\n margin-bottom: 16px;\r\n border: 1px solid #e5d8d2;\r\n border-radius: 5px;\r\n font: inherit;\r\n}\r\n\r\n.contact-form input:focus,\r\n.contact-form textarea:focus {\r\n outline: 2px solid var(--rose);\r\n border-color: transparent;\r\n}\r\n\r\n\/* Footer *\/\r\nfooter {\r\n background: var(--brown);\r\n color: white;\r\n padding: 50px 0 20px;\r\n}\r\n\r\n.footer-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr;\r\n gap: 35px;\r\n margin-bottom: 35px;\r\n}\r\n\r\nfooter h3 {\r\n color: #f3c6ba;\r\n margin-bottom: 15px;\r\n}\r\n\r\nfooter p, footer a {\r\n color: #e2d6d2;\r\n font-size: 14px;\r\n}\r\n\r\nfooter a:hover { color: #f3c6ba; }\r\n\r\n.footer-links { list-style: none; }\r\n.footer-links li { margin: 9px 0; }\r\n\r\n.copyright {\r\n border-top: 1px solid #ffffff30;\r\n padding-top: 20px;\r\n text-align: center;\r\n font-size: 13px;\r\n color: #d6c9c5;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width: 900px) {\r\n .product-grid { grid-template-columns: repeat(2, 1fr); }\r\n .hero-grid { gap: 25px; }\r\n}\r\n\r\n@media(max-width: 700px) {\r\n .menu-toggle { display: block; }\r\n\r\n .nav-links {\r\n display: none;\r\n position: absolute;\r\n top: 78px;\r\n left: 0;\r\n width: 100%;\r\n background: var(--cream);\r\n padding: 25px;\r\n flex-direction: column;\r\n gap: 20px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n\r\n .nav-links.active { display: flex; }\r\n\r\n .hero-grid,\r\n .about-grid,\r\n .contact-grid { grid-template-columns: 1fr; }\r\n\r\n .hero { padding: 55px 0; }\r\n .hero-image { min-height: 330px; }\r\n\r\n .benefit-grid { grid-template-columns: 1fr; }\r\n .testimonial-grid { grid-template-columns: 1fr; }\r\n .footer-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n@media(max-width: 480px) {\r\n section { padding: 60px 0; }\r\n .product-grid { grid-template-columns: 1fr; }\r\n .footer-grid { grid-template-columns: 1fr; }\r\n .hero-copy h1 { font-size: 42px; }\r\n .contact-form { padding: 20px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"announcement\">\r\n BEAUTY DAYS OFFER \u2014 Get <strong>20% OFF<\/strong> your order with code GLOW20\r\n<\/div>\r\n\r\n<header>\r\n <div class=\"container navbar\">\r\n <a href=\"#home\" class=\"logo\">GlowAura.<\/a>\r\n\r\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Open menu\" aria-expanded=\"false\">\u2630<\/button>\r\n\r\n <nav aria-label=\"Main navigation\">\r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#products\">Shop<\/a><\/li>\r\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <li><button class=\"cart-button\" onclick=\"showCart()\">Cart (<span id=\"cartCount\">0<\/span>)<\/button><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n<\/header>\r\n\r\n<main>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"home\">\r\n <div class=\"container hero-grid\">\r\n <div class=\"hero-copy\">\r\n <div class=\"offer-tag\">20% OFF \u2014 USE CODE GLOW20<\/div>\r\n <div class=\"eyebrow\">Your Skin, Your Glow<\/div>\r\n <h1>Everyday Skincare for a <span>Natural Glow<\/span><\/h1>\r\n <p>Discover simple skincare essentials designed to make your daily routine feel refreshing, comfortable and easy.<\/p>\r\n <a href=\"#products\" class=\"btn\">Shop Collection<\/a>\r\n <\/div>\r\n <div class=\"hero-image\" role=\"img\" aria-label=\"Skincare products arranged in a clean beauty setting\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- BENEFITS -->\r\n<section class=\"benefits\">\r\n <div class=\"container benefit-grid\">\r\n <div><strong>\u2726 Thoughtful Formulas<\/strong><p>Carefully selected skincare essentials<\/p><\/div>\r\n <div><strong>\u2726 Everyday Routine<\/strong><p>Simple products for daily use<\/p><\/div>\r\n <div><strong>\u2726 Easy Shopping<\/strong><p>A convenient online experience<\/p><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section id=\"about\">\r\n <div class=\"container about-grid\">\r\n <div class=\"about-image\" role=\"img\" aria-label=\"Skincare products and botanical ingredients\"><\/div>\r\n <div class=\"about-copy\">\r\n <div class=\"eyebrow\">About GlowAura<\/div>\r\n <h2>Make Time for Your Skin<\/h2>\r\n <p>At GlowAura, we believe skincare should feel simple, enjoyable and easy to make part of everyday life.<\/p>\r\n <p>Our collection brings together everyday skincare essentials for people who want a thoughtful routine without unnecessary complexity.<\/p>\r\n <p>Explore our collection and find products that fit your personal skincare preferences.<\/p>\r\n <a href=\"#products\" class=\"btn\">Explore Products<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PRODUCTS -->\r\n<section class=\"products\" id=\"products\">\r\n <div class=\"container\">\r\n <div class=\"section-heading\">\r\n <div class=\"eyebrow\">The GlowAura Collection<\/div>\r\n <h2>Find Your Everyday Essentials<\/h2>\r\n <p>Explore our featured skincare products and choose the essentials for your routine.<\/p>\r\n <\/div>\r\n\r\n <div class=\"product-grid\">\r\n\r\n <article class=\"product-card\">\r\n <div class=\"product-image\" role=\"img\" aria-label=\"Face cream product\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1608248543803-ba4f8c70ae0b?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n <div class=\"product-info\">\r\n <h3>Daily Face Cream<\/h3>\r\n <p>A daily skincare moisturiser for your routine.<\/p>\r\n <div class=\"price\">\u20b9499 <span class=\"old-price\">\u20b9599<\/span><\/div>\r\n <button class=\"add-button\" onclick=\"addToCart('Daily Face Cream',499)\">Add to Cart<\/button>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"product-card\">\r\n <div class=\"product-image\" role=\"img\" aria-label=\"Face serum product\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1620916566398-39f1143ab7be?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n <div class=\"product-info\">\r\n <h3>Glow Face Serum<\/h3>\r\n <p>A lightweight serum for your skincare routine.<\/p>\r\n <div class=\"price\">\u20b9699 <span class=\"old-price\">\u20b9799<\/span><\/div>\r\n <button class=\"add-button\" onclick=\"addToCart('Glow Face Serum',699)\">Add to Cart<\/button>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"product-card\">\r\n <div class=\"product-image\" role=\"img\" aria-label=\"Facial cleanser product\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1556229010-6c3f2c9ca5f8?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n <div class=\"product-info\">\r\n <h3>Gentle Face Wash<\/h3>\r\n <p>A cleanser for a fresh-feeling daily routine.<\/p>\r\n <div class=\"price\">\u20b9349 <span class=\"old-price\">\u20b9449<\/span><\/div>\r\n <button class=\"add-button\" onclick=\"addToCart('Gentle Face Wash',349)\">Add to Cart<\/button>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"product-card\">\r\n <div class=\"product-image\" role=\"img\" aria-label=\"Skincare kit product\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1601049541289-9b1b7bbbfe19?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n <div class=\"product-info\">\r\n <h3>Daily Glow Kit<\/h3>\r\n <p>A convenient collection of skincare essentials.<\/p>\r\n <div class=\"price\">\u20b91,199 <span class=\"old-price\">\u20b91,499<\/span><\/div>\r\n <button class=\"add-button\" onclick=\"addToCart('Daily Glow Kit',1199)\">Add to Cart<\/button>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <!-- CART -->\r\n <div class=\"cart-area\" id=\"cart\">\r\n <h3>Your Shopping Cart<\/h3>\r\n <div id=\"cartItems\">Your cart is empty. Explore our products to get started.<\/div>\r\n <div class=\"cart-total\">Subtotal: \u20b9<span id=\"cartTotal\">0<\/span><\/div>\r\n\r\n <div style=\"margin-bottom:15px;\">\r\n <label for=\"coupon\" style=\"font-weight:600;\">Discount coupon<\/label>\r\n <div style=\"display:flex;gap:8px;margin-top:7px;flex-wrap:wrap;\">\r\n <input id=\"coupon\" type=\"text\" placeholder=\"Enter GLOW20\" style=\"padding:11px;border:1px solid #ddd;border-radius:5px;max-width:220px;\">\r\n <button class=\"secondary-btn\" onclick=\"applyCoupon()\">Apply Coupon<\/button>\r\n <\/div>\r\n <p id=\"couponMessage\" role=\"status\" style=\"font-size:13px;margin-top:7px;\"><\/p>\r\n <\/div>\r\n\r\n <p>Discount: \u20b9<span id=\"discountAmount\">0<\/span><\/p>\r\n <div class=\"cart-total\">Total: \u20b9<span id=\"finalTotal\">0<\/span><\/div>\r\n\r\n <div class=\"cart-actions\">\r\n <button class=\"btn\" onclick=\"checkout()\">Proceed to Checkout<\/button>\r\n <button class=\"secondary-btn\" onclick=\"clearCart()\">Clear Cart<\/button>\r\n <\/div>\r\n <p id=\"checkoutMessage\" role=\"status\" style=\"margin-top:12px;font-size:13px;\"><\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- DISCOUNT -->\r\n<section class=\"discount\">\r\n <div class=\"container\">\r\n <div class=\"eyebrow\" style=\"color:#f3c6ba;\">A Little Something for You<\/div>\r\n <h2>Come Back for 20% OFF<\/h2>\r\n <p>Still thinking about your favourites? Use this coupon on your next eligible order.<\/p>\r\n <div class=\"coupon\">GLOW20<\/div><br>\r\n <a href=\"#products\" class=\"btn\" style=\"background:#f3c6ba;color:#382a27;\">Shop Now<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIALS -->\r\n<section id=\"reviews\">\r\n <div class=\"container\">\r\n <div class=\"section-heading\">\r\n <div class=\"eyebrow\">Customer Experiences<\/div>\r\n <h2>What Our Customers Say<\/h2>\r\n <p>Discover feedback from people who have explored our collection.<\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonial-grid\">\r\n <article class=\"review\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\u201cThe product presentation is lovely, and shopping through the website was simple.\u201d<\/p>\r\n <h4>Customer Review<\/h4>\r\n <\/article>\r\n\r\n <article class=\"review\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\u201cI enjoyed exploring the collection and finding products for my daily routine.\u201d<\/p>\r\n <h4>Customer Review<\/h4>\r\n <\/article>\r\n\r\n <article class=\"review\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\u201cA clean and easy shopping experience. I would love to explore more products.\u201d<\/p>\r\n <h4>Customer Review<\/h4>\r\n <\/article>\r\n <\/div>\r\n <p style=\"text-align:center;color:#786c68;font-size:12px;margin-top:18px;\">Sample review copy only. Replace with genuine customer feedback before publishing.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT -->\r\n<section class=\"contact\" id=\"contact\">\r\n <div class=\"container contact-grid\">\r\n <div class=\"contact-info\">\r\n <div class=\"eyebrow\">Get in Touch<\/div>\r\n <h2>We Would Love to Hear from You<\/h2>\r\n <p>Have a question about a product, your order or our collection? Send us a message and our team can assist you.<\/p>\r\n <p style=\"margin-top:18px;\">Email: hello@example.com<\/p>\r\n <p>Instagram: @glowaurabeauty<\/p>\r\n <\/div>\r\n\r\n <form class=\"contact-form\" id=\"contactForm\">\r\n <label for=\"customerName\">Your Name<\/label>\r\n <input id=\"customerName\" name=\"name\" type=\"text\" placeholder=\"Enter your name\" required>\r\n\r\n <label for=\"customerEmail\">Email Address<\/label>\r\n <input id=\"customerEmail\" name=\"email\" type=\"email\" placeholder=\"Enter your email\" required>\r\n\r\n <label for=\"customerMessage\">Your Message<\/label>\r\n <textarea id=\"customerMessage\" name=\"message\" rows=\"4\" placeholder=\"How can we help?\" required><\/textarea>\r\n\r\n <button type=\"submit\" class=\"btn\">Send Message<\/button>\r\n <p id=\"contactMessage\" role=\"status\" style=\"margin-top:12px;font-size:13px;\"><\/p>\r\n <\/form>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/main>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div>\r\n <h3>GlowAura.<\/h3>\r\n <p>Thoughtful skincare essentials for everyday routines. Discover a simpler way to explore your skincare needs.<\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h3>Quick Links<\/h3>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#products\">Shop Products<\/a><\/li>\r\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h3>Follow Us<\/h3>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#\">Instagram<\/a><\/li>\r\n <li><a href=\"#\">Facebook<\/a><\/li>\r\n <li><a href=\"#\">YouTube<\/a><\/li>\r\n <li><a href=\"#contact\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"copyright\">\r\n \u00a9 <span id=\"year\"><\/span> GlowAura. All rights reserved.\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\nlet cart = [];\r\nlet discountApplied = false;\r\n\r\nconst menuToggle = document.getElementById('menuToggle');\r\nconst navLinks = document.getElementById('navLinks');\r\n\r\nmenuToggle.addEventListener('click', () => {\r\n const open = navLinks.classList.toggle('active');\r\n menuToggle.setAttribute('aria-expanded', open);\r\n menuToggle.textContent = open ? '\u00d7' : '\u2630';\r\n});\r\n\r\ndocument.querySelectorAll('.nav-links a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navLinks.classList.remove('active');\r\n menuToggle.setAttribute('aria-expanded', 'false');\r\n menuToggle.textContent = '\u2630';\r\n });\r\n});\r\n\r\ndocument.getElementById('year').textContent = new Date().getFullYear();\r\n\r\nfunction addToCart(name, price) {\r\n const existing = cart.find(item => item.name === name);\r\n\r\n if (existing) {\r\n existing.quantity++;\r\n } else {\r\n cart.push({ name, price, quantity: 1 });\r\n }\r\n\r\n renderCart();\r\n document.getElementById('cart').scrollIntoView({ behavior: 'smooth' });\r\n}\r\n\r\nfunction renderCart() {\r\n const items = document.getElementById('cartItems');\r\n const count = cart.reduce((sum, item) => sum + item.quantity, 0);\r\n const subtotal = cart.reduce((sum, item) => sum + item.price * item.quantity, 0);\r\n\r\n document.getElementById('cartCount').textContent = count;\r\n\r\n if (cart.length === 0) {\r\n items.textContent = 'Your cart is empty. Explore our products to get started.';\r\n } else {\r\n items.innerHTML = cart.map((item, index) => `\r\n <div class=\"cart-item\">\r\n <span>${item.name} \u00d7 ${item.quantity}<\/span>\r\n <span>\u20b9${item.price * item.quantity}\r\n <button class=\"secondary-btn\" style=\"padding:4px 8px;margin-left:6px;\" onclick=\"removeItem(${index})\" aria-label=\"Remove ${item.name}\">Remove<\/button>\r\n <\/span>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n document.getElementById('cartTotal').textContent = subtotal;\r\n updateTotals();\r\n}\r\n\r\nfunction removeItem(index) {\r\n cart.splice(index, 1);\r\n renderCart();\r\n}\r\n\r\nfunction applyCoupon() {\r\n const code = document.getElementById('coupon').value.trim().toUpperCase();\r\n const message = document.getElementById('couponMessage');\r\n\r\n if (code === 'GLOW20') {\r\n discountApplied = true;\r\n message.textContent = 'Coupon applied! You have received 20% off.';\r\n } else {\r\n discountApplied = false;\r\n message.textContent = 'Invalid coupon. Please enter GLOW20.';\r\n }\r\n\r\n updateTotals();\r\n}\r\n\r\nfunction updateTotals() {\r\n const subtotal = cart.reduce((sum, item) => sum + item.price * item.quantity, 0);\r\n const discount = discountApplied ? Math.round(subtotal * 0.20) : 0;\r\n\r\n document.getElementById('discountAmount').textContent = discount;\r\n document.getElementById('finalTotal').textContent = subtotal - discount;\r\n}\r\n\r\nfunction clearCart() {\r\n cart = [];\r\n discountApplied = false;\r\n document.getElementById('coupon').value = '';\r\n document.getElementById('couponMessage').textContent = '';\r\n document.getElementById('checkoutMessage').textContent = '';\r\n renderCart();\r\n}\r\n\r\nfunction showCart() {\r\n document.getElementById('cart').scrollIntoView({ behavior: 'smooth' });\r\n}\r\n\r\nfunction checkout() {\r\n if (cart.length === 0) {\r\n document.getElementById('checkoutMessage').textContent = 'Your cart is empty. Please add a product first.';\r\n return;\r\n }\r\n\r\n document.getElementById('checkoutMessage').textContent =\r\n 'Demo checkout only. Connect a secure payment gateway and order system to accept real purchases.';\r\n}\r\n\r\ndocument.getElementById('contactForm').addEventListener('submit', function(event) {\r\n event.preventDefault();\r\n document.getElementById('contactMessage').textContent =\r\n 'Thank you! This demo form needs a backend or form service to receive your message.';\r\n this.reset();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GlowAura | Skincare Made Simple BEAUTY DAYS OFFER \u2014 Get 20% OFF your order with code GLOW20 GlowAura. \u2630 Home About Shop Reviews Contact Cart (0) 20% OFF \u2014 USE CODE GLOW20 Your Skin, Your Glow Everyday Skincare for a Natural Glow Discover simple skincare essentials designed to make your daily routine feel refreshing, comfortable and easy. Shop Collection \u2726 Thoughtful Formulas Carefully selected skincare essentials \u2726 Everyday Routine Simple products for daily use \u2726 Easy Shopping A convenient online experience About GlowAura Make Time for Your Skin At GlowAura, we believe skincare should feel simple, enjoyable and easy to make part of everyday life. Our collection brings together everyday skincare essentials for people who want a thoughtful routine without unnecessary complexity. Explore our collection and find products that fit your personal skincare preferences. Explore Products The GlowAura Collection Find Your Everyday Essentials Explore our featured skincare products and choose the essentials for your routine. Daily Face Cream A daily skincare moisturiser for your routine. \u20b9499 \u20b9599 Add to Cart Glow Face Serum A lightweight serum for your skincare routine. \u20b9699 \u20b9799 Add to Cart Gentle Face Wash A cleanser for a fresh-feeling daily routine. \u20b9349 \u20b9449 Add to Cart Daily Glow Kit A convenient collection of skincare essentials. \u20b91,199 \u20b91,499 Add to Cart Your Shopping Cart Your cart is empty. Explore our products to get started. Subtotal: \u20b90 Discount coupon Apply Coupon Discount: \u20b90 Total: \u20b90 Proceed to Checkout Clear Cart A Little Something for You Come Back for 20% OFF Still thinking about your favourites? Use this coupon on your next eligible order. GLOW20 Shop Now Customer Experiences What Our Customers Say Discover feedback from people who have explored our collection. \u2605\u2605\u2605\u2605\u2605 \u201cThe product presentation is lovely, and shopping through the website was simple.\u201d Customer Review \u2605\u2605\u2605\u2605\u2605 \u201cI enjoyed exploring the collection and finding products for my daily routine.\u201d Customer Review \u2605\u2605\u2605\u2605\u2605 \u201cA clean and easy shopping experience. I would love to explore more products.\u201d Customer Review Sample review copy only. Replace with genuine customer feedback before publishing. Get in Touch We Would Love to Hear from You Have a question about a product, your order or our collection? Send us a message and our team can assist you. Email: hello@example.com Instagram: @glowaurabeauty Your Name Email Address Your Message Send Message GlowAura. Thoughtful skincare essentials for everyday routines. Discover a simpler way to explore your skincare needs. Quick Links Home About Us Shop Products Reviews Follow Us Instagram Facebook YouTube Contact Us \u00a9 GlowAura. All rights reserved.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-390","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/pages\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/karangrowth.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=390"}],"version-history":[{"count":4,"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/pages\/390\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/pages\/390\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/karangrowth.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}