

<?php
/**
 * MoMo ACG - Page Getting Started
 *
 * @author MoMo Themes
 * @package momoacg
 * @since v4.0.1
 */

global $momoacg;
$assets = $momoacg->momoacg_assets . 'getting-started/';
?>
<style>
	body.ai-tools_page_momoacg-getting-started #wpcontent{
		padding: 0;
		background: #fff;
	}
	section.momo-be-getting-started{
		padding: 50px;
	}
	.momo-be-gs-header{
		text-align: center;
		padding: 50px 0;
	}
	.momo-be-gs-center{
		text-align: center;
	}
	.momo-be-gs-relative{
		position: relative;
	}
	h2.momo-be-gs-header-title{
		margin: 5px 0;
		font-size: 30px;
		font-weight: 700;
	}
	h3.momo-be-gs-header-subtitle{
		font-weight: 400;
	}
	.momo-be-gs-block{
		background: #eaf7ed;
		border-radius: 20px;
		display: table;
	}
	.momo-be-gs-block-column {
		display: flex;
		padding: 30px;
		background: #eaf7ed;
		border-radius: 20px;
	}
	.momo-be-gs-block-column img{
		max-width: 100%;
		height: auto;
	}
	.momo-be-gs-block-column-70 {
		flex: 70%;
	}

	.momo-be-gs-block-column-30 {
		flex: 30%;
		padding: 40px;
	}
	h2.momo-be-gs-block-header{
		font-size: 1.5rem;
		font-weight: 600;
		margin: 1rem 0;
		display: inline-flex;
		align-items: center;
	}
	.momo-be-gs-block-content p{
		font-size: 1rem;
		color: #000;
	}
	.momo-be-gs-container {
		display: flex;
		justify-content: space-between;
		margin-top: 50px;
	}

	.momo-be-gs-column-50 {
		flex-basis: calc(50% - 25px); /* 50% width minus gap */
		padding: 30px;
		background: #eaf7ed;
		border-radius: 20px;
		box-sizing: border-box;
		position: relative;
	}

	.momo-be-gs-column-gap {
		width: 50px; /* Width of the gap */
	}
	.momo-be-gs-mw-60{
		max-width: 60%!important;
	}
	.momo-va-center{
		display: flex;
		justify-content: center; /* Horizontal centering */
		align-items: center; /* Vertical centering */
	}
	.momo-fd-column{
		flex-direction: column;
	}
	.momo-mh-130{
		max-height: 130px;
		max-width: 100%;
	}
	.momo-gs-pro-tip{
		background-color: #b3edbd;
		padding: 1px 12px;
		color: #000;
		font-size: 14px;
		border-radius: 12px;
		position: absolute;
		right: 30px;
		top: 40px;
		font-weight: 600;
	}
	h2 > .momo-gs-pro-tip{
		right: -70px;
		top: -3px;
	}
	.momo-be-howto{
		text-align: center;
		margin-bottom: 50px;
	}
	.momo-be-howto span a{
		color: #dd5151;
		text-decoration: none;
		font-size: 16px;
	}
	.momo-be-howto span.hts a{
		font-weight: 800;
		font-size: 18px;
	}
	.momo-be-howto span{
		display: block;
	}
	/* Responsive video container */
	.momo-be-video-container {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%; /* 16:9 aspect ratio (height: 9/16 * width) */
		overflow: hidden;
		margin: 50px 30px;
		margin-bottom: 0;
	}

	/* Responsive video iframe */
	.momo-be-video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 95%;
		height: 95%;
	}

</style>
<section class="momo-be-getting-started">
	<div class="momo-be-gs-header">
		<h2 class="momo-be-gs-header-title">
			<?php esc_html_e( 'Getting Started', 'momoacg' ); ?>
		</h2>
	</div>
	<div class="momo-be-gs-block">
		<div class="momo-be-gs-block-column">
			<div class="momo-be-gs-block-column-70">
				<h2 class="momo-be-gs-block-header">
					<?php esc_html_e( 'AI Tools', 'momoacg' ); ?>
				</h2>
				<div class="momo-be-gs-block-content">
					<p>
						<?php esc_html_e( 'This plugin leverages artificial intelligence (AI) to automate content generation and offers several other innovative features. For text generation, it can craft unique and SEO-friendly articles, WooCommerce product descriptions based on specified keywords or topics. This ensures consistent and engaging content without manual input.', 'momoacg' ); ?>
					</p>
					<p>
						<?php esc_html_e( 'The image generation feature uses AI to produce high-quality visuals tailored to content themes. This can include infographics, featured images, or relevant illustrations, enhancing the site\'s visual appeal.', 'momoacg' ); ?>
					</p>
					<p>
						<?php esc_html_e( 'The automated blog feature utilizes AI to curate and schedule blog posts, ensuring a steady flow of relevant and timely content.', 'momoacg' ); ?>
					</p>
					<p>
						<?php esc_html_e( 'Lastly, a trainable chatbot is a dynamic tool that can be customized with custom inputs to enhance user interactions. Admin can provide specific responses, FAQs, or conversational flows, allowing the chatbot to provide accurate and personalized support. This adaptability ensures the chatbot meets the unique needs of each website or business, improving customer satisfaction and engagement.', 'momoacg' ); ?>
					</p>
				</div>
			</div>
			<div class="momo-be-gs-block-column-30 momo-be-gs-center momo-va-center momo-fd-column">
				<div class="momo-be-gs-row">
					<img src="<?php echo esc_url( $assets . 'ai3.png' ); ?>" alt="AI" class="momo-mh-130" />
				</div>
			</div>
		</div>
		<div class="momo-be-howto">
			<span class="hts">
				<a href="http://momothemes.com/documentationContentGenerator/" target="_blank"><?php esc_html_e( 'How to start ?', 'momoacg' ); ?></a>
			</span>
			<span>
				<a href="http://momothemes.com/documentationContentGenerator/" target="_blank"><?php esc_html_e( 'Read Documentation', 'momoacg' ); ?></a>
			</span>
		</div>
	</div>
	<div class="momo-be-video-container">
		<?php
		$src        = 'https://www.youtube.com/watch?v=Zwb9so7GTzk';
		$embed_html = wp_oembed_get( $src );
		echo $embed_html; // phpcs:ignore
		?>
	</div>
	<div class="momo-be-gs-header">
		<h2 class="momo-be-gs-header-title">
			<?php esc_html_e( 'Unique Features', 'momoacg' ); ?>
		</h2>
		<h3 class="momo-be-gs-header-subtitle">
			<?php esc_html_e( 'These are some useful features of the plugin', 'momoacg' ); ?>
		</h3>
	</div>
	<div class="momo-be-gs-block">
		<div class="momo-be-gs-block-column">
			<div class="momo-be-gs-block-column-70">
				<h2 class="momo-be-gs-block-header momo-be-gs-relative">
					<span class="momo-gs-pro-tip"><?php esc_html_e( 'Pro', 'momoacg' ); ?></span>
					<?php esc_html_e( 'AutoBlogging', 'momoacg' ); ?>
				</h2>
				<div class="momo-be-gs-block-content">
					<p>
						<?php esc_html_e( 'It enables automatically creating and publishing articles, ensuring fresh and relevant content is consistently delivered to the audience. The autoblogging feature allows users to schedule and automate the posting of content on their website without manual intervention. This feature is highly beneficial for maintaining a consistent posting schedule and engaging audiences regularly. This automated approach saves time and effort while maintaining a dynamic and engaging website presence.', 'momoacg' ); ?>
					</p>
					<p>
						<?php esc_html_e( 'Admin can set predetermined days, weeks, or months for content publication, ensuring a steady flow of new posts.', 'momoacg' ); ?>
					</p>
				</div>
			</div>
			<div class="momo-be-gs-block-column-30 momo-be-gs-center momo-va-center">
				<div class="momo-be-gs-row">
					<img src="<?php echo esc_url( $assets . 'auto-blog.png' ); ?>" alt="auto-blog" />
				</div>
			</div>
		</div>
	</div>
	<div class="momo-be-gs-container momo-be-gs-center">
		<div class="momo-be-gs-column-50">
			<span class="momo-gs-pro-tip"><?php esc_html_e( 'Pro', 'momoacg' ); ?></span>
			<h2 class="momo-be-gs-block-header">
				<?php esc_html_e( 'Content Generator', 'momoacg' ); ?>
			</h2>
			<div class="momo-be-gs-block-content">
				<div class="momo-be-gs-row">
					<img src="<?php echo esc_url( $assets . 'content-generator.png' ); ?>" alt="content-generator" class="momo-mh-130" />
				</div>
				<p>
					<?php esc_html_e( 'The AI-powered content generation feature in the plugin crafts world-class, error-free articles across any subject automatically. Utilizing advanced natural language processing, it analyzes topics and keywords to produce coherent and engaging content that rivals human-written articles. This feature ensures high-quality and relevant content is consistently generated, enhancing website credibility and user engagement effortlessly.', 'momoacg' ); ?>
				</p>
			</div>
		</div>
		<div class="momo-be-gs-column-gap"></div>
		<div class="momo-be-gs-column-50">
			<span class="momo-gs-pro-tip"><?php esc_html_e( 'Pro', 'momoacg' ); ?></span>
			<h2 class="momo-be-gs-block-header">
				<?php esc_html_e( 'ChatGPT', 'momoacg' ); ?>
			</h2>
			<div class="momo-be-gs-block-content">
				<div class="momo-be-gs-row">
					<img src="<?php echo esc_url( $assets . 'chat-gpt.png' ); ?>" alt="chat-gpt" class="momo-mh-130" />
				</div>
				<p>
					<?php esc_html_e( 'This feature allows visitors to engage in real-time conversations, ask questions, seek information, or receive assistance without human intervention. Utilizing natural language processing and machine learning capabilities, it understands and responds to user queries accurately, offering personalized interactions. This enhances user experience, and increases website engagement, making it a valuable tool for businesses and organizations.', 'momoacg' ); ?>
				</p>
			</div>
		</div>
	</div>
	<div class="momo-be-gs-container momo-be-gs-center">
		<div class="momo-be-gs-column-50">
			<span class="momo-gs-pro-tip"><?php esc_html_e( 'Pro', 'momoacg' ); ?></span>
			<h2 class="momo-be-gs-block-header">
				<?php esc_html_e( 'RSS Feed Content', 'momoacg' ); ?>
			</h2>
			<div class="momo-be-gs-block-content">
				<div class="momo-be-gs-row">
					<img src="<?php echo esc_url( $assets . 'rss-feed.png' ); ?>" alt="rss-feed" class="momo-mh-130" />
				</div>
				<p>
					<?php esc_html_e( "The RSS feed integration feature automatically generates articles based on content from any given RSS feed. By pulling relevant information and updates from the specified feed, the plugin utilizes AI-powered content generation to craft cohesive and original articles. This feature ensures a continuous flow of fresh content, enriching the website's content repository and keeping audiences informed and engaged without manual input or effort.", 'momoacg' ); ?>
				</p>
			</div>
		</div>
		<div class="momo-be-gs-column-gap"></div>
		<div class="momo-be-gs-column-50">
			<span class="momo-gs-pro-tip"><?php esc_html_e( 'Pro', 'momoacg' ); ?></span>
			<h2 class="momo-be-gs-block-header">
				<?php esc_html_e( 'AI Chatbot', 'momoacg' ); ?>
			</h2>
			<div class="momo-be-gs-block-content">
				<div class="momo-be-gs-row">
					<img src="<?php echo esc_url( $assets . 'chatbot.png' ); ?>" alt="chatbot" class="momo-mh-130" />
				</div>
				<p>
					<?php esc_html_e( 'An AI-powered chatbot with fine-tuning and embedding training capabilities adapts to user interactions, understanding context and intent for personalized responses. By adjusting embeddings and retraining, it evolves with changing requirements, delivering accurate and nuanced interactions. This advanced chatbot enhances user engagement and satisfaction by offering tailored and intelligent responses, revolutionizing user experience on websites and platforms.', 'momoacg' ); ?>
				</p>
			</div>
		</div>
	</div>
	<div class="momo-be-gs-container momo-be-gs-center">
		<a href="http://www.momothemes.com/documentationAITools" target="_blank" rel="noopener noreferrer" style="text-decoration: none;">
			<div class="momo-be-gs-column-50">
				<h2 class="momo-be-gs-block-header">
					<?php esc_html_e( 'Documentation', 'momoacg' ); ?>
				</h2>
				<div class="momo-be-gs-block-content">
					<div class="momo-be-gs-row">
						<img src="<?php echo esc_url( $assets . 'documentation.png' ); ?>" alt="documentation" class="momo-mh-130" />
					</div>
					<p>
						<?php esc_html_e( 'We have comprehensive documentation, serving as a valuable resource for users. This documentation provides detailed information on installation, configuration, and usage, offering clear guidelines and troubleshooting tips. ', 'momoacg' ); ?>
					</p>
				</div>
			</div>
		</a>
		<div class="momo-be-gs-column-gap"></div>
		<a href="http://helpdesk.momothemes.com/" target="_blank" rel="noopener noreferrer" style="text-decoration: none;">
			<div class="momo-be-gs-column-50">
				<h2 class="momo-be-gs-block-header">
					<?php esc_html_e( 'HelpDesk', 'momoacg' ); ?>
				</h2>
				<div class="momo-be-gs-block-content">
					<div class="momo-be-gs-row">
						<img src="<?php echo esc_url( $assets . 'helpdesk.png' ); ?>" alt="helpdesk" class="momo-mh-130" />
					</div>
					<p>
						<?php esc_html_e( "The plugin provides a dedicated helpdesk for customer support, offering users a direct avenue to seek assistance. This ensures prompt and reliable support for any queries or issues, enhancing user experience and providing a reliable resource for addressing concerns related to the plugin's functionality and features.", 'momoacg' ); ?>
					</p>
				</div>
			</div>
		</a>
	</div>
</section>
