"use client";

export default function OurTribe() {
  return (
    <>

      {/* ================= HERO ================= */}
      <section className="tribe-banner-wrapper">
        <div className="tribe-banner"></div>
        <div className="tribe-banner-title-container">
          <div className="tribe-banner-title">
            <h1>Our Tribe</h1>
          </div>
        </div>
      </section>

      {/* ================= RIDIMA WALI ================= */}
      <section className="tribe-profile-section">
        <div className="content-wrapper">
          <div className="profile-row">
            <div className="profile-content">
              <h2>Ridima Wali</h2>
              <div className="profile-underline"></div>

              <p>
                Ridima brings an experience of working and enabling the leadership journey of
                over 4500 leaders across myriad industries like Financial Services, Manufacturing,
                Pharmaceuticals, Fortune 500 companies.
              </p>

              <p>
                She brings an understanding of practical frameworks, concepts and rigor that have been adopted and practiced by leaders
                and brought visible results in their leadership journeys. She incites big-picture
                thinking in leaders along with providing the nitty-gritty for enhancing execution
                excellence.
              </p>

              <p>
                A professional anchor having hosted more than 500 live events, she brings the
                eloquence of language and engagement to drive her perspectives, meet brand
                objectives and leave an emotional residue. Ridima leverages conceptual rigor
                and engagement with the audience to enable leaders to convey their outlook with
                clarity, conviction, and confidence.
              </p>

              <p className="profile-contact">
                Connect with us:-{" "}
                <a href="mailto:ridima.wali@nyraleadership.com" className="email-link">
                  ridima.wali@nyraleadership.com
                </a>
              </p>
            </div>

            <div className="profile-image">
              <img src="/images/ridima-wali.jpg" alt="Ridima Wali" />
            </div>
          </div>
        </div>
      </section>

      {/* ================= GAUTAM GANGLANI ================= */}
      <section className="tribe-profile-section alt">
        <div className="content-wrapper">
          <div className="profile-row reverse">
            <div className="profile-image">
              <img src="/images/gautam-ganglani.jpg" alt="Gautam Ganglani" />
            </div>

            <div className="profile-content">
              <h2>Gautam Ganglani</h2>
              <div className="profile-underline"></div>

              <p>
                Gautam was born in London & completed his education in the UK. He now has over
                20 years of experience as a business entrepreneur as part of a father & son team,
                representing & working very closely with world-renowned authors & global thought
                leaders like Marshall Goldsmith, Ron Kaufman & Brian Tracy.
              </p>

              <p>
                He will share insights into the power of building high-quality relationships from
                his learnings from these authors & his experience in Europe, the Gulf, India &
                Asia that will help you transform your happiness, fulfillment, and results you
                achieve in your personal & professional career. Are you ready to listen, learn &
                take action?
              </p>

              <p className="profile-contact">
                Connect with us:-{" "}
                <a href="mailto:info@nyraleadership.com" className="email-link">
                  info@nyraleadership.com
                </a>
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* ================= A.K. VISWANATHAN ================= */}
      <section className="tribe-profile-section">
        <div className="content-wrapper">
          <div className="profile-row">
            <div className="profile-content">
              <h2>A.K. Viswanathan</h2>
              <div className="profile-underline"></div>

              <p>
                A.K. Viswanathan (Vis), an independent director at HDB Financial Services
                Limited, is a former Partner at Deloitte. Vis has over 38 years of experience
                building and coaching high-performance teams across multiple geographies – North
                America, Cyprus, and the Middle East. Vis has a unique blend of business,
                technology, and risk experience. Vis is currently an Independent Director in HDB
                Financial Services Limited, where he is the chair of the Risk Committee and a
                member of the Audit, Nomination & Remuneration, and Technology Strategy and
                Stakeholder Relations Committees. Vis is also currently a Managing Director at
                Nexdigm Private Limited.
              </p>

              <p>
                Vis is helping Nexdigm's tax and risk advisory practices' leadership development
                and scaling up of the practices. Vis' 22 years career with Deloitte was
                predominantly – 15 years – spent in Canada serving large North American clients.
                While in the last few years with Deloitte, Vis had served Financial Services
                clients, his experience in business and technology transformations spans
                industries in addition to geographies. Vis is a certified Marshall Goldsmith
                Stakeholders Centred Coach and is one of the MG India 25 coaches. Considered a
                leader at Deloitte he has built, coached, and mentored multiple teams, resulting
                in him being named National Talent Partner for Risk Advisory Services in India.
              </p>

              <p>
                Vis has a key ability to communicate technical issues in business language. This
                had made him a trusted advisor to the leadership in some Tata entities, State Bank
                of India, Barclays, HDFC Bank, Canadian Imperial Bank of Commerce, and Manulife
                Financial, amongst many others. Vis has advised clients on IS strategy, governance,
                risk, and compliance requirements. The advice encompassed a full suite of solutions
                from evaluation to architecting, implementing, and where required sustaining
                solutions, spanning multiple geographies.
              </p>

              <p className="profile-contact">
                Connect with us:-{" "}
                <a href="mailto:info@nyraleadership.com" className="email-link">
                  info@nyraleadership.com
                </a>
              </p>
            </div>

            <div className="profile-image">
              <img src="/images/ak-viswanathan.jpg" alt="A.K. Viswanathan" />
            </div>
          </div>
        </div>
      </section>

      {/* ================= SHRUTI SWAROOP ================= */}
      <section className="tribe-profile-section alt">
        <div className="content-wrapper">
          <div className="profile-row reverse">
            <div className="profile-image">
              <img src="/images/shruti-swaroop.jpg" alt="Shruti Swaroop" />
            </div>

            <div className="profile-content">
              <h2>Shruti Swaroop</h2>
              <div className="profile-underline"></div>

              <p>
                With over two decades of international Human Resources management experience
                across the US, UK, and India, Shruti Swaroop brings a global perspective to her
                inclusion interventions, coaching practices, and consulting engagements. As a
                certified Coach, she works with the senior management and Board of Directors to
                bring about transformational and cultural change through programs on
                Transformational Coaching for Leaders and Coaching to improve performance.
              </p>

              <p>
                Her clients include Indian conglomerates, strategy consulting firms, MNCs, telecom
                majors, and PSU's. She has also mentored many senior professionals based in 8
                countries. Shruti has also been part of the IC committee at various organizations.
                Shruti is a TEDx speaker and facilitator of behavior-based learning programs.
              </p>

              <p>
                Her coaching and inclusion framework – EMBRACE® which stands on the pillars of
                uniqueness, belongingness, and psychological safety enable individuals and
                organisations to move to the next level of clarity and acceptance. Shruti runs
                "Find Your Voice Campaign" which focuses on creating awareness about Emotional
                Abuse and Mental Well-Being. She also teaches HR & OB at various B schools.
                Industry Experience: FMCG, IT, ITES, BFSI, Public Sector, NGO, Architect, Legal,
                Strategy Consulting, PSU
              </p>

              <p className="profile-contact">
                Connect with us:-{" "}
                <a href="mailto:info@nyraleadership.com" className="email-link">
                  info@nyraleadership.com
                </a>
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* ================= V K RAMAN ================= */}
      <section className="tribe-profile-section">
        <div className="content-wrapper">
          <div className="profile-row">
            <div className="profile-content">
              <h2>V K Raman</h2>
              <div className="profile-underline"></div>

              <p>
                V K Raman, retired from Tata Consultancy Services as head of Value Business
                Process Services, consulting arm of TCS's Business Process Services. He was with
                TCS since 2006. The TCS role entailed setting up a BPO division in 2006. The
                division became a $ 2 Billion division with 90000 staff by 2018. Part of the
                leadership team that helped grow this division. Prior to TCS, he was CEO of a
                Commercial Real Estate Analytics start-up company for 3 years.
              </p>

              <p>
                The company grew tenfold from 150 associates in 3years. Successfully helped the
                founder monetize the company. Prior to that he was GE Capital in India in various
                leadership positions, including CFO of a Consumer and Auto Finance lending
                business. He is a Chartered Accountant and Cost Accountant by education. His
                experience is in Finance, Operations, Six Sigma and Business Leadership. Through
                3 decades of business and operational leadership, his focus has been to make a
                genuine difference to customers and people that he worked with, while achieving
                significant business outcomes.
              </p>

              <p>
                His uniqueness is being able to demystify complex business situations to
                actionable, implementable programs and put in place review, rigour, rhythm baaed
                operating mechanisms and enable track them. M S Dhoni calls it the process. This
                has yielded far reaching outcomes. He brings this unique ability to (fill in the
                blank). He intends to leverage this to address (fill in the blank) requirements.
              </p>

              <p className="profile-contact">
                Connect with us:-{" "}
                <a href="mailto:info@nyraleadership.com" className="email-link">
                  info@nyraleadership.com
                </a>
              </p>
            </div>

            <div className="profile-image">
              <img src="/images/vk-raman.jpg" alt="V K Raman" />
            </div>
          </div>
        </div>
      </section>

      {/* ================= STYLES ================= */}
      <style jsx>{`
        * { 
          box-sizing: border-box; 
        }

        /* ===== CONTENT WRAPPER - MATCHES HEADER ===== */
        .content-wrapper {
          max-width: 1400px;
          margin: 0 auto;
          padding: 0 5.5%;
          box-sizing: border-box;
        }

        /* ===== BANNER ===== */
        .tribe-banner-wrapper {
          margin-top: 105px;
          margin-bottom: 60px;
          position: relative;
        }

        .tribe-banner {
          background: url('/images/our-tribe-header.jpg') center 20% / cover no-repeat;
          min-height: 500px;
          height: 80vh;
          width: 100%;
        }

        .tribe-banner-title-container {
          max-width: 1400px;
          margin: 0 auto;
          padding: 0 5.5%;
          position: absolute;
          bottom: -60px;
          left: 0;
          right: 0;
          z-index: 10;
        }

        .tribe-banner-title {
          background: linear-gradient(-90deg, #b53855, #62c0e2);
          padding: 45px 85px;
          border-radius: 10px 15px 0 0;
          display: inline-block;
        }

        .tribe-banner-title h1 {
          color: #fff;
          font-size: 38px;
          font-weight: 700;
          margin: 0;
          font-family: Helvetica, Arial, sans-serif;
        }

        /* ===== PROFILE SECTIONS ===== */
        .tribe-profile-section { 
          padding: 50px 0 15px;
          background: #fff;
        }
        
        .tribe-profile-section.alt { 
          background: #fafafa; 
        }

        .profile-row { 
          display: flex; 
          gap: 60px;
          align-items: flex-start;
        }

        .profile-row.reverse {
          flex-direction: row;
        }

        .profile-content {
          flex: 1;
        }

        .profile-content h2 { 
          font-size: 42px;
          color: #181b31;
          margin-bottom: 10px;
          font-family: Helvetica, Arial, sans-serif;
        }

        .profile-underline { 
          width: 180px;
          border-bottom: 2px dotted #cf87b0;
          margin-bottom: 25px;
        }

        .profile-content p { 
          font-size: 18px;
          line-height: 1.8;
          color: #5d6371;
          margin-bottom: 20px;
          text-align: justify;
          font-family: Helvetica, Arial, sans-serif;
        }

        .profile-contact { 
          font-weight: 600;
        }

        .email-link { 
          color: #bc0b86;
          text-decoration: none;
        }

        .email-link:hover { 
          color: #222;
          text-decoration: underline;
        }

        .profile-image { 
          flex: 0 0 auto;
          width: 380px;
          max-width: 100%;
          margin-top: 60px;
          padding-right: 40px;
        }

        .profile-image img { 
          width: 100%;
          height: auto;
          border-radius: 12px;
          object-fit: cover;
          display: block;
        }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 1200px) {
          .content-wrapper {
            padding: 0 4.5%;
          }

          .tribe-banner-title-container {
            padding: 0 4.5%;
          }

          .profile-image {
            width: 340px;
            padding-right: 30px;
          }
        }

        @media (max-width: 768px) {
          .content-wrapper {
            padding: 0 25px;
          }

          .tribe-banner-wrapper {
            margin-top: 70px;
          }

          .tribe-banner-title-container {
            padding: 0 25px;
            bottom: -40px;
          }

          .tribe-banner-title {
            padding: 23px 15px;
          }

          .tribe-banner-title h1 {
            font-size: 22px;
          }

          .profile-row,
          .profile-row.reverse {
            flex-direction: column;
          }

          .profile-image {
            width: 100%;
            max-width: 400px;
            margin: 10px auto 0;
            padding-right: 0;
          }
        }
      `}</style>
    </>
  );
}