<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Power Up Your Strengths | Powered by Purple Ink</title>
  <meta name="description" content="Explore a strengths-focused certification experience designed to help professionals coach, facilitate, and develop people through their natural talents." />
  <link rel="canonical" href="https://poweredbypurpleink.com/strengths/" />

  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: Arial, Helvetica, sans-serif;
      background: #ffffff;
      color: #333;
      line-height: 1.7;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    img {
      max-width: 100%;
      display: block;
    }

    .container {
      width: min(1180px, 92%);
      margin: 0 auto;
    }

    /* Header */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 99;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.10);
    }

    .nav-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      min-height: 78px;
    }

    .logo {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.1;
      color: #f7941d;
    }

    .logo span {
      display: block;
      color: #8a4db5;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 1px;
    }

    .main-nav {
      display: flex;
      align-items: center;
      gap: 28px;
      flex-wrap: wrap;
      color: #7e4f9e;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
    }

    .nav-btn {
      border: 1px solid #a15abb;
      padding: 10px 18px;
      border-radius: 6px;
      color: #7e4f9e;
      font-size: 14px;
      font-weight: 700;
    }

    /* Hero */
    .hero {
      background: #ececec;
      min-height: 690px;
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(236,236,236,0.78), rgba(236,236,236,0.78)),
        url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
    }

    .hero-inner {
      position: relative;
      z-index: 1;
      min-height: 690px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 70px 0;
    }

    .hero-card {
      width: 100%;
      max-width: 430px;
      background: rgba(255,255,255,0.96);
      border-radius: 18px;
      box-shadow: 0 8px 30px rgba(0,0,0,0.16);
      padding: 34px 26px 30px;
    }

    .hero-card h1 {
      text-align: center;
      color: #f7941d;
      font-size: 34px;
      margin-bottom: 14px;
      font-weight: 700;
    }

    .hero-card p {
      color: #4d4d4d;
      margin-bottom: 22px;
      font-size: 15px;
    }

    .field {
      margin-bottom: 18px;
    }

    .field label {
      display: block;
      margin-bottom: 8px;
      font-weight: 700;
      color: #3e3e3e;
      font-size: 15px;
    }

    .field label small {
      color: #ff6f61;
      font-style: italic;
      font-weight: 600;
    }

    .field input,
    .field textarea {
      width: 100%;
      border: 3px solid #b35ac9;
      border-radius: 999px;
      padding: 14px 16px;
      font-size: 15px;
      outline: none;
      background: #fff;
    }

    .field textarea {
      border-radius: 24px;
      min-height: 110px;
      resize: vertical;
    }

    .submit-btn {
      display: inline-block;
      background: #7bc043;
      color: #fff;
      border: none;
      border-radius: 999px;
      padding: 13px 28px;
      font-weight: 700;
      font-size: 16px;
      cursor: pointer;
      box-shadow: 0 6px 16px rgba(123,192,67,0.28);
    }

    /* Intro strip */
    .intro-strip {
      background: #f7941d;
      color: #fff;
      padding: 44px 0;
      text-align: center;
    }

    .intro-strip h2 {
      font-size: 28px;
      font-weight: 500;
      max-width: 1100px;
      margin: 0 auto;
      line-height: 1.5;
    }

    /* Content */
    .content-section {
      padding: 70px 0;
    }

    .grid-2 {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: 40px;
      align-items: center;
    }

    .section-tag {
      color: #8a4db5;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 10px;
      font-size: 13px;
    }

    .content-text h3 {
      font-size: 38px;
      color: #f7941d;
      margin-bottom: 16px;
      line-height: 1.2;
    }

    .content-text p {
      margin-bottom: 16px;
      color: #444;
      font-size: 16px;
    }

    .content-image img {
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.10);
      min-height: 420px;
      object-fit: cover;
      width: 100%;
    }

    .cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-top: 44px;
    }

    .card {
      background: #fff;
      border-radius: 18px;
      padding: 28px 22px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
      border-top: 5px solid #b35ac9;
    }

    .card h4 {
      color: #7e4f9e;
      font-size: 22px;
      margin-bottom: 12px;
    }

    .card p {
      color: #555;
      font-size: 15px;
    }

    .testimonial-section {
      background: #faf7fc;
      padding: 70px 0;
    }

    .testimonial-section h3 {
      text-align: center;
      color: #f7941d;
      font-size: 34px;
      margin-bottom: 36px;
    }

    .testimonials {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .testimonial {
      background: #fff;
      padding: 26px;
      border-radius: 18px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.06);
      border-left: 5px solid #7bc043;
    }

    .testimonial p {
      font-size: 15px;
      color: #444;
    }

    .cta {
      padding: 70px 0 85px;
      text-align: center;
    }

    .cta h3 {
      color: #7e4f9e;
      font-size: 34px;
      margin-bottom: 14px;
    }

    .cta p {
      max-width: 820px;
      margin: 0 auto 24px;
      color: #555;
      font-size: 16px;
    }

    .cta a {
      display: inline-block;
      background: #f7941d;
      color: #fff;
      padding: 14px 28px;
      border-radius: 999px;
      font-weight: 700;
    }

    .footer {
      background: #6f3c94;
      color: #fff;
      padding: 28px 0;
      text-align: center;
      font-size: 14px;
    }

    @media (max-width: 992px) {
      .grid-2,
      .cards,
      .testimonials {
        grid-template-columns: 1fr;
      }

      .hero-inner {
        justify-content: center;
      }

      .main-nav {
        display: none;
      }

      .content-text h3,
      .hero-card h1,
      .testimonial-section h3,
      .cta h3 {
        font-size: 28px;
      }

      .intro-strip h2 {
        font-size: 22px;
      }
    }
  </style>
</head>
<body>

  <header class="site-header">
    <div class="container nav-wrap">
      <div class="logo">
        Powered
        <span>by Purple Ink</span>
      </div>

      <nav class="main-nav">
        <a href="#">Why Join?</a>
        <a href="#">Who Joins?</a>
        <a href="#">The Network</a>
        <a href="#">Resources</a>
        <a href="#">Events</a>
        <a href="#">Power Up Your Strengths</a>
        <a href="#">Contact Us</a>
      </nav>

      <a href="#" class="nav-btn">LinkedIn</a>
    </div>
  </header>

  <section class="hero">
    <div class="container hero-inner">
      <div class="hero-card">
        <h1>Let’s Chat</h1>
        <p>We’ll email you shortly to schedule a Zoom call and help you explore the right strengths-based path for your team or professional growth.</p>

        <form>
          <div class="field">
            <label>Name <small>(Required)</small></label>
            <input type="text" placeholder="Enter your full name" />
          </div>

          <div class="field">
            <label>Email <small>(Required)</small></label>
            <input type="email" placeholder="Enter your email address" />
          </div>

          <div class="field">
            <label>Message</label>
            <textarea placeholder="Tell us what kind of certification or support you are looking for"></textarea>
          </div>

          <button type="submit" class="submit-btn">Submit</button>
        </form>
      </div>
    </div>
  </section>

  <section class="intro-strip">
    <div class="container">
      <h2>
        Powered by Purple Ink offers a strengths-focused learning experience that helps coaches, facilitators, and leaders understand natural talent, develop people intentionally, and create more effective teams.
      </h2>
    </div>
  </section>

  <section class="content-section">
    <div class="container">
      <div class="grid-2">
        <div class="content-text">
          <div class="section-tag">Power Up Your Strengths</div>
          <h3>Develop the Talent You Already See in People</h3>
          <p>
            Power Up Your Strengths is designed for professionals who want to become more intentional about recognizing talent and helping others apply it in meaningful ways. This kind of learning experience can support coaches, consultants, trainers, and internal leaders who want a practical framework for development conversations.
          </p>
          <p>
            The program concept centers on helping participants understand strengths deeply and then turn that understanding into action. Instead of focusing only on gaps, this approach highlights what people naturally do well and shows how those strengths can improve confidence, performance, collaboration, and leadership.
          </p>
          <p>
            Whether you want to guide one-on-one conversations or facilitate a strengths-based team experience, this page can serve as a welcoming starting point for visitors who are interested in certification, coaching, and people development.
          </p>
        </div>

        <div class="content-image">
          <img src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=80" alt="Professionals in a collaborative strengths-based workshop discussion" />
        </div>
      </div>

      <div class="cards">
        <div class="card">
          <h4>Foundations</h4>
          <p>
            A great starting point for professionals who want to coach individuals around their top strengths and help people put those talents into practice in everyday work.
          </p>
        </div>

        <div class="card">
          <h4>Facilitation</h4>
          <p>
            Ideal for those ready to lead group conversations and workshops with more confidence, structure, and strengths-based communication techniques.
          </p>
        </div>

        <div class="card">
          <h4>Practical Impact</h4>
          <p>
            Bring strengths into leadership development, team building, employee growth, and coaching conversations in a way that feels clear, useful, and repeatable.
          </p>
        </div>
      </div>
    </div>
  </section>

  <section class="testimonial-section">
    <div class="container">
      <h3>Why People Value This Experience</h3>

      <div class="testimonials">
        <div class="testimonial">
          <p>
            “This kind of program helps people see themselves more clearly and gives them language to talk about what they naturally contribute.”
          </p>
        </div>

        <div class="testimonial">
          <p>
            “A strengths-centered approach can be powerful for both personal growth and client work, especially when it is practical and easy to apply.”
          </p>
        </div>

        <div class="testimonial">
          <p>
            “For teams and organizations, strengths development can support engagement, leadership, and better collaboration across roles.”
          </p>
        </div>
      </div>
    </div>
  </section>

  <section class="cta">
    <div class="container">
      <h3>Ready to Power Up Your Strengths?</h3>
      <p>
        Use this page as a simple landing page for a strengths certification offer, inquiry form, or informational campaign. You can later connect the form to your email platform or replace the sample buttons with your live links.
      </p>
      <a href="https://poweredbypurpleink.com/strengths/">Visit Canonical Page</a>
    </div>
  </section>

  <footer class="footer">
    <div class="container">
      Copyright © Powered by Purple Ink — Strengths Landing Page Demo
    </div>
  </footer>

</body>
</html>