diff --git a/index.html b/index.html index 9002dfb..2b150ca 100644 --- a/index.html +++ b/index.html @@ -21,9 +21,13 @@ box-sizing: border-box; } + html { + scroll-behavior: smooth; + } + html, body { width: 100%; - height: 100%; + min-height: 100%; margin: 0; padding: 0; } @@ -37,6 +41,8 @@ line-height: 1.6; width: 100vw; min-height: 100vh; + display: flex; + flex-direction: column; } .container { @@ -129,8 +135,8 @@ } .hero-logo { - width: clamp(6rem, 15vw, 10rem); - height: clamp(6rem, 15vw, 10rem); + width: clamp(7rem, 18vw, 12rem); + height: clamp(7rem, 18vw, 12rem); object-fit: contain; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.3)); } @@ -294,13 +300,69 @@ opacity: 0.9; } + .scroll-down { + display: flex; + flex-direction: column; + align-items: center; + gap: 0.5rem; + color: rgba(255, 255, 255, 0.7); + text-decoration: none; + transition: all 0.3s ease; + animation: fadeInUp 1s ease-out 1.5s both; + margin-top: 3rem; + } + + .scroll-down:hover { + color: rgba(255, 255, 255, 1); + transform: translateY(-5px); + } + + .scroll-down-arrow { + width: 24px; + height: 24px; + border: 2px solid currentColor; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + animation: bounce 2s infinite; + } + + .scroll-down-arrow svg { + width: 12px; + height: 12px; + } + + .scroll-down-text { + font-size: 0.9rem; + font-weight: 300; + letter-spacing: 0.1em; + text-transform: uppercase; + } + + @keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-8px); + } + 60% { + transform: translateY(-4px); + } + } + /* Features Section */ .features { - padding: 4rem 0 8rem 0; + min-height: 100vh; + padding: 4rem 0; background: transparent; width: 100%; position: relative; overflow: hidden; + display: flex; + flex-direction: column; + justify-content: center; } .features::before { @@ -529,9 +591,13 @@ /* Screenshots Section */ .screenshots { - padding: 8rem 0; + min-height: 100vh; + padding: 4rem 0; background: transparent; width: 100%; + display: flex; + flex-direction: column; + justify-content: center; } .screenshots h2 { @@ -701,6 +767,7 @@ text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.08); width: 100%; + margin-top: auto; } .credits { @@ -840,7 +907,7 @@ .hero { padding: 2rem 0; - min-height: 90vh; + min-height: 100vh; } .hero-title { @@ -849,8 +916,8 @@ } .hero-logo { - width: clamp(4rem, 12vw, 6rem); - height: clamp(4rem, 12vw, 6rem); + width: clamp(5rem, 15vw, 8rem); + height: clamp(5rem, 15vw, 8rem); } .hero h1 { @@ -862,6 +929,10 @@ font-size: 1.1rem; margin-bottom: 2.5rem; } + + .scroll-down { + display: none; + } .download-buttons { flex-direction: column; @@ -877,12 +948,17 @@ .features, .screenshots { - padding: 5rem 0; + padding: 3rem 0; + min-height: 100vh; + } + + .features h2 { + font-size: 2.5rem; + margin-bottom: 3rem; } - .features h2, .screenshots h2 { - font-size: 2rem; + font-size: 2.2rem; margin-bottom: 3rem; } @@ -963,10 +1039,19 @@ Download for iOS + + -
+

POWERFUL FEATURES

@@ -978,8 +1063,8 @@
-

Smart Discovery

-

Personalized recommendations, advanced search, and calendar integration for tracking your favorite shows and movies.

+

Stremio Addon Support

+

Full compatibility with Stremio addons, allowing you to access your favorite streaming sources and content providers seamlessly.

@@ -989,53 +1074,51 @@
-

Premium Playback

-

Dual video player support with trailer integration, auto-play functionality, and seamless progress tracking across devices.

+

Streaming Scrapers

+

Advanced movie and TV show streaming scrapers that automatically find and aggregate content from multiple sources for seamless viewing.

- - +
-

Universal Integration

-

Full Trakt.tv sync, Stremio addon compatibility, TMDB integration, and MDBList support for the ultimate experience.

+

Advanced Rating System

+

Comprehensive rating screens with IMDB, TMDB, Rotten Tomatoes, and Metacritic scores for informed viewing decisions.

- - - + +
-

Beautiful Interface

-

Modern Material Design with dynamic theming, dominant color extraction, and smooth animations throughout.

+

Deep Customization

+

Extensive customization options including themes, player settings, notification preferences, and personalized content discovery.

- - - + +
-

Smart Notifications

-

Push notifications for new episodes, background sync, and comprehensive settings for complete customization.

+

Watch Progress Tracking

+

Seamless progress synchronization across devices with Trakt.tv integration and local watch history management.

- + +
-

Optimized Performance

-

Advanced caching system, offline functionality, and optimized rendering for lightning-fast performance.

+

Multi-Platform Support

+

Available on iOS and Android platforms with consistent experience and cross-device synchronization

@@ -1069,6 +1152,18 @@ Ratings

Ratings

+
+ Episodes & Seasons +

Episodes & Seasons

+
+
+ Search & Details +

Search & Details

+
+
+ Content Details +

Content Details

+
@@ -1098,7 +1193,7 @@

Built with ❤️ using React Native & Expo