fix: padding top in mobile

src/config/roadmap.ts

@@ -87,7 +87,7 @@ export const RoadMapSections: RoadmapSection[] = [
         ]
     },
     {
-        title: '2025 Q2/Q3',
+        title: '2025 Q2',
         color: '#BF1461',
         items: [
             {
@@ -99,7 +99,17 @@ export const RoadMapSections: RoadmapSection[] = [
                 done: false
             }
         ]
-    }
+    },
+    {
+        title: '2025 Q3',
+        color: '#BF1461',
+        items: [
+            {
+                name: 'LANDING_ROADMAP_SAAS',
+                done: false
+            }
+        ]
+    },
 ]
 
 

src/i18n/langs/en.json

@@ -5,16 +5,16 @@
     "LANDING_MENU_TWITTER":"Twitter",
     "LANDING_MENU_DISCORD":"Discord",
     "LANDING_MENU_DOCS":"Docs",
-    "LANDING_MAIN_TITLE":"What is watchit?",
-    "LANDING_MAIN_SUBTITLE":"Watchit, an ecosystem that offers a secure, decentralized and equitable streaming experience, is poised to transform the film industry. With innovative technology and a collaborative community, it freely connects filmmakers and film lovers.",
+    "LANDING_MAIN_TITLE":"Discover Watchit",
+    "LANDING_MAIN_SUBTITLE":"A new era for cinema begins here. Filmmakers have total control over their creations and reap the benefits directly through our unique distribution model. Every film is streamed in the highest quality, ensuring that every frame arrives just as it was intended. Start your journey, get inspired, and transform: Power to the creators, magic for the viewers.",
     "LANDING_JOIN_US":"Join us!",
     "LANDING_JOIN_US_BUTTON":"Watchit Marketplace",
     "LANDING_JOIN_US_1_TITLE":"0xBlockbuster Rental Market",
     "LANDING_JOIN_US_1_TITLE_2":" Invest in talent!",
     "LANDING_JOIN_US_1_SUBTITLE":"Shine with your work while renting your movies directly to consumers, transforming each viewing into tangible benefits for you. Immerse yourself in an environment with clear and fair income, without intermediaries that detract from your profits. Get ready to see how Your creations not only capture attention, but are also highly valued and rewarded.",
     "LANDING_JOIN_US_1_SUBTITLE_2":"<< And if you thought of that old and forgotten blockbuster, you were right; it is a nod to blockbuster, and blockchain. >>",
     "LANDING_JOIN_US_2_TITLE":"Distribution in your hands",
-    "LANDING_JOIN_US_2_SUBTITLE": "As a filmmaker, you wield full control over the distribution of your film. Our platform embodies the concept of being \"sufficiently decentralized\", leveraging smart contracts to establish a blockchain record. This empowers you to dictate the how and where of your film's distribution to the audience, free from censorship and securely.",
+    "LANDING_JOIN_US_2_SUBTITLE": "As a filmmaker on Watchit, you have complete control over the distribution of your film. Our platform employs smart contracts to establish a record on the blockchain that allows you to decide how and where your film will be distributed to the audience, censorship-free and securely.",
     "LANDING_APP_FILMS":"Films",
     "LANDING_APP_EXPLORE":"Explore All",
     "LANDING_APP_TITLE":"Explore our apps",
@@ -51,28 +51,29 @@
     "LANDING_ROADMAP_SUBTITLE": "LET’S BUILD THE FUTURE TOGETHER",
     "LANDING_ROADMAP_WEBSITE": "WatchIT Website",
     "LANDING_ROADMAP_TOOLKIT": "Toolkit Alpha SDK/CLI/API",
-    "LANDING_ROADMAP_DESKTOP_DESIGN": "New Web/Desktop App UI/UX proposal",
-    "LANDING_ROADMAP_MOBILE_TV_DESIGN": "Mobile/SmartTV UI/UX proposal",
+    "LANDING_ROADMAP_DESKTOP_DESIGN": "New Web/Desktop App UI/UX (Proposal)",
+    "LANDING_ROADMAP_MOBILE_TV_DESIGN": "Mobile/SmartTV UI/UX (Proposal)",
     "LANDING_ROADMAP_ALPHA_WEB_APP": "Beta Web App",
     "LANDING_ROADMAP_ALPHA_DESKTOP_APP": "Beta Desktop App",
     "LANDING_ROADMAP_ALPHA_TV_APP": "Beta Smart TV App",
     "LANDING_ROADMAP_ALPHA_MOBILE_APP": "Beta Mobile App",
     "LANDING_ROADMAP_ONE_CLICK_DEPLOY": "One Click Deploy",
     "LANDING_ROADMAP_ALPHA_WORKER_NODE": "Alpha Worker Node",
-    "LANDING_ROADMAP_DISTRIBUTION_CONTRACT": "Distribution Contract v1 (testnet)",
-    "LANDING_ROADMAP_NFT_CONTRACT": "NFT Contract v1 (testnet)",
-    "LANDING_ROADMAP_BLOCKBUSTER": "0xBlockbuster Rental Market 1",
+    "LANDING_ROADMAP_DISTRIBUTION_CONTRACT": "Distribution Contract",
+    "LANDING_ROADMAP_NFT_CONTRACT": "NFT Contract",
+    "LANDING_ROADMAP_BLOCKBUSTER": "0xBlockbuster Rental Market (Proposal)",
     "LANDING_ROADMAP_DISTRIBUTION_NODE": "Beta Streaming Node",
     "LANDING_ROADMAP_GOVERNANCE_TOKEN": "Governance Token",
-    "LANDING_ROADMAP_WVC": "WatchIT Video Coin (WVC Token Economics)",
+    "LANDING_ROADMAP_WVC": "WatchIT Video Coin (WVC Token Economics & DAO)",
     "LANDING_ROADMAP_BETA_MARKETPLACE": "Marketplace Testnet Beta release",
-    "LANDING_ROADMAP_BLOCKBUSTER_TESTNET": "0xBlockbuster Testnet",
+    "LANDING_ROADMAP_BLOCKBUSTER_TESTNET": "0xBlockbuster Rental Market (Testnet)",
     "LANDING_ROADMAP_BETA_TOOLKIT": "Toolkit Beta SDK/CLI/API",
     "LANDING_ROADMAP_BETA_WORKER_NODE": "Beta Worker Node",
     "LANDING_ROADMAP_ORACLE": "Oracle (Broadcast syndication channels)",
     "LANDING_ROADMAP_BITSWAP": "Toolkit BitSwap Monitor Rewards",
     "LANDING_ROADMAP_MULTI_LANGUAGE": "Multi-language support",
     "LANDING_ROADMAP_PRODUCTION_MARKETPLACE": "Marketplace Production release",
     "LANDING_ROADMAP_PRODUCTION_MULTI_PLATFORM_APPS": "Stable Apps Release",
-    "LANDING_ROADMAP_MAIN_CHAIN_CONTRACTS": "Mainnet Deploy"
+    "LANDING_ROADMAP_MAIN_CHAIN_CONTRACTS": "Mainnet Deploy",
+    "LANDING_ROADMAP_SAAS": "Multimedia Decentralization as Service (SaaS)"
 }

src/i18n/langs/es.json

@@ -5,16 +5,16 @@
     "LANDING_MENU_TWITTER":"Twitter",
     "LANDING_MENU_DISCORD":"Discord",
     "LANDING_MENU_DOCS":"Documentación",
-    "LANDING_MAIN_TITLE":"Qué es watchit?",
-    "LANDING_MAIN_SUBTITLE":"Watchit, un ecosistema que ofrece una experiencia de streaming segura, descentralizada y equitativa, está preparado para transformar la industria cinematográfica. Con tecnología novedosa y una comunidad colaborativa, conecta libremente a cineasta y amantes del cine.",
+    "LANDING_MAIN_TITLE":"Descubre Watchit",
+    "LANDING_MAIN_SUBTITLE":"Una nueva era para el cine comienza aquí. Los cineastas tienen control total sobre sus creaciones y obtienen beneficios directamente a través de nuestro modelo de distribución único. Cada película se transmite en la más alta calidad, asegurando que cada cuadro llegue justo como fue concebido. Empieza tu viaje, inspírate y transforma: Poder para los creadores, magia para los espectadores.",
     "LANDING_JOIN_US":"Únete a nosotros!",
     "LANDING_JOIN_US_BUTTON":"Mercado Watchit",
     "LANDING_JOIN_US_1_TITLE":"Conoce 0xBlockbuster",
     "LANDING_JOIN_US_1_TITLE_2":"Invierte en talento!",
     "LANDING_JOIN_US_1_SUBTITLE":"Brilla con tu trabajo mientras rentas tus películas directamente a los consumidores, transformando cada visualización en beneficios tangibles para ti. Sumérgete en un ambiente con ingresos claros y justos, sin intermediarios que resten valor a tus ganancias. Prepárate para ver cómo tus creaciones no solo capturan la atención, sino que también son altamente valoradas y recompensadas.",
     "LANDING_JOIN_US_1_SUBTITLE_2":"<< Y sí, si pensaste en ese viejo y olvidado blockbuster, acertaste; es un guiño a blockbuster y a los blockchain. >>",
     "LANDING_JOIN_US_2_TITLE":"Distribución en tus manos",
-    "LANDING_JOIN_US_2_SUBTITLE":"Como cineasta en Watchit, tienes el mando absoluto sobre la distribución de tu película. Nuestra plataforma aplica el concepto de \"suficientemente desentralizado\" que sugiere el uso de los contratos inteligentes para establecer un registro en el blockchain que te permita decidir como y donde se distribuirá tu película a la audiencia sin censuras y de manera segura.",
+    "LANDING_JOIN_US_2_SUBTITLE":"Como cineasta en Watchit, tienes el control total sobre la distribución de tu película. Nuestra plataforma utiliza contratos inteligentes para registrar en blockchain tus decisiones sobre cómo y dónde se distribuirá tu película, garantizando una distribución sin censura y segura para tu audiencia.",
     "LANDING_APP_FILMS":"Películas",
     "LANDING_APP_EXPLORE":"Explorar todo",
     "LANDING_APP_TITLE":"Explora nuestras apps",
@@ -59,20 +59,21 @@
     "LANDING_ROADMAP_ALPHA_MOBILE_APP": "Beta Aplicación móvil",
     "LANDING_ROADMAP_ONE_CLICK_DEPLOY": "One Click Deploy",
     "LANDING_ROADMAP_ALPHA_WORKER_NODE": "Alpha Worker Node",
-    "LANDING_ROADMAP_DISTRIBUTION_CONTRACT": "Contrato de Distribución v1 (testnet)",
-    "LANDING_ROADMAP_NFT_CONTRACT": "Contrato NFT v1 (testnet)",
-    "LANDING_ROADMAP_BLOCKBUSTER": "0xBlockbuster Mercado de renta",
+    "LANDING_ROADMAP_DISTRIBUTION_CONTRACT": "Contrato de Distribución",
+    "LANDING_ROADMAP_NFT_CONTRACT": "Contrato NFT",
+    "LANDING_ROADMAP_BLOCKBUSTER": "Propuesta 0xBlockbuster Mercado de Renta",
     "LANDING_ROADMAP_DISTRIBUTION_NODE": "Beta Nodo de streaming",
     "LANDING_ROADMAP_GOVERNANCE_TOKEN": "Governance Token",
-    "LANDING_ROADMAP_WVC": "WatchIT Video Coin (WVC Token Economics)",
+    "LANDING_ROADMAP_WVC": "WatchIT Video Coin (WVC Token Economics & DAO)",
     "LANDING_ROADMAP_BETA_MARKETPLACE": "Marketplace Testnet Beta release",
-    "LANDING_ROADMAP_BLOCKBUSTER_TESTNET": "0xBlockbuster Testnet",
+    "LANDING_ROADMAP_BLOCKBUSTER_TESTNET": "0xBlockbuster Mercado de Renta (Testnet)",
     "LANDING_ROADMAP_BETA_TOOLKIT": "Toolkit Beta SDK/CLI/API",
     "LANDING_ROADMAP_BETA_WORKER_NODE": "Beta Worker Node",
     "LANDING_ROADMAP_ORACLE": "Oracle (Broadcast syndication channels)",
     "LANDING_ROADMAP_BITSWAP": "Toolkit BitSwap Monitor Rewards",
     "LANDING_ROADMAP_MULTI_LANGUAGE": "Soporte de películas en varios idiomas",
     "LANDING_ROADMAP_PRODUCTION_MARKETPLACE": "Lanzamiento de producción en el mercado",
     "LANDING_ROADMAP_PRODUCTION_MULTI_PLATFORM_APPS": "Lanzamiento de aplicaciones estables",
-    "LANDING_ROADMAP_MAIN_CHAIN_CONTRACTS": "Implementación de la red principal"
+    "LANDING_ROADMAP_MAIN_CHAIN_CONTRACTS": "Implementación de la red principal",
+    "LANDING_ROADMAP_SAAS": "Decentralizacion Multimedia como Servicio (SaaS)"
 }

src/pages/Landing/components/LandingMain.tsx

@@ -26,7 +26,7 @@ const LandingMain: FC = (): JSX.Element => {
 
   return (
     <>
-      <Container sx={{ pt: { xs: '4rem', sm: 0 } }}>
+      <Container sx={{ pt: { xs: '2rem', sm: 0 } }}>
         <Grid
           container spacing={matchSm ? 1 : 3} justifyContent='space-between' alignItems='center'
           sx={{ flexDirection: { xs: 'column-reverse', sm: 'row' }, ml: { xs: '-12px', sm: '-24px' }, zIndex: 3 }}