Refactor code structure for improved readability and maintainability
This commit is contained in:
parent
6594ce2ade
commit
f7ede05001
@ -6,6 +6,11 @@
|
||||
<title>AvanzaCast - Plataforma Profesional de Streaming en Vivo</title>
|
||||
<meta name="description" content="Transmite en vivo a múltiples plataformas simultáneamente. Streaming profesional con grabación en la nube." />
|
||||
|
||||
<!-- Google Fonts - Manrope -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Iconos Unicons -->
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
|
||||
|
||||
|
||||
BIN
packages/landing-page/public/fonts/AvertaStd-Regular.ttf
Normal file
BIN
packages/landing-page/public/fonts/AvertaStd-Regular.ttf
Normal file
Binary file not shown.
BIN
packages/landing-page/public/fonts/Requiner-6RRLM.woff
Normal file
BIN
packages/landing-page/public/fonts/Requiner-6RRLM.woff
Normal file
Binary file not shown.
@ -68,13 +68,14 @@ const ModernSaasFooter: React.FC = () => {
|
||||
<div className="grid md:grid-cols-12 grid-cols-1 gap-[30px]">
|
||||
{/* Company Info */}
|
||||
<div className="lg:col-span-4 md:col-span-12">
|
||||
<a href="/" className="flex items-center space-x-3 mb-4">
|
||||
<a href="/" className="flex items-center space-x-1.5 mb-4">
|
||||
<img
|
||||
src="/logo_avanzacast.svg"
|
||||
alt="AvanzaCast"
|
||||
className="w-12 h-12"
|
||||
/>
|
||||
<span className="text-2xl font-bold text-white">AvanzaCast</span>
|
||||
<span className="text-2xl text-white" style={{ fontFamily: 'Requiner, sans-serif' }}
|
||||
>Avanza<span className="text-2xl font-bold text-white">Cast</span></span>
|
||||
</a>
|
||||
<p className="text-slate-300 mb-6">
|
||||
La plataforma profesional de multistreaming que transforma la manera en que creas y compartes contenido en vivo.
|
||||
|
||||
@ -53,7 +53,7 @@ const ModernSaasHeader: React.FC = () => {
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="flex items-center justify-between h-20">
|
||||
{/* Logo */}
|
||||
<a href="/" className="flex items-center space-x-3 group">
|
||||
<a href="/" className="flex items-center space-x-1.5 group">
|
||||
<img
|
||||
src="/logo_avanzacast.svg"
|
||||
alt="AvanzaCast"
|
||||
@ -61,13 +61,8 @@ const ModernSaasHeader: React.FC = () => {
|
||||
/>
|
||||
<span className={`text-2xl transition-colors duration-300 ${
|
||||
isScrolled ? 'text-slate-900 dark:text-white' : 'text-slate-900 dark:text-white'
|
||||
}`}>
|
||||
Avanza
|
||||
</span>
|
||||
<span className={`text-2xl font-bold transition-colors duration-300 ${
|
||||
isScrolled ? 'text-slate-900 dark:text-white' : 'text-slate-900 dark:text-white'
|
||||
}`}>
|
||||
Cast
|
||||
}`} style={{ fontFamily: 'Requiner, sans-serif' }}>
|
||||
Avanza<span className="font-bold">Cast</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@ export default function StreamingHeroSection() {
|
||||
{/* Content */}
|
||||
<div className="space-y-8">
|
||||
<Reveal durationMs={900} distance={32} threshold={0.06}>
|
||||
<h4 className="font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5 text-slate-900 dark:text-white transition-colors duration-500">
|
||||
<h4 className="font-bold lg:leading-normal leading-normal text-4xl lg:text-6xl mb-5 text-slate-900 dark:text-white transition-colors duration-500">
|
||||
Transmite Multistreaming Profesional
|
||||
</h4>
|
||||
</Reveal>
|
||||
|
||||
@ -1,16 +1,25 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
|
||||
|
||||
/* Requiner Font for Logo */
|
||||
@font-face {
|
||||
font-family: 'Requiner';
|
||||
src: url('/fonts/Requiner-6RRLM.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
body {
|
||||
@apply font-nunito text-base leading-relaxed bg-white dark:bg-slate-900 text-gray-900 dark:text-white;
|
||||
@apply font-sans text-base leading-relaxed bg-white dark:bg-slate-900 text-gray-900 dark:text-white;
|
||||
}
|
||||
|
||||
p {
|
||||
|
||||
@ -23,7 +23,7 @@ const NextreamLanding: React.FC = () => {
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className="min-h-screen font-nunito bg-white dark:bg-slate-900 transition-colors duration-500">
|
||||
<div className="min-h-screen font-sans bg-white dark:bg-slate-900 transition-colors duration-500">
|
||||
{/* Modern SaaS Header */}
|
||||
<ModernSaasHeader />
|
||||
|
||||
|
||||
@ -17,7 +17,7 @@ export default function Home() {
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen font-nunito">
|
||||
<div className="min-h-screen font-sans">
|
||||
{/* Hero Section - Modern SaaS Style */}
|
||||
<section className="relative w-full py-36 overflow-hidden bg-gradient-to-b to-transparent from-indigo-600/20 dark:from-indigo-600/40">
|
||||
<div className="container mx-auto px-4 relative">
|
||||
|
||||
@ -13,6 +13,9 @@ module.exports = {
|
||||
...sharedConfig.theme,
|
||||
extend: {
|
||||
...sharedConfig.theme.extend,
|
||||
fontFamily: {
|
||||
sans: ['Manrope', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
|
||||
},
|
||||
typography: ({ theme }) => ({
|
||||
DEFAULT: {
|
||||
css: {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user