/* global React, AylaRouter, PostBreadcrumb, AylaPosts, PostByline, ReadNext, ArticleTools */

function ProductPick({ href, label, image }) {
  return (
    <a href={href} target="_blank" rel="noopener noreferrer" className="product-pick">
      <div className={'product-pick-thumb' + (image ? '' : ' ph')}>
        {image
          ? <img src={image} alt="" style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
          : <span className="ph-tag">shop</span>}
      </div>
      <span className="product-pick-label">{label}</span>
    </a>
  );
}

function ProductGrid({ items }) {
  return (
    <div className="product-grid">
      {items.map((item) => (
        <ProductPick key={item.label} href={item.href} label={item.label} image={item.image} />
      ))}
    </div>
  );
}

window.POST_CONTENT = window.POST_CONTENT || {};

window.POST_CONTENT['detox-your-daily-routine-non-toxic-product-swaps-for-a-healthier-you'] = function PostDetoxRoutine({ setRoute, progress }) {
  const havocRoute = 'journal-post:hormonal-havoc-how-everyday-chemicals-in-our-environment-disrupt-womens-health';

  return (
    <>
      <div className="shell">
        <div className="article-shell">
          <aside>
            <ArticleTools slug="detox-your-daily-routine-non-toxic-product-swaps-for-a-healthier-you" progress={progress} />
          </aside>

          <article className="article">
            <PostBreadcrumb slug="detox-your-daily-routine-non-toxic-product-swaps-for-a-healthier-you" setRoute={setRoute} />

            <h1>
              Detox Your Daily Routine: Non-Toxic Product Swaps for a <span className="it">Healthier You</span>
            </h1>

            <PostByline slug="detox-your-daily-routine-non-toxic-product-swaps-for-a-healthier-you" />

            <figure className="figure reveal">
              <img src="/assets/detox-routine-header.png" alt="The non-toxic switch list: shadow of a hand holding a serum bottle with dropper" />
            </figure>

            <p className="lede-p">
              At Ayla Wellness, we believe that protecting your hormonal health starts with simple,
              conscious choices in your daily routine.
            </p>

            <p>
              In our last blog post,{' '}
              <a href={AylaRouter.pathFor(havocRoute)} onClick={(e) => { e.preventDefault(); setRoute(havocRoute); }}>
                Hormonal Havoc: How Everyday Chemicals in our Environment Disrupt Women's Health
              </a>, we dove into how everyday environmental exposures, from plastic containers to beauty
              products, can disrupt your hormones. Now, we're following up with practical, non-toxic swaps
              to help reduce your exposure to endocrine-disrupting chemicals (EDCs) and support your
              hormonal wellbeing.
            </p>

            <p style={{ fontStyle: 'italic', color: 'var(--ink-2)' }}>
              P.S. You'll find our favorite products linked throughout the blog. Tap any product card to shop.
            </p>

            <h2>Why make the switch?</h2>

            <p>
              From synthetic fragrances to harsh preservatives, many conventional household and personal care
              products contain ingredients linked to hormonal imbalances, fertility issues, and other long-term
              health concerns. Choosing non-toxic alternatives isn't about perfection, it's about progress and
              protecting your health, one small step at a time.
            </p>

            <h2>Clean beauty: makeup &amp; skincare that loves you back</h2>

            <p>
              Conventional cosmetics often contain parabens, phthalates, and synthetic fragrances, all known
              or suspected endocrine disruptors. These clean beauty brands prioritize safer ingredients without
              sacrificing performance:
            </p>

            <h3>Top clean beauty brands</h3>

            <ul>
              <li><b>Saie Beauty:</b> Minimalist, dewy makeup with eco-conscious packaging</li>
              <li><b>ILIA Beauty:</b> Skin-centric makeup powered by skincare ingredients</li>
              <li><b>RMS Beauty:</b> Organic, non-toxic formulas with a cult following</li>
              <li><b>Kjaer Weis:</b> Luxury performance makeup with certified-organic ingredients</li>
            </ul>

            <p>
              <b>Tip:</b> When browsing at Sephora, look for the "Clean at Sephora" badge. It's your guide to
              products formulated without over 2,700 questionable ingredients.
            </p>

            <ProductGrid items={[
              {
                href: 'https://iliabeauty.com/products/super-serum-skin-tint-spf-40-tinted-moisturizer',
                label: 'ILIA Super Serum Skin Tint SPF 40',
                image: '/assets/products/ilia-super-serum.jpg',
              },
              { href: 'https://iliabeauty.com/products/multi-stick-cream-blush-stick-lip-cheek-tint', label: 'ILIA Multi-Stick', image: '/assets/products/ilia-multi-stick.jpg' },
              { href: 'https://www.rmsbeauty.com/products/buriti-bronzer', label: 'RMS Beauty Buriti Bronzer', image: '/assets/products/rms-buriti-bronzer.jpg' },
              { href: 'https://www.kjaerweis.com/products/im-possible-mascara', label: 'Kjaer Im-Possible Mascara', image: '/assets/products/kjaer-mascara.jpg' },
            ]} />

            <h3>Clean skincare essentials</h3>

            <p>Your skin absorbs much of what you put on it, so why not nourish it with safer choices?</p>

            <p><b>Gentler alternatives</b></p>

            <p><b>Cleansers:</b></p>
            <ul>
              <li>True Botanicals Ginger Turmeric Cleansing Balm</li>
              <li>CeraVe Hydrating or Foaming Cleanser</li>
              <li>Biossance Squalane + Amino Aloe Gentle Cleanser</li>
              <li>EQQUALBERRY pH Balanced Daily Glow Gel Cleanser</li>
            </ul>

            <p><b>Moisturizers:</b></p>
            <ul>
              <li>Varuza Ultra Moisturizing Derma Facial Cream</li>
              <li>RMS Kakadu Luxe Cream</li>
            </ul>

            <p><b>Sunscreen:</b></p>
            <ul>
              <li>Thinkbaby SPF 50</li>
              <li>Supergoop Unseen Sunscreen SPF 50</li>
              <li>Purito Centella Green Level Sun SPF 50+</li>
            </ul>

            <p>
              Look for labels like fragrance-free, EWG Verified, non-comedogenic, and hypoallergenic when
              you shop, whether in store or online.
            </p>

            <ProductGrid items={[
              {
                href: 'https://eqqualberryglobal.com/products/daily-glow-cleanser',
                label: 'EQQUALBERRY Daily Glow Cleanser',
                image: '/assets/products/eqqualberry-cleanser.jpg',
              },
              {
                href: 'https://supergoop.com/products/unseen-sunscreen-spf-50?variant=41610270802018',
                label: 'Supergoop Unseen Sunscreen SPF 50',
                image: '/assets/products/supergoop-unseen.png',
              },
              {
                href: 'https://truebotanicals.com/products/natural-cleansing-balm',
                label: 'True Botanicals Ginger Turmeric Cleansing Balm',
                image: '/assets/products/true-botanicals-cleansing-balm.png',
              },
              {
                href: 'https://www.rmsbeauty.com/products/kakadu-luxe-cream',
                label: 'RMS Beauty Kakadu Luxe Cream',
                image: '/assets/products/rms-kakadu.jpg',
              },
            ]} />

            <h2>Clean fragrance: smell great without the toxins</h2>

            <p>
              Fragrance is one of the most overlooked sources of endocrine-disrupting chemicals (EDCs).
              Synthetic "parfum" blends often hide phthalates, which are linked to hormonal imbalances and
              allergic reactions. Clean fragrance brands are changing the game by using transparent,
              non-toxic ingredient lists and safer alternatives to traditional perfumes.
            </p>

            <h3>Top clean fragrance brands</h3>

            <ul>
              <li>
                <b>Rosy &amp; Earnest:</b> The first fine fragrance line to receive EWG Verified® certification.
                Their "Be Rosy" and "Be Earnest" scents are crafted with full ingredient transparency and no
                hidden toxins
              </li>
              <li>
                <b>Henry Rose:</b> Founded by Michelle Pfeiffer, this line is known for complete disclosure of
                ingredients and avoiding known endocrine disruptors. Clean, sophisticated, and cruelty-free
              </li>
              <li>
                <b>Dime Beauty:</b> Affordable, vegan, and clean. Dime fragrances are formulated without
                phthalates, parabens, or synthetic dyes. Popular scents include "Lovely Dreams" and "Dans Les
                Bois"
              </li>
              <li>
                <b>Skylar:</b> Hypoallergenic and free of common allergens, phthalates, and synthetic dyes.
                Their lightweight, buildable fragrances are perfect for daily wear
              </li>
            </ul>

            <p>
              <b>Tip:</b> Look for terms like "phthalate-free," "ingredient transparency," and "natural fragrance"
              when shopping. Avoid generic "fragrance" or "parfum" on labels unless the full breakdown is listed.
            </p>

            <ProductGrid items={[
              {
                href: 'https://dimebeautyco.com/products/7-summers',
                label: 'DIME 7 Summers',
                image: '/assets/products/dime-7-summers.webp',
              },
              {
                href: 'https://rosyandearnest.com/products/be-earnest-perfume',
                label: 'Rosy & Earnest Be Earnest',
                image: '/assets/products/rosy-earnest.png',
              },
            ]} />

            <h2>Clean deodorants: why they matter</h2>

            <p>
              Traditional deodorants and antiperspirants often contain aluminum compounds, parabens, synthetic
              fragrances, and phthalates, ingredients that can irritate sensitive skin. Aluminum, for example,
              is commonly used to block sweat glands but has raised concerns about long-term health effects.
              The chemicals found in traditional deodorants are also suspected of interfering with hormone
              balance due to their potential to act as endocrine disruptors.
            </p>

            <p>
              Switching to clean deodorants allows your body to sweat naturally while neutralizing odor with
              plant-based or mineral ingredients. Look for products that are free of aluminum, parabens,
              sulfates, and synthetic fragrances, and that use natural odor-fighting agents like baking soda,
              magnesium hydroxide, or activated charcoal.
            </p>

            <h3>Clean deodorant recommendations</h3>

            <ul>
              <li><b>Native Deodorant:</b> Aluminum-free, available in unscented and natural scents</li>
              <li><b>Salt &amp; Stone Natural Deodorant (Santal &amp; Vetiver):</b> Contains probiotics, hyaluronic acid, and antioxidants for gentle odor protection</li>
              <li><b>Nécessaire The Deodorant Gel:</b> Contains 5% AHA (mandelic, gluconolactone, lactic), niacinamide, and chamomile for natural odor protection</li>
              <li><b>Kopari Coconut Deodorant:</b> Coconut oil-based, soothing and moisturizing for sensitive skin</li>
            </ul>

            <ProductGrid items={[
              {
                href: 'https://www.saltandstone.com/en-ca/products/natural-deodorant?variant=42738010095866',
                label: 'Salt & Stone Santal & Vetiver Deodorant',
                image: '/assets/products/salt-stone-deo.jpg',
              },
              {
                href: 'https://www.nativecos.com/products/deodorant-stick?variant=47265695695022',
                label: 'Native Citrus & Herbal Musk Deodorant',
                image: '/assets/products/native-citrus-herbal-musk.jpg',
              },
            ]} />

            <h2>Non-toxic home: clean without the chemicals</h2>

            <p>
              Your laundry, dishes, and air quality impact your endocrine system just as much as skincare. Try
              these cleaner options:
            </p>

            <h3>Home product swaps</h3>

            <p><b>Laundry detergent:</b></p>
            <ul>
              <li>Attitude's Nature+ Laundry Detergent</li>
              <li>Ecover Zero Sensitive Laundry Liquid</li>
              <li>Seventh Generation, EcoEgg</li>
              <li>The Laundress Unscented</li>
            </ul>

            <p><b>Dish soap:</b></p>
            <ul>
              <li>Ecover</li>
              <li>Method</li>
              <li>Branch Basics</li>
              <li>Nature Clean</li>
            </ul>

            <p><b>All-purpose cleaner:</b></p>
            <ul>
              <li>Method</li>
              <li>Blueland</li>
              <li>Molly's Suds</li>
              <li>DIY mix of vinegar + essential oils</li>
            </ul>

            <p><b>Air fresheners:</b></p>
            <ul>
              <li>Avoid aerosols and opt for activated charcoal, essential oil diffusers, or plants like peace lilies and snake plants</li>
            </ul>

            <ProductGrid items={[
              {
                href: 'https://attitudeliving.com/products/laundry-detergent?variant=46393419956537',
                label: 'ATTITUDE Wildflowers Laundry Detergent',
                image: '/assets/products/attitude-laundry.jpg',
              },
              {
                href: 'https://methodproducts.com/collections/all-purpose-cleaners/products/all-purpose-cleaner-pink-grapefruit-28-fl-oz?variant=47035903475963',
                label: 'Method Pink Grapefruit All-Purpose Cleaner',
                image: '/assets/products/method-pink-grapefruit.jpg',
              },
            ]} />

            <h2>Non-toxic candles</h2>

            <p>
              Candles can bring warmth and calm, but conventional ones made with paraffin, synthetic fragrances,
              or metal-core wicks may release harmful chemicals like benzene, toluene, phthalates, and lead.
              The solution? Opt for candles crafted from natural waxes (soy, beeswax, coconut), essential-oil
              scents, and organic or wood wicks.
            </p>

            <h3>How to spot a clean candle</h3>

            <ul>
              <li><b>Wax type:</b> 100% soy, beeswax, or coconut, not paraffin or ambiguous "wax blend"</li>
              <li><b>Wicks:</b> Cotton (unbleached), hemp, or untreated wood, free of metal cores</li>
              <li><b>Fragrance:</b> Pure essential oils or phthalate-free natural perfumes</li>
              <li><b>Certifications:</b> Look for labels like "Made Safe," USDA Certified Biobased, or clear ingredient transparency</li>
            </ul>

            <h3>Recommended candle brands</h3>

            <ul>
              <li><b>Fontana Candle Co.</b> (beeswax + coconut + essential oils; Made Safe certified)</li>
              <li><b>Aire Candle Co.</b> (pure US beeswax, essential oils, cotton wicks). Great for sensitive households</li>
            </ul>

            <ProductGrid items={[
              {
                href: 'https://fontanacandlecompany.com/collections/cinnamon-orange-clove',
                label: 'Fontana Cinnamon Orange Clove Candle',
                image: '/assets/products/fontana-cinnamon-orange-clove.jpg',
              },
              {
                href: 'https://airecandles.com/products/lavender-beeswax-candle',
                label: 'Aire Lavender Beeswax Candle',
                image: '/assets/products/aire-lavender-candle.jpg',
              },
              {
                href: 'https://airecandles.com/products/lavender-sage-room-spray',
                label: 'Aire Lavender & Sage Room Spray',
                image: '/assets/products/aire-lavender-sage-spray.jpg',
              },
            ]} />

            <h2>Resources for safer shopping</h2>

            <p>
              Not sure where to start? These tools and apps make it easier to decode product labels, check for
              toxic ingredients, and make confident, cleaner choices:
            </p>

            <h3>Recommended apps</h3>

            <ul>
              <li>
                <b>Think Dirty:</b> Scan the barcode of personal care products and instantly see how "clean"
                they are. Think Dirty gives you a score and breaks down harmful ingredients
              </li>
              <li>
                <b>EWG Healthy Living:</b> Combines EWG's Skin Deep® and Food Scores databases to rate both
                personal care and household products
              </li>
              <li>
                <b>Yuka:</b> Rates food and cosmetic products based on health impact and suggests better
                alternatives
              </li>
              <li>
                <b>INCI Beauty:</b> Offers detailed ingredient analysis using the INCI list on skincare and
                makeup labels
              </li>
            </ul>

            <p>
              Loved these product swaps? We're working on a space that brings clean living to your fingertips.
            </p>

            <p>
              <a href={AylaRouter.pathFor('waitlist')} onClick={(e) => { e.preventDefault(); setRoute('waitlist'); }}>
                Join Ayla's waitlist
              </a>{' '}
              to stay in the loop as we curate more thoughtful routines, just for you.
            </p>
          </article>

          <aside>rituals · clean living · product swaps</aside>
        </div>
      </div>

      <ReadNext slug="detox-your-daily-routine-non-toxic-product-swaps-for-a-healthier-you" setRoute={setRoute} />
    </>
  );
};