> ## Documentation Index
> Fetch the complete documentation index at: https://generaltranslation.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# X के आधिकारिक साझेदार

export const StoryCard = ({img, href, title}) => {
  return <a href={href} className="card block not-prose font-normal group relative my-2 ring-2 ring-transparent rounded-xl bg-white/50 dark:bg-codeblock/50 border border-gray-100 shadow-md dark:shadow-none shadow-gray-300/10 dark:border-gray-800/50 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light">
      <div className="flex flex-col h-full">
        <div className="w-full aspect-[3/2] bg-white">
          <span aria-owns="rmiz-modal-942aec5edfb7" data-rmiz="" className="h-full w-full block">
            <span data-rmiz-content="found" className="h-full w-full block">
              <img src={img} className="rounded-none pointer-events-none w-full h-full object-cover" alt={title} />
            </span>
            <span data-rmiz-ghost="" style={{
    height: 127,
    left: 0,
    width: 213,
    top: 0
  }}>
              <button aria-label="Expand image" data-rmiz-btn-zoom="" type="button">
                <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                  <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
                </svg>
              </button>
            </span>
          </span>
        </div>
        <div className="flex flex-col justify-center p-4 flex-1">
          <h2 className="font-semibold text-sm">{title}</h2>
        </div>
      </div>
    </a>;
};

export const Banner = ({img, href, title, description}) => {
  return <a href={href} className="card block not-prose font-normal group relative my-1 ring-2 ring-transparent rounded-xl bg-white/50 dark:bg-codeblock/50 border border-gray-100 shadow-md dark:shadow-none shadow-gray-300/10 dark:border-gray-800/50 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light">
      <div className="flex flex-row h-full">
        <div className="integration-logo w-48 flex items-center justify-center p-4 bg-white">
          <span aria-owns="rmiz-modal-942aec5edfb7" data-rmiz="" className="flex items-center justify-center" style={{
    width: '100%',
    height: '100%',
    maxWidth: '150px'
  }}>
            <span data-rmiz-content="found" style={{
    visibility: 'visible',
    width: '100%',
    height: '100%',
    maxWidth: '150px'
  }} className="flex items-center justify-center">
              <img src={img} className="pointer-events-none w-full h-full object-contain" style={{
    maxWidth: '150px',
    maxHeight: '80px'
  }} />
            </span>
            <span data-rmiz-ghost="" style={{
    height: 127,
    left: 0,
    width: 213,
    top: 0
  }}>
              <button aria-label="Expand image" data-rmiz-btn-zoom="" type="button">
                <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                  <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
                </svg>
              </button>
            </span>
          </span>
        </div>
        <div className="flex flex-col justify-center p-4 flex-1">
          <h2 className="font-semibold text-sm">{title}</h2>
          <p className="mt-1 text-xs text-gray-600 dark:text-gray-400">{description}</p>
        </div>
      </div>
    </a>;
};

export const Button = ({href, children}) => {
  return <div className="not-prose group">
    <a href={href}>
      <button className="flex items-center space-x-2.5 py-1 px-4 bg-primary-dark dark:bg-white text-white dark:text-gray-950 rounded-full group-hover:opacity-[0.9] font-medium">
        <span>
          {children}
        </span>
        <svg width="3" height="24" viewBox="0 -9 3 24" class="h-6 rotate-0 overflow-visible"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>
      </button>
    </a>
  </div>;
};

export const IntroCard = ({img, href, title, description}) => {
  return <a href={href} className="card block not-prose font-normal group relative my-2 ring-2 ring-transparent rounded-xl bg-white/50 dark:bg-codeblock/50 border border-gray-100 shadow-md dark:shadow-none shadow-gray-300/10 dark:border-gray-800/50 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light">
      <div className="flex flex-col h-full !bg-gray-400/10">
        <div className="integration-logo w-full flex items-center justify-center !bg-gray-400/10">
          <span aria-owns="rmiz-modal-942aec5edfb7" data-rmiz="" className="flex items-center justify-center" style={{
    width: '100%',
    height: '100%'
  }}>
            <span data-rmiz-content="found" style={{
    visibility: 'visible',
    width: '100%',
    height: '100%'
  }} className="flex items-center justify-center">
              <img src={img} className="pointer-events-none w-full h-full object-cover" />
            </span>
            <span data-rmiz-ghost="" style={{
    height: '100%',
    left: 0,
    width: '100%',
    top: 0
  }}>
              <button aria-label="Expand image" data-rmiz-btn-zoom="" type="button">
                <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                  <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
                </svg>
              </button>
            </span>
          </span>
        </div>
        <div className="p-4 flex-grow">
          <h3 className="text-lg font-semibold mb-2 text-white">{title}</h3>
          <p className="text-sm text-gray-400">{description}</p>
        </div>
      </div>
    </a>;
};

<div id="build-your-business-with-x-official-partners">
  ## X आधिकारिक पार्टनर के साथ अपने व्यवसाय को बढ़ाएँ
</div>

<div id="tap-into-the-public-conversation-on-x-and-turn-insights-into-action-with-solutions-from-our-partners">
  ###### X पर सार्वजनिक बातचीत से जानकारियाँ हासिल करें और हमारे भागीदारों के समाधानों की मदद से उन्हें कार्रवाई में बदलें।
</div>

<br />

<div style={{ display: 'flex', gap: '1rem', alignItems: 'center' }}>
  <Button href="https://partners.x.com/en/find-a-partner">
    भागीदार खोजें
  </Button>

  <Button href="https://partners.x.com/en/about-the-program">
    और जानें
  </Button>
</div>

<div id="work-with-a-trusted-x-official-partner-to-expand-whats-possible-for-your-business">
  ## अपने व्यवसाय के लिए नई संभावनाएँ खोलने हेतु किसी विश्वसनीय X आधिकारिक पार्टनर के साथ काम करें
</div>

हमारे भागीदारों को उनकी उत्कृष्टता के आधार पर सावधानीपूर्वक चुना गया है और वे आपकी इन कामों में मदद के लिए तकनीक उपलब्ध करा सकते हैं:

* उपभोक्ता रुझानों और पसंद को समझें 
* उत्पादों और सेवाओं पर प्रतिक्रिया एकत्र करें और उसका विश्लेषण करें 
* ग्राहकों से जुड़ें और उनकी समस्याओं का समाधान करें 
* ताज़ा समाचार और घटनाओं की तुरंत सूचना पाएँ 
* सोशल चैनलों पर सामग्री बनाएँ, प्रकाशित करें और उसका विश्लेषण करें 
* और भी बहुत कुछ!

<div id="discover-the-right-official-partner-for-your-business">
  ## अपने व्यवसाय के लिए सही आधिकारिक पार्टनर ढूंढें
</div>

<br />

<Banner title="आधिकारिक पार्टनर उत्कृष्टता, मूल्य और विश्वास का प्रतीक हैं" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/XOPP_logo_black.png" description="प्रत्येक आधिकारिक पार्टनर का चयन व्यापक मूल्यांकन के बाद इस कार्यक्रम के लिए किया गया है। हमारे भागीदारों की X द्वारा लगातार समीक्षा की जाती है, क्योंकि केवल-आमंत्रण वाला यह कार्यक्रम अपने सदस्यों से उच्चतम प्रदर्शन मानकों को बनाए रखने की अपेक्षा करता है, ताकि ब्रांडों को बेहतरीन अनुभव प्रदान किए जा सकें।" />

<div id="official-partners-represent-excellence-value-and-trust">
  ### आधिकारिक पार्टनर उत्कृष्टता, मूल्य और भरोसे का प्रतिनिधित्व करते हैं
</div>

प्रत्येक आधिकारिक पार्टनर का इस कार्यक्रम के लिए विस्तृत मूल्यांकन के बाद चयन किया गया है। हमारे पार्टनर्स की X द्वारा लगातार समीक्षा की जाती है, क्योंकि यह केवल-आमंत्रण वाला कार्यक्रम अपने सदस्यों से प्रदर्शन के सर्वोच्च मानकों को बनाए रखने की अपेक्षा करता है, ताकि ब्रांड्स को बेहतरीन अनुभव मिल सके।

<Button href="https://partners.x.com/en/about-the-program">
  कार्यक्रम के बारे में जानें
</Button>

<div id="see-our-partners-impressive-work">
  ## हमारे साझेदारों का प्रभावशाली काम देखें
</div>

<CardGroup cols={3}>
  <StoryCard title="NASA प्रशंसकों को नई सीमाओं तक ले जाने के लिए X audience insights का इस्तेमाल करता है" href="https://partners.x.com/en/partner-resources/nasa-uses-twitter-audience-insights-to-take-fans-to-new-frontier" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/Hero.jpg" />

  <StoryCard title="X की खूबसूरती" href="https://partners.x.com/en/partner-resources/the-beauty-in-twitter" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/thumbnail-sprinklr.png" />

  <StoryCard title="X पर #ExtremeWeather चर्चा का विश्लेषण करें" href="https://developer.x.com/en/use-cases/build-for-good/extreme-weather" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/Extreme_369x277.png" />
</CardGroup>