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

# Zeroagent - Next-Gen AI Shopping Assistant for Online Stores

> AI Agent offers personalized product recommendations, handles orders, answers query & more for customers - "Just like shopping in-store, but online"

export const Banner = () => {
  return <div className="flex not-prose bg-primary" style={{
    borderRadius: '1rem',
    background: "url('https://firebasestorage.googleapis.com/v0/b/zeromagicsite.appspot.com/o/background.png?alt=media&token=6a7e76dd-2e28-4b48-98a0-e73adb134aac')"
  }}>
      <div className="flex-1" style={{
    padding: '2rem 2rem'
  }}>
        <h1 className="text-3xl text-white font-bold">Get Started for Free</h1>
        <h2 className="mt-1 text-white">Make your Online store and Websites smarter and more interactions with AI Agents</h2>
        <button onClick={() => window.open("https://app.zeroagent.io/")} className="mt-5 flex items-center space-x-1 font-medium px-4 py-1 bg-white rounded-xl group-hover:opacity-[0.9]" style={{
    color: '#09090B'
  }}>
          <span>Get started</span>
          <svg xmlns="http://www.w3.org/2000/svg" width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" className="w-3 h-3">
            <path d="m9 18 6-6-6-6" />
          </svg>
        </button>
      </div>
      <div className="hidden sm:flex flex-1">
        <img src="" />  
      </div>
    </div>;
};

export const HeroCard = ({img, title, description, cls, href}) => {
  return <a className={` ${cls} border-b pb-8 cursor-pointer border-gray-500 dark:border-gray-800 hover:!border-primary dark:hover:!border-primary-light`} href={href}>
      <img src={img} className="w-full" />
      <h1 className="mt-4 font-semibold text-gray-900 dark:text-white">{title}</h1>
      <h2 className="mt-1 text-gray-600 dark:text-gray-400 text-sm leading-6">{description}</h2>
    </a>;
};

export const StartButton = ({children = 'Go to Quickstart'}) => {
  return <a className="group" href="/quickstart">
      <button className="flex items-center space-x-1 font-medium px-4 py-1 bg-primary-dark rounded-xl group-hover:opacity-[0.9] text-white group-hover:opacity-[0.9]">
        <span>{children}</span>
        <svg xmlns="http://www.w3.org/2000/svg" width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" className="w-3 h-3">
          <path d="m9 18 6-6-6-6" />
        </svg>
      </button>
    </a>;
};

<Frame>
  <iframe src="https://www.youtube.com/embed/FZ-P2zNSFR4" className="w-full aspect-video" />
</Frame>

Imagine having a team of expert store assistants, each specialized in a specific work, working tirelessly to help your customers shop better and drive sales. Zeroagent offers all the AI features your store needs, without requiring any complicated AI setup or technical skills.

* 🎯 **Personalized Recommendations:**
  The AI assistant suggests products tailored to your customers' preferences and behavior, ensuring a perfect match.

* 🛒 **All-in-One Store Assistant:**
  From cart additions to order returns, the AI assistant handles it all, simplifying the shopping experience

* ⏰ **24/7 Support:**
  Always available, the AI provides instant assistance, reducing response times and lowering support costs.

* 📂 **View Customer Conversations:**
  Store owners can access and review all interactions between customers and the AI assistant

* 🧠 **Real-Time Learning:**
  The AI keeps itself updated with your knowledge base and real-time data, delivering precise and relevant information.

* 📊 **Data-Driven Insights:**
  Get actionable insights to better understand customer behavior, preferences, and trends for smarter decision-making.

* 💰 **Save Time & Costs:**
  Cut down manual work, optimize team size, and speed up project timelines.

* ❓ **Quick Query Resolution:**
  Quickly respond to customer questions using knowledge base data to provide accurate answers.
  Authorize access in a few steps, and your AI agent is ready to work. Focus on what matters while AI takes care of routine tasks.

# Get Started

<CardGroup>
  <HeroCard cls="dark:hidden block" img="https://firebasestorage.googleapis.com/v0/b/zeromagicsite.appspot.com/o/youtube-light.png?alt=media&token=42b9ac2e-f45a-4eb2-b260-e493ccf8aa48" title="Video Tutorials" description="Get started quickly with step-by-step video guides! Watch our tutorials to learn more." href="https://www.youtube.com/@zeroagentio" />

  <HeroCard cls="hidden dark:block" img="https://firebasestorage.googleapis.com/v0/b/zeromagicsite.appspot.com/o/youtube-dark.png?alt=media&token=8d2e7ed9-3c4d-4111-9d4e-604370a3de16" title="Video Tutorials" description="Get started quickly with step-by-step video guides! Watch our tutorials to learn more." href="https://www.youtube.com/@zeroagentio" />

  <HeroCard cls="dark:hidden block" img="https://firebasestorage.googleapis.com/v0/b/zeromagicsite.appspot.com/o/tools-light.png?alt=media&token=569340cb-aa69-487f-a13d-b43b042a0d2f" title="Apps Supported" description="Explore a wide range of integrations! Discover the platforms our AI agent connects." href="/apps/introduction" />

  <HeroCard cls="hidden dark:block" img="https://firebasestorage.googleapis.com/v0/b/zeromagicsite.appspot.com/o/tools-dark.png?alt=media&token=c1f16d22-ffd8-4002-86c6-ea721c9794ca" title="Platforms Supported" description="Explore a wide range of integrations! Discover the platforms our AI agent connects." href="/apps/introduction" />
</CardGroup>

## Explore Concepts

<CardGroup cols={3}>
  <Card title="Shopify" icon="shopify" href="/store/shopify">
    Make your shopify store smarter AI Store Assistant
  </Card>

  <Card title="Webpages" icon="browser" href="/make-smarter/lander-sites">
    Learn how to get started with webpages
  </Card>

  <Card title="Quickstart" icon="bolt" href="/quickstart">
    Learn how to get started with your AI Agents
  </Card>

  <Card title="Custom Stores" icon="cart-shopping" href="/store/custom-store">
    Connect your store and AI agent is ready to assist
  </Card>

  <Card title="Knowledge Base" icon="folder" href="/knowledge-base">
    Learn how to get started with business apps
  </Card>

  <Card title="Use Case" icon="brackets-curly" href="/use-case">
    Ensure accuracy and control over the actions
  </Card>
</CardGroup>

<br />

<br />

<Banner />