https://rolystudio.net/

1<!DOCTYPE html>
2<html lang="es">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6  <title>ROLY STUDIO LLC</title>
7  <link rel="stylesheet" href="style.css"/>
8  <link rel="icon" href="favicon.ico" type="image/x-icon"/>
9
10  <style>
11    .flyerview-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0 6px}
12    .btn{display:inline-block;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none}
13    .btn-ios{background:#e0701a;color:#fff}
14    .btn-android{background:#000;color:#fff}
15    .qrbox{display:flex;gap:10px;align-items:center}
16    .qrbox img{border-radius:10px;background:#fff;border:1px solid #eee;object-fit:contain}
17    .flyerview-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
18    .flyerview-scroller img{width:100%;height:100%;object-fit:cover;border-radius:12px;scroll-snap-align:start;aspect-ratio:9/19}
19    .store-badges{display:flex;gap:10px;flex-wrap:wrap}
20    .centered{text-align:center}
21  </style>
22</head>
23<body class="dark">
24
25  <!-- Header -->
26  <header class="centered">
27    <img src="images/logo.jpeg" alt="ROLY STUDIO Logo" class="logo-large"/>
28    <h1>ROLY STUDIO LLC</h1>
29    <p class="subtitle">Soluciones creativas. Producción profesional.</p>
30  </header>
31
32  <main>
33
34    <!-- SOBRE NOSOTROS -->
35    <section class="card">
36      <h2>Sobre Nosotros</h2>
37      <p>ROLY STUDIO LLC es una compañía registrada en Texas dedicada al desarrollo de aplicaciones, producción audiovisual, música en vivo y soluciones creativas para marcas y emprendedores.</p>
38    </section>
39
40    <!-- BILLES -->
41    <section class="card app-section" id="billes">
42      <h2>Billes – App iOS</h2>
43      <p>Una aplicación diseñada para ayudarte a gestionar tus gastos personales y llevar el control de pagos adicionales.</p>
44      <p><a href="https://apps.apple.com/app/id6742199281" target="_blank" rel="noopener">Disponible en App Store</a></p>
45      <img src="images/billes.jpeg" alt="Billes App" class="app-image"/>
46    </section>
47
48    <!-- ======================= FLYERVIEW ======================= -->
49    <section class="card app-section" id="flyerview">
50      <h2 style="display:flex;align-items:center;gap:10px;">
51        <img src="images/icon-flyerview.jpeg" alt="Icono de FlyerView" style="width:40px;height:40px;border-radius:10px;object-fit:cover"/>
52        FlyerView — Descubre y promueve negocios locales
53      </h2>
54
55      <p>
56        Explora flyers de negocios locales en segundos. Como <b>usuario</b> (iPhone y Android) puedes ver, seguir negocios, reaccionar y reportar.
57        Los <b>negocios</b> (solo en iPhone) pueden publicar <b>flyers visibles durante 24 horas</b>; con <b>Pro</b> disfrutan de mayores beneficios de promoción.
58      </p>
59
60      <!-- Botones + QR -->
61      <div class="flyerview-cta">
62        <div class="store-badges">
63          <a class="btn btn-ios" href="https://apps.apple.com/us/app/flyerview/id6747355778" target="_blank" rel="noopener">Descargar en App Store</a>
64          <a class="btn btn-android" href="https://play.google.com/store/apps/details?id=com.rolystudio.flyer" target="_blank" rel="noopener">Descargar en Google Play</a>
65        </div>
66
67        <div class="qrbox">
68          <img src="images/qr-flyerview.PNG" alt="QR de descarga FlyerView" width="120" height="120"/>
69          <span style="color:#666;font-size:14px">Escanéalo para descargar</span>
70        </div>
71      </div>
72
73      <!-- Galería horizontal -->
74      <div class="flyerview-scroller" aria-label="Galería de pantallas de FlyerView">
75        <img src="images/flyerview-hero-1.jpg" alt="Vista de flyers en cuadrícula dentro de FlyerView" loading="lazy"/>
76        <img src="images/flyerview-hero-2.jpg" alt="Pantalla de cuenta en FlyerView" loading="lazy"/>
77        <img src="images/flyerview-hero-3.jpg" alt="Pantalla de bienvenida con opciones usuario o negocio" loading="lazy"/>
78        <img src="images/flyerview-hero-4.jpg" alt="Perfil de negocio en FlyerView" loading="lazy"/>
79      </div>
80
81      <p style="font-size:12px;color:#666;margin-top:6px">
82        * En Android solo está disponible el registro y uso como usuario normal. La gestión de negocios y la publicación de flyers está disponible únicamente en iPhone.
83      </p>
84    </section>
85    <!-- ===================== FIN FLYERVIEW ===================== -->
86
87    <!-- DJ ROLY -->
88    <section class="card" id="dj">
89      <h2>DJ Roly</h2>
90      <p>DJ profesional en Houston. Mezclas en vivo, sonido de alta fidelid

90ad y una experiencia energética cada noche.</p>
91      <div class="gallery">
92        <img src="images/dj1.jpeg" alt="DJ Roly 1"/>
93        <img src="images/dj2.jpeg" alt="DJ Roly 2"/>
94        <img src="images/dj3.jpeg" alt="DJ Roly 3"/>
95      </div>
96    </section>
97
98    <!-- CONTACTO -->
99    <section class="card contact" id="contacto">
100      <h2>Contacto</h2>
101      <p>Correo: <a href="mailto:[email protected]">[email protected]</a></p>
102    </section>
103  </main>
104
105  <!-- Footer -->
106  <footer class="centered">
107    <p>&copy; 2025 ROLY STUDIO LLC</p>
108  </footer>
109
110</body>
111</html>

111<script async src="/.netlify/scripts/hud?variant=public" data-nf-variant="public" data-netlify-site-id="dfba1d9d-08c7-4eae-87f7-98d14c24ba91" data-app-host="app.netlify.com"></script>

111