mirror of
https://gitlab.com/vyla-entertainment/home-frontend.git
synced 2026-11-09 20:47:19 -05:00
366 lines
19 KiB
HTML
366 lines
19 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="referrer" content="no-referrer-when-downgrade">
|
|
|
|
<title>Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming & Entertainment Platform</title>
|
|
<meta name="description"
|
|
content="Vyla Home is a revolutionary standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime. Experience self-hosted streaming, 4K movies, TV shows, and anime with complete privacy and zero server dependencies.">
|
|
<meta name="keywords"
|
|
content="vyla home, desktop media center, self-hosted streaming, serverless entertainment, media player, movies, tv shows, anime, 4K streaming, bypass ISP throttling, datacenter blocking, local media vault, encrypted storage, desktop application, offline streaming, personal entertainment">
|
|
<meta name="author" content="Vyla Entertainment">
|
|
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
|
|
<meta name="googlebot" content="index, follow">
|
|
<meta name="language" content="English">
|
|
<meta name="geo.region" content="US">
|
|
<meta name="geo.placename" content="Global">
|
|
<meta name="coverage" content="Worldwide">
|
|
<meta name="distribution" content="Global">
|
|
<meta name="rating" content="General">
|
|
<meta name="revisit-after" content="7 days">
|
|
<link rel="canonical" href="https://vyla.cc/">
|
|
|
|
<meta name="application-name" content="Vyla Home">
|
|
<meta name="msapplication-tooltip" content="Self-hosted desktop media center for streaming entertainment">
|
|
<meta name="msapplication-starturl" content="/">
|
|
<meta name="msapplication-window" content="width=device-width;height=device-height">
|
|
<meta name="msapplication-navbutton-color" content="#1a1a2e">
|
|
|
|
<link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">
|
|
<link rel="manifest" href="/manifest.json">
|
|
|
|
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
|
|
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
|
|
<link rel="dns-prefetch" href="https://gitlab.com">
|
|
<link rel="dns-prefetch" href="https://discord.com">
|
|
<link rel="dns-prefetch" href="https://videos.pexels.com">
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="preconnect" href="https://discord.com" crossorigin>
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https: data: 'unsafe-inline' 'unsafe-eval';">
|
|
|
|
<meta property="og:title" content="Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming">
|
|
<meta property="og:description"
|
|
content="Experience revolutionary self-hosted streaming with Vyla Home. Bypass datacenter blocking, ISP throttling, and cloud downtime. 4K movies, TV shows, anime with complete privacy and zero server dependencies.">
|
|
<meta property="og:image" content="https://vyla.cc/assets/images/thumbnail.png">
|
|
<meta property="og:image:width" content="1200">
|
|
<meta property="og:image:height" content="630">
|
|
<meta property="og:image:alt" content="Vyla Home Desktop Media Center Interface">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:site_name" content="Vyla Home">
|
|
<meta property="og:url" content="https://vyla.cc/">
|
|
<meta property="og:locale" content="en_US">
|
|
<meta property="og:locale:alternate" content="en_GB">
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:site" content="@VylaEntertainment">
|
|
<meta name="twitter:creator" content="@VylaEntertainment">
|
|
<meta name="twitter:title" content="Vyla Home - Self-Hosted Desktop Media Center">
|
|
<meta name="twitter:description"
|
|
content="Experience revolutionary self-hosted streaming. Bypass datacenter blocking, ISP throttling, and cloud downtime. 4K movies, TV shows, anime with complete privacy.">
|
|
<meta name="twitter:image" content="https://vyla.cc/assets/images/thumbnail.png">
|
|
<meta name="twitter:image:alt" content="Vyla Home Desktop Media Center Interface">
|
|
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
|
|
|
<link rel="manifest" href="/manifest.json">
|
|
|
|
<meta name="theme-color" content="#1a1a2e">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
|
<meta name="apple-mobile-web-app-title" content="Vyla Home">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="application-name" content="Vyla Home">
|
|
<meta name="msapplication-TileColor" content="#1a1a2e">
|
|
<meta name="msapplication-config" content="/browserconfig.xml">
|
|
|
|
<link rel="apple-touch-icon" href="favicon.ico">
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap">
|
|
|
|
<link rel="stylesheet" href="/src/styles/base/tokens.css">
|
|
<link rel="stylesheet" href="/src/styles/base/reset.css">
|
|
<link rel="stylesheet" href="/src/styles/base/typography.css">
|
|
<link rel="stylesheet" href="/src/styles/utilities/layout.css">
|
|
<link rel="stylesheet" href="/src/styles/utilities/reveal.css">
|
|
<link rel="stylesheet" href="/src/styles/layout/nav.css">
|
|
<link rel="stylesheet" href="/src/styles/sections/hero-atmosphere.css">
|
|
<link rel="stylesheet" href="/src/styles/sections/hero-content.css">
|
|
|
|
<link rel="stylesheet" href="/src/styles/layout/footer.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/buttons.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/pills.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/stats.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/script-card.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/marquee.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/testimonial-card.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/modal.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/partners.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/components/faq.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/sections/section-base.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/sections/testimonials.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/sections/features.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/sections/faq-section.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/sections/cta-banner.css" media="print" onload="this.media='all'">
|
|
<link rel="stylesheet" href="/src/styles/utilities/responsive.css" media="print" onload="this.media='all'">
|
|
|
|
|
|
<link rel="stylesheet" href="/src/styles/pages/other.css" />
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "SoftwareApplication",
|
|
"name": "Vyla Home",
|
|
"applicationCategory": "MultimediaApplication",
|
|
"operatingSystem": "Windows",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"price": "0",
|
|
"priceCurrency": "USD"
|
|
},
|
|
"description": "Vyla Home is a revolutionary standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime. Experience self-hosted streaming, 4K movies, TV shows, and anime with complete privacy and zero server dependencies.",
|
|
"url": "https://vyla.cc/",
|
|
"author": {
|
|
"@type": "Organization",
|
|
"name": "Vyla Entertainment",
|
|
"url": "https://gitlab.com/vyla-entertainment/home"
|
|
},
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "Vyla Entertainment",
|
|
"url": "https://gitlab.com/vyla-entertainment/home"
|
|
},
|
|
"aggregateRating": {
|
|
"@type": "AggregateRating",
|
|
"ratingValue": "4.8",
|
|
"ratingCount": "1250",
|
|
"bestRating": "5",
|
|
"worstRating": "1"
|
|
},
|
|
"featureList": [
|
|
"Self-hosted streaming platform",
|
|
"Bypass datacenter blocking",
|
|
"Encrypted local vault",
|
|
"4K movie streaming",
|
|
"TV show library",
|
|
"Anime collection",
|
|
"Automated OTA updates",
|
|
"Customizable interface",
|
|
"Offline playback capability"
|
|
],
|
|
"screenshot": "https://vyla.cc/assets/images/thumbnail.png",
|
|
"softwareVersion": "1.0.0",
|
|
"datePublished": "2025-01-01",
|
|
"downloadUrl": "https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe",
|
|
"license": "https://gitlab.com/vyla-entertainment/home/-/blob/main/LICENSE"
|
|
}
|
|
</script>
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "WebSite",
|
|
"name": "Vyla Home",
|
|
"url": "https://vyla.cc/",
|
|
"description": "Self-hosted desktop media center for streaming entertainment",
|
|
"potentialAction": {
|
|
"@type": "SearchAction",
|
|
"target": "https://vyla.cc/?q={search_term_string}",
|
|
"query-input": "required name=search_term_string"
|
|
},
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "Vyla Entertainment",
|
|
"url": "https://gitlab.com/vyla-entertainment/home",
|
|
"logo": "https://vyla.cc/assets/images/header_logo.png"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Organization",
|
|
"name": "Vyla Entertainment",
|
|
"url": "https://vyla.cc/",
|
|
"logo": "https://vyla.cc/assets/images/header_logo.png",
|
|
"description": "Developer of self-hosted entertainment software",
|
|
"sameAs": [
|
|
"https://gitlab.com/vyla-entertainment/home",
|
|
"https://discord.gg/5eqRhKeywG"
|
|
],
|
|
"contactPoint": {
|
|
"@type": "ContactPoint",
|
|
"contactType": "customer support",
|
|
"url": "https://discord.gg/5eqRhKeywG"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "FAQPage",
|
|
"mainEntity": [
|
|
{
|
|
"@type": "Question",
|
|
"name": "What is Vyla Home?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Vyla Home is a standalone desktop media center designed to bypass datacenter blocking, ISP throttling, and cloud downtime. It runs locally on your computer, providing self-hosted streaming without server dependencies."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "How does Vyla Home bypass datacenter blocking?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Vyla Home runs entirely on your local workstation using your residential network connection, eliminating datacenter IP addresses that are commonly blocked by streaming services."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "Is Vyla Home free to use?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Yes, Vyla Home is completely free and open-source. You can download it from our GitLab repository without any cost."
|
|
}
|
|
}
|
|
]
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<header role="banner">
|
|
<nav class="nav" role="navigation" aria-label="Main navigation">
|
|
<div class="nav-container">
|
|
<a href="/" class="logo" aria-label="Vyla Home - Home">Vyla Home</a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="main-content">
|
|
<div class="content-wrapper">
|
|
<h2>About Us</h2>
|
|
|
|
<p>Vyla is a next-generation entertainment hub designed to unify how you discover, track, and interact with
|
|
your favorite movies and TV shows. Born out of frustration with fragmented streaming services, Vyla
|
|
offers a beautiful, centralized interface for all your media needs.</p>
|
|
|
|
<h3>Our Mission</h3>
|
|
<p>Our mission is to provide an accessible, intelligent, and highly customizable platform for media lovers.
|
|
We believe your tracking and discovery experience should be just as enjoyable as the content you are
|
|
watching. By leveraging modern web technologies, we have built a seamless application that respects your
|
|
viewing habits without tracking you across the web.</p>
|
|
|
|
<h3>Core Features</h3>
|
|
<ul>
|
|
<li><strong>AI-Powered Discovery:</strong> Beyond traditional search, Vyla integrates a natural language
|
|
AI search engine. Simply describe what you are in the mood for, and our AI will find the perfect
|
|
match.</li>
|
|
<li><strong>Seamless Synchronization:</strong> Powered by a robust cloud backend, your watch history,
|
|
exact playback progress, favorites, and watch later lists are synced instantly across all your
|
|
devices.</li>
|
|
<li><strong>Deep Customization:</strong> From dynamic colors that adapt to movie posters, to over 10
|
|
custom themes, and an OpenDyslexic font toggle, Vyla is built to
|
|
look and feel exactly how you want it to.</li>
|
|
<li><strong>Progressive Web App (PWA):</strong> Vyla is designed to feel like a native application.
|
|
Install it directly to your home screen on iOS, Android, or Desktop for a fullscreen, app-like
|
|
experience.</li>
|
|
<li><strong>Privacy First:</strong> We utilize pseudo-anonymous accounts. You don't need to hand over
|
|
your personal email address to sync your data, and we feature built-in controls for when you want
|
|
your viewing history hidden or removed.</li>
|
|
</ul>
|
|
|
|
<h3>The Technology</h3>
|
|
<p>Vyla is engineered for speed and reliability. We utilize The Movie Database (TMDB) API for comprehensive
|
|
and up-to-date media metadata. Our backend infrastructure is powered by Supabase for lightning-fast
|
|
database
|
|
reads and secure authentication. To ensure our platform remains fast and safe, we utilize Cloudflare
|
|
Turnstile
|
|
for bot protection and aggressive client-side caching to minimize data usage and load times.</p>
|
|
|
|
<h3>Disclaimer</h3>
|
|
<p><strong>Vyla is strictly a metadata aggregator and tracking utility.</strong> We do not host, store, or
|
|
distribute any copyright-protected media files. All playback and download functionalities are routed
|
|
through decentralized, third-party APIs and embedded players over which Vyla has no control.</p>
|
|
|
|
<h3>Join the Community</h3>
|
|
<p>Vyla is continuously evolving based on user feedback. Whether you want to request a new feature, report a
|
|
bug, or just talk about movies, we invite you to join our growing community on our official Discord
|
|
server.</p>
|
|
</div>
|
|
</main>
|
|
|
|
<section class="cta-banner" aria-labelledby="cta-heading">
|
|
<div class="cta-banner-media" aria-hidden="true">
|
|
<video class="cta-banner-video hero-atmosphere-video"
|
|
src="https://videos.pexels.com/video-files/35997189/15263283_3840_2160_25fps.mp4" autoplay loop muted
|
|
playsinline webkit-playsinline preload="auto" aria-hidden="true"></video>
|
|
<canvas id="cta-byte-overlay" aria-hidden="true"></canvas>
|
|
<div class="cta-banner-overlay"></div>
|
|
</div>
|
|
<div class="container cta-banner-content reveal">
|
|
<h2 id="cta-heading" class="cta-banner-title">Try Vyla Home today</h2>
|
|
<p class="cta-banner-subtitle">Your Entertainment. Zero Servers Attached.</p>
|
|
<a class="hero-cta hero-cta-light" id="cta-copy-script-btn"
|
|
href="https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe"
|
|
target="_blank" rel="noopener noreferrer">Download Now</a>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<h4>Vyla</h4>
|
|
<p>Vyla is a passion project born from a love for film and television.</p>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h4>Backup Site:</h4>
|
|
<p><a href="https://vyla.qzz.io" target="_blank" rel="noopener">https://vyla.qzz.io</a>
|
|
</p>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h4>Quick Links</h4>
|
|
<a href="/terms-of-service">Terms of Service</a>
|
|
<a href="/privacy-policy">Privacy Policy</a>
|
|
<a href="/about-us">About Us</a>
|
|
<a href="https://docs.vyla.cc/misc/dmca" target="_blank" rel="noopener">DMCA</a>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h4>Our API</h4>
|
|
<a href="https://docs.vyla.cc" target="_blank" rel="noopener">Documentation</a>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h4>Join our Discord</h4>
|
|
<div class="social-links">
|
|
<a href="/discord" target="_blank" rel="noopener">
|
|
<i class="fab fa-discord"></i> Discord
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<img src="https://app.greenweb.org/api/v3/greencheckimage/vyla.cc?nocache=true"
|
|
alt="This website runs on green hosting - verified by thegreenwebfoundation.org" width="200px"
|
|
height="95px">
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
|
|
© 2025 Vyla Entertainment. All rights reserved.
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<script type="module" src="/src/scripts/main.js"></script>
|
|
</body>
|
|
|
|
</html> |