https://www.palio.ai/web/index.html

1
2<!DOCTYPE html>
3<html>
4<head>
5<meta charset="utf-8" />
6<title>Palio</title>
7<meta property="og:title" content="Meet Palio, your one and only AI buddy to interact, discover and play with!丨Created by Xterio & powered by Reka." />
8<meta name="keywords" content="Palio, AI, Xterio, NFT, web3.0" />
9<meta name="description" content="Palio is a groundbreaking leap into the extraordinary capabilities of Xterio's AI technology. We're on a mission to create an “emotion engine“ that will breathe life into non-playable characters (NPCs), making your interactive adventures feel more human and inviting.
10Imagine having a digital companion ready to engage and communicate with you within a world co-crafted by all of you. In this first stage, a lucky few will receive a special passcard, granting them the power to generate their own Palio. Each Palio will embrace a unique persona and build a genuine bond of friendship with its creator.">
11<meta name="og:description" content="Palio is a groundbreaking leap into the extraordinary capabilities of Xterio's AI technology. We're on a mission to create an “emotion engine“ that will breathe life into non-playable characters (NPCs), making your interactive adventures feel more human and inviting.
12Imagine having a digital companion ready to engage and communicate with you within a world co-crafted by all of you. In this first stage, a lucky few will receive a special passcard, granting them the power to generate their own Palio. Each Palio will embrace a unique persona and build a genuine bond of friendship with its creator.">
13<meta property="og:image" content="https://pbs.twimg.com/profile_images/1738917459779080192/0v0eE0Z-_400x400.jpg" />
14<!-- <meta property="og:image:width" content="1200" />
15<meta property="og:image:height" content="600" /> -->
16<meta property="og:url" content="https://www.palio.ai/" /> 
17<meta name="twitter:image" content="https://pbs.twimg.com/profile_images/1738917459779080192/0v0eE0Z-_400x400.jpg">
18
19<link rel="stylesheet" href="css/swiper.css" />
20<link rel="stylesheet" href="css/css.css" />
21<!-- Google tag (gtag.js) -->

21
22<script async src="https://www.googletagmanager.com/gtag/js?id=

22G-D3PMVBDYY8

22"></script>

23<script>
24  

24window.dataLayer = window.dataLayer || [];
25  function gtag(){dataLayer.push(arguments);}
26  gtag('js', new Date());
27
28  gtag('config', '

28G-D3PMVBDYY8

28');
29	

29function showComingSoon() {
30		alert("Coming soon！");
31	}
32    
33</script>

33

34<script>
35	(function () {
36		if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
37			window.location.href = "/m/index.html" + location.search;
38		}
39	})();
40	(function (win, doc) {
41		if (!win.addEventListener) return;
42		var html = document.documentElement;
43		function setFont() {
44			var html = document.documentElement;
45			var k = 1080;
46			html.style.fontSize = html.clientHeight / k * 100 + "px";
47		}
48		setFont();
49		doc.addEventListener('DOMContentLoaded', setFont, false);
50		win.addEventListener('resize', setFont, false);
51		win.addEventListener('load', setFont, false);
52	})(window, document);
53</script>

53
54</head>
55<body>
56<h1 class="logo hd pf">Palio</h1>
57<div id="musicBtn" class="music pause"></div>
58<div class="ste pf"><i></i></div>
59<div class="join pf">
60	<i><a href="https://shop-web.palio.ai" target="_blank"><img src="images/join.png" alt=""></a></i>
61	<!-- <i><a href="#" onclick="showComingSoon()"><img src="images/join.png" alt=""></a></i> -->
62	<a href="https://twitter.com/PalioAI" target="_blank" class="twitter_ico hoverStyle pa"></a>
63	<a href="https://palioai.gitbook.io/palioai" target="_blank" class="xterio_ico hoverStyle pa"></a>
64</div>
65<div class="wrap scroll">
66	<div class="bg1 pr">
67		<div class="pal pa"></div>
68		<div class="vid"><video id="v1" src="images/video1.mp4" preload="auto" muted autoplay loop></video></div>
69	</div>
70	<div class="bg2 pr">
71		<div class="role2 pa"></div>
72		<div class="pnt1 ffBar point pa">
73			<div class="flag_pole pa">
74				<div class="f_text pa">The dawn of the Artificial Intelligence era has arrived, reshaping user behaviors in fields ranging from art and design to medicine and human relationships.</div>
75			</div>
76			<i class="nor pa"></i>
77			<i class="hover pa"></i>
78		</div>
79		<div class="pnt2 ffBar point pa">
80			<div class="flag_pole pa">
81				<div class="f_text pa">At PalioAI, we delve beyond mere intelligence. We believe the most undervalued aspect of AI is its potential to emulate human empathy. Palio is more than a product; it's a lifelong companion and a canvas for creativity, ready to be shaped by its users.</div>
82			</div>
83			<i class="nor pa"></i>
84			<i class="hover pa"></i>
85		</div>
86		<div class="pnt3 ffBar point pa">
87			<div class="flag_pole pa">
88				<div class="f_text pa">At PalioAI, each user gains access to an endlessly empathetic and patient companion. Palio's personality and image are truly unique. It will interact and play with you, and might even introduce you to its new friends.</div>
89			</div>
90			<i class="nor pa"></i>
91			<i class="hover pa"></i>
92		</div>
93		<div class="pnt4 ffBar point pa">
94			<div class="flag_pole pa">
95				<div class="f_text pa">We believe that the enhancement of productivity through AI, along with the transformative nature of Web3's production relations, will create unmatched synergy. This offers significant advantages and ushers in an era of innovation.</div>
96			</div>
97			<i class="nor pa"></i>
98			<i class="hover pa"></i>
99		</div>
100		<div class="vid"><video id="v2" src="images/video2.mp4" preload="auto" muted autoplay loop></video></div>
101	</div>
102	<div class="bg3 pr">
103		<div class="role3 pa"></div>
104		<div class="movieBar pa">
105			<div class="movie_bg pa">
106				<div class="movieImg pa">
107					<a href="javascript:;" class="playBtn pa hoverStyle"></a><span>WATCH VIDEO</span>
108				</div>
109				<!-- <div class="pv_sit pa"><video id="pv" src="images/PV.mp4" preload="auto" controls></video></div> -->
110				<div class="pv_sit pa"><video id="pv" src="images/PV1.mp4" preload="auto" controls></video></div>
111			</div>
112			<div class="movie_txt pa">
113				<!-- <span>About <br>Out Story</span> -->
114				<p><i>M</i>arshall Rosenberg once remarked, “Every criticism, judgment, diagnosis, and expression of anger is the tragic expression of an unmet need.”</p>
115				<p><i>F</i>requently, we respond reflexively to situations and individuals that trigger us, failing to realize that our emotions serve as a compass, pointing us towards our unmet needs.</p>
116				<p><i>P</i>alio is conceived from the depths of your being. We aspire to harness the boundless potential of AGI, empowering everyone to discover their own “Interlink”— to find their unique Palio.</p>
117			</div>
118		</div>
119		<div class="vid"><video id="v3" src="images/video3.mp4" preload="auto" muted autoplay loop></video></div>
120	</div>
121	<div class="bg4 pr">
122		<div class="role4_1 pa"></div>
123		<div class="role4_2 pa"></div>
124		<div class="swp1 pa">
125			<div class="mySwiper1 pa">
126				<div class="swiper-wrapper" id="s_dom_cont">
127					<!-- <div class="swiper-slide"><img src="images/001.jpg" alt=""></div>
128					<div class="swiper-slide"><img src="images/002.jpg" alt=""></div>
129					<div class="swiper-slide"><img src="images/003.jpg" alt=""></div>
130					<div class="swiper-slide"><img src="images/004.jpg" alt=""></div>
131					<div class="swiper-slide"><img src="images/005.jpg" alt=""></div>
132					<div class="swiper-slide"><img src="images/006.jpg" alt=""></div> -->
133				</div>
134				<div class="swiper-pagination1"></div>
135			</div>
136		</div>
137		<div class="swp2 pa">
138			<h2>Fan Art</h2>
139			<div class="mySwiper2 pa">

140				<div class="swiper-wrapper" id="a_dom_cont">
141					<!-- <div class="swiper-slide">
142						<i><a href="https://twitter.com/Mati22soley/status/1767469564806205847" target="_blank"><img src="images/works/12.png" alt=""></a></i>
143						<span class="sName">Title of the work</span>
144						<span class="sAuthor">@Mati22soley</span>
145					</div>
146					<div class="swiper-slide">
147						<i><a href="https://twitter.com/Almaruf_/status/1747620711089242169" target="_blank"><img src="images/works/2.png" alt=""></a></i>
148						<span class="sName">Title of the work</span>
149						<span class="sAuthor">@Almaruf_</span>
150					</div>
151					<div class="swiper-slide">
152						<i><a href="https://twitter.com/Ellie_963/status/1768586219150102656" target="_blank"><img src="images/works/7.png" alt=""></a></i>
153						<span class="sName">Title of the work</span>
154						<span class="sAuthor">@Ellie_963</span>
155					</div>
156					<div class="swiper-slide">
157						<i><a href="https://twitter.com/0x_angell/status/1772254558854562219" target="_blank"><img src="images/works/1.png" alt=""></a></i>
158						<span class="sName">Title of the work</span>
159						<span class="sAuthor">@0x_angell</span>
160					</div>
161					<div class="swiper-slide">
162						<i><a href="https://twitter.com/alwaysShocked/status/1764246460931989894" target="_blank"><img src="images/works/3.png" alt=""></a></i>
163						<span class="sName">Title of the work</span>
164						<span class="sAuthor">@alwaysShocked</span>
165					</div>
166					<div class="swiper-slide">
167						<i><a href="https://twitter.com/amiroghaderi/status/1751910439062036812" target="_blank"><img src="images/works/4.png" alt=""></a></i>
168						<span class="sName">Title of the work</span>
169						<span class="sAuthor">@amiroghaderi</span>
170					</div>
171					<div class="swiper-slide">
172						<i><a href="https://twitter.com/cryptozee__/status/1748013980117815661" target="_blank"><img src="images/works/5.png" alt=""></a></i>
173						<span class="sName">Title of the work</span>
174						<span class="sAuthor">@cryptozee__</span>
175					</div>
176					<div class="swiper-slide">
177						<i><a href="https://twitter.com/devilnftt1/status/1762377697815134306" target="_blank"><img src="images/works/6.png" alt=""></a></i>
178						<span class="sName">Title of the work</span>
179						<span class="sAuthor">@devilnftt1</span>
180					</div>
181					<div class="swiper-slide">
182						<i><a href="https://twitter.com/irony1998/status/1758503957993812118" target="_blank"><img src="images/works/8.png" alt=""></a></i>
183						<span class="sName">Title of the work</span>
184						<span class="sAuthor">@irony1998</span>
185					</div>
186					<div class="swiper-slide">
187						<i><a href="https://twitter.com/irony1998/status/1762794323370807779" target="_blank"><img src="images/works/9.png" alt=""></a></i>
188						<span class="sName">Title of the work</span>
189						<span class="sAuthor">@irony1998</span>
190					</div>
191					<div class="swiper-slide">
192						<i><a href="https://twitter.com/laia96_tita_run/status/1748526032444117467" target="_blank"><img src="images/works/10.png" alt=""></a></i>
193						<span class="sName">Title of the work</span>
194						<span class="sAuthor">@laia96_tita_run</span>
195					</div>
196					<div class="swiper-slide">
197						<i><a href="https://twitter.com/MariaA1991513/status/1760270423604756857" target="_blank"><img src="images/works/11.png" alt=""></a></i>
198						<span class="sName">Title of the work</span>
199						<span class="sAuthor">@MariaA1991513</span>
200					</div>
201					
202					<div class="swiper-slide">
203						<i><a href="https://twitter.com/MonaAshl/status/1754752501000126570" target="_blank"><img src="images/works/13.png" alt=""></a></i>
204						<span class="sName">Title of the work</span>
205						<span class="sAuthor">@MonaAshl</span>
206					</div>
207					<div class="swiper-slide">
208						<i><a href="https://twitter.com/Mortezapourr/status/1764991908047188216" target="_blank"><img src="images/works/14.png" alt=""></a></i>
209						<span class="sName">Title of the work</span>
210						<span class="sAuthor">@Mortezapourr</span>
211					</div>
212					<div class="swiper-slide">
213						<i><a href="https://twitter.com/zapsnft/status/1751361511761600673" target="_blank"><img src="images/works/15.png" alt=""></a></i>
214						<span class="sName">Title of the work</span>
215						<span class="sAuthor">

215@zapsnft</span>
216					</div> -->
217				</div>
218				<div class="swiper-pagination2"></div>
219			</div>
220		</div>
221		<div class="vid"><video id="v4" src="images/video4.mp4" preload="auto" muted autoplay loop></video></div>
222	</div>
223	<div class="bg5 pr">
224		<div class="pnt_five1 ffBar2 point pa">
225			<div class="flag_pole pa">
226				<div class="f_text2 pa"><span>Achievements</span>
227					<p>+ Largest AI NFT Launch to Date: Over 46K Palio Gen0 NFTs minted, setting a new benchmark in the space.</p>
228					<p>+ First Airdrop of Autonomous AI Agents: Successfully completed 5,012 airdrops by patoshi, pioneering the concept of AI-native ownership.</p>
229					<p>+ Engine Co-developed with Former DeepMind Members: Collaborated with ex-Google DeepMind team to build a sentiment-aware AI engine.</p>
230					<p>+ Impressive Early Game Metrics: Our first gameplay test achieved a Day-2 retention rate of 65.84%, signaling strong player engagement.</p>
231				</div>
232			</div>
233			<i class="nor pa"></i>
234			<i class="hover pa"></i>
235		</div>
236		<div class="pnt_five2 ffBar2 point pa">
237			<div class="flag_pole pa">
238				<div class="f_text2 pa"><span>Milestone 1:<br>Genesis</span>
239					<p>+ Whitepaper Launch: Unveiling a truly decentralized token model — 0 VC, 0 Team Allocation.</p>
240					<p>+ $PAL TGE</p>
241					<p>+ PalioAI: Craft & Trade —The Launch of the foundational gameplay layer, allowing users to create and trade unique AI-powered assets.</p>
242				</div>
243			</div>
244			<i class="nor pa"></i>
245			<i class="hover pa"></i>
246		</div>
247		<div class="pnt_five3 ffBar2 point pa">
248			<div class="flag_pole pa">
249				<div class="f_text2 pa"><span>Milestone 2:<br>AI Foundations</span>
250					<p>+ AI Agent Framework as a Service (AIAaaS): Opening up our AI Agent architecture to developers and projects for broader collaboration.</p>
251					<p>+ Emotional Layer Development: Building deeper, real-time emotional resonance into Palio AI’s behavioral systems.</p>
252				</div>
253			</div>
254			<i class="nor pa"></i>
255			<i class="hover pa"></i>
256		</div>
257		<div class="pnt_five4 ffBar2 point pa">
258			<div class="flag_pole pa">
259				<div class="f_text2 pa"><span>Milestone 3:<br>Emotional AI App</span>
260					<p>+ PalioAI: Companion App — A standalone emotional AI application, leveraging historical user data from Palio games. This adaptive companion will offer personalized emotional support, engagement, and continuous learning.</p>
261				</div>
262			</div>
263			<i class="nor pa"></i>
264			<i class="hover pa"></i>
265		</div>
266		<div class="pnt_five5 ffBar2 point pa">
267			<div class="flag_pole pa">
268				<div class="f_text2 pa"><span>Milestone 4:<br>Phygital Companions</span>
269					<p>+ Palio Companion & AI Toys Launch: Bringing emotional AI into the physical world. The Palio Companion will be released alongside a collection of AI-powered interactive toys, creating lasting emotional bonds in everyday life.</p>
270				</div>
271			</div>
272			<i class="nor pa"></i>
273			<i class="hover pa"></i>
274		</div>
275		<div class="vid"><video id="v5" src="images/video5.mp4" preload="auto" muted autoplay loop></video></div>
276	</div>
277	<div class="copyright pr">
278		<h2 class="logo2 pa"></h2>
279		<!-- <a class="logo3 pa" href="https://xter.io/" target="_blank"></a> -->
280		<a href="javascript:;" class="backBtn pa">Back Home Page</a>
281		
282		<div class="ply pa">
283			<p>© Copyright 2024 Palio. All rights reserved.</p>
284			<a href="https://www.palio.ai/docs/Palio_Privacy_Policy.html" target="_blank">Privacy Policy</a>
285			<a href="https://www.palio.ai/docs/Palio_Terms_of_Service.html" target="_blank">Terms of Service</a>
286			<!-- <a href="#">Cookie Policy</a> -->
287		</div>
288	</div>
289
290
291
292</div>
293<!--背景音乐-->
294<audio src="images/audio.mp3" loop id="music" autoplay="autoplay"></audio>

295<script type="text/javascript" src="js/jquery.min.js"></script>

295

296<script type="text/javascript" src="js/jquery.jInvertScroll.js"></script>

296

297<script type="text/javascript" src="js/swiper.js"></script>

297

298<script type="text/javascript" src="data.js"></script>

298

299<script type="text/javascript" src="js/index.js"></script>

299
300</body>
301</html>