From 5b176816f6ecadf72a92440b9533bad30bdc0fa9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa?= Date: Wed, 30 Jul 2025 09:40:05 +0200 Subject: [PATCH] hero-home component --- assets/css/main.css | 29 ++++++---- components/ButtonCTA.vue | 2 +- components/HeroHome.vue | 71 +++++++++++++++++++------ data/es/index.json | 14 ++++- public/img/formas-fondo-negativo-1.png | Bin 0 -> 5464 bytes public/img/formas-fondo-negativo-2.png | Bin 0 -> 5123 bytes 6 files changed, 87 insertions(+), 29 deletions(-) create mode 100644 public/img/formas-fondo-negativo-1.png create mode 100644 public/img/formas-fondo-negativo-2.png diff --git a/assets/css/main.css b/assets/css/main.css index 5fafece..ebcdac9 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -41,6 +41,16 @@ /* Shadow */ --shadow-button: 0 2px 4px 0 rgba(0, 0, 0, 0.25); + + /* Spacing */ + --spacing-32: 2rem; /* 32px */ + --spacing-25.6: 25.688rem; /* 411px */ + --spacing-44.8: 44.813rem; /* 717px */ + + /* Font sizes */ + --text-32: 2rem; /* 32px */ + --text-40: 2.5rem; /* 40px */ + } @@ -164,22 +174,15 @@ body footer { top: 100dvh; } -header, main { - margin: 0 var(--layout-padding-x, 32px); +body { + margin: 0 var(--layout-padding-x, 2rem); } + html { scroll-behavior: smooth; } -.min-h-screen-header { - min-height: calc(100dvh - 15rem); -} - -.max-h-sidebar { - max-height: calc(100dvh - 8rem); -} - .body-overflow-hidden { overflow: hidden; } @@ -191,4 +194,8 @@ html { var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 155.76923489570618deg, var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 233.65383625030518deg, rgba(57, 182, 137, 0.10) 304.61538791656494deg), var(--Background--bg-light, #F9F4F2); -} \ No newline at end of file +} + +.bg-gradient-conic-hero { + background: conic-gradient(from 185deg at 9.57% 56.1%, var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 53.653846979141235deg, var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 155.76923489570618deg, var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 233.65383625030518deg, rgba(57, 182, 137, 0.10) 304.61538791656494deg), var(--Background--bg-light, #F9F4F2); +} diff --git a/components/ButtonCTA.vue b/components/ButtonCTA.vue index 6e7a638..2b13e22 100644 --- a/components/ButtonCTA.vue +++ b/components/ButtonCTA.vue @@ -18,7 +18,7 @@ export default { }, size: { type: String, - default: "md", + default: "lg", } }, computed: { diff --git a/components/HeroHome.vue b/components/HeroHome.vue index 12cd1e4..d4178fa 100644 --- a/components/HeroHome.vue +++ b/components/HeroHome.vue @@ -1,21 +1,62 @@ \ No newline at end of file diff --git a/data/es/index.json b/data/es/index.json index a452f79..adc234c 100644 --- a/data/es/index.json +++ b/data/es/index.json @@ -2,8 +2,18 @@ { "component": "HeroHome", "props": { - "title": "Bienvenido al Kit", - "subtitle": "Todo para la economía social" + "id": "hero-home", + "title": "Kit de herramientas para el desarrollo sostenible de las entidades de economía social.", + "subtitle": "Encuentra recursos prácticos, autoevaluaciones, formación y espacios de cooperación para transformar tu entidad.", + "button": { + "label": "explora las herramientas", + "link": "#herramientas", + "color": "button" + }, + "shapes": { + "shape_1": "formas-fondo-negativo-2.png", + "shape_2": "formas-fondo-negativo-1.png" + } } } ] diff --git a/public/img/formas-fondo-negativo-1.png b/public/img/formas-fondo-negativo-1.png new file mode 100644 index 0000000000000000000000000000000000000000..07d1ee801738b4aaab643616403370cc8c039b45 GIT binary patch literal 5464 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 EKM2Mf>;M1& literal 0 HcmV?d00001 diff --git a/public/img/formas-fondo-negativo-2.png b/public/img/formas-fondo-negativo-2.png new file mode 100644 index 0000000000000000000000000000000000000000..f5e1fe778f5da1f983d519d7761086af196b756e GIT binary patch literal 5123 zcmbVPc{r5s*Pqc0!;mc_B!iI5*yUTw*4QV?GNwT$QI@1gvTJOk4e2|Kt&%07CXFdu zJXw+v2161`*&>p)$?`t>{qiL8{kLqlJ%(&2m~p){X!wxxw}CoG{n)$9P+et&ooHD&YK-K zgFv3ABG=ErArQ$d8=RT*HRz9F&s)v|(TxkE)p|{pO>@}{TauAjSs;_J_q!NpjI3_& z&-0Sn<#IAT*ZGYWT*cz)&kr_kF1iGT?9X`RQ-tzDt+``oQ;e6O`wA_^GM}iX9QXPt zaMNXG*TOSDqBeWhlXTwtiK1vbOTubdN#`yf_8wG4G0Z6c@+4&wV>9dHx)%je3W}o37}ZcRjT1P4e=Iiu%@NTou@xao>NH z_dc>@bFsC@WaH(l=1iyBmm6~IF|;Jfl8tvY3;Z3B-;+a8@4*sZmYpB1tyvSDPl;bQ zefq?Gvlj1RUHhlNhf);PP-w!RaaYN2XTPl8^-L{E&BDQ&N6F{T8v((jX!C=kR!~QO z59az9E!q#+A9QPdT1`)){O}8#d16>I*!7=p4{mTC{W$I5 z#xVXi&mHYjhdTNike(2RwA8&Q%Q-osOpmSCjS$pYd;P0pq`e@-xe|Gu@!-FDf1EQWmX*4I@RRO`iYmTD>CFzvX;- zef3GyiGRy~_Jjs&ll2S6Z{KLbGh%AjTphmk?ZB>n>7y7eZW(Q@nshodZte1jf$JY? z&_A9Z(H0wCr3ciTd4u?nB*G?cG5~s@O+Lnp|kYAr}|BVPy}DSykKsRbr-e zI}F(wAYNV^ecQ;|hvvlLRg8JgeMgnI|B4+JZ#*MUQMo-yr6KW**5LawuZCwD+}8mk z81m_i1cs{2(KRfX+Jy;GzLCR?tyhd|LJ^u>M){1Fk}RxCEJ^HCly+=LmM{FE0GCxRdZb*PIbv!sl- z7EJx^^ET5)T&&Vn0w~K5(7V*SsA@#(9Tcv@WPt@EjbD-CvlHXv^}PM`At@{vF+!%i z>9*Aca-a#VdQ+?8&)o0f(U-HM`S;5_cv4n^UuqbDqpiolyws;I+{{mI%fQY*mHO4h z+I|DH!Ir&2$jxb}_>>Bf!urJ%oqFS7vKF7CWPC~hqe$djjv04EPxB)PwQ;v?lEkr% zN_LVcY5WfA-kgN1V%SDLijOFVPsx%ot3)zQK+vLbNGbxjApr7B8DqzoaZvH{YvNck zM3EBe8v8GTaD|HME=dD)CHt9ZT^w?12Ozt*0KP;ei%4_$B1{=cslHG}@p5l8$rJ(8 zI0S0L0b5i7{E8{#Zn7^la37i&Hgsew&3iY8k7V7J;3EDBWXnyF>EpK=uoom$B{+Qj zzA!eP=oC0&&PclD3l)K}MR3Tp6M*h%C1R5mGcEimZ00!7Espgji2{e!tziX;9ZJND zN~E@ZlyOavP$XVdCbjLNj2jmumWQ82(0ZvT-D3`?R0*C_KT(u%NI@b-X8xxv5Deq+ z;YQHJIndodp=D{NIAoj?74D7RN7YKA5?g=wI-xnIEK}G#{iz-@>2k&EM+)~$Ue{_ro z5AmhTU!T|7Uo;Ut+VC9?)Jl%7wW`=a3gF(KX4zWvuKBCpVlayr(?tq1T{C2^!qKjr z9#Mx*8e5OI(1$Bsq6v$0_;meOxUOnGex-#P27|&bR=jB5eSy%rm3M8{;bU#-GBSKC zeoz_xt#*weZcopszImVA;^@?e_xIRF-UuoxO-Gej;V6dYC0gM+FkA_jQZ&im)|$rR@b?D znKR>d>E&E}JsHg?A25VV^(CQQgU zRAzj~@1`$Qu;^aR$V8EV(MDJkf+jw|v;d9C5E$8GSu8?<)EbhqB-nT2sYuf$VI!jD zp5A_2rgIuqMNOTk14rgz(WTKdYYMC)7HWr{2Mx{W@EOu|cjC@Qus5$`<}I$HXiB%X79>3(e2 zYDvCH>;T0n^?2@=wllWeryh}g*U1$KO518+g^`2ZmW9bPLk)YOT%XsmsSf#Pd$o(! z6B8>o>m%J-ADVMYmOMA~_$IT+6;WGhma4?y`H>xC+0>E>+WF@Bk%&2% zWM)8}But||SET=jbx8#)b0JIA^z--@iO&FQt+}xwGw8fNH0&1Jd?nZMjzEA#LNDR1 z8`a?I1T9v#Hq4gmpE{ElTSJSPMGl@l8gefzd~oZz>;853*wnR$cfCpx{Wo}(9Vb8O z>GVa5$|>C9C4U`TcN&t;oTnp|Qd~QhMDHY`Gixhzl;i0qOez%R0e@YqBVSYcN%uAL zCn63u>RNR+eLsHo)WmZ~zXu*NnBzP4;Sa=f#ab#ma7gPkeE~MrYg!hpL>!xp)p9j_ z-6bb~dz@c_C0ug?&Eb=HFq|OeT;^g!H!Hywz=cnJG!%4`@&2epY83O)A-1A>Q5?Rc zePw|E_pnpvKn37J^*Wvw@3T~k(c|!W5kv`Mv*Jrte+e9eG@pv1Ws6NrJ=hu&vzfQ ziIcq<6kHKkDeiZand8&{IFa?M?qmve)T`RZWq+YD$+9+)F9j8c^Eccs5HDU+YrUCr zk3Sf+X>+ixhXk&GyImMmYziK!^x|(sxC@oeHA)E@x^kI5s-!p(+q_*kHN;8>SmPZH z64*vcisL&x3GXI;00ux8t(g$FELOompJFhlM92HAd)eZ+;?IAKQc&cKNu59on^JX9 zpnrL3D!iz#4lTj!3O3^KVUST<_-KpywDhF{R|e;Y#=Ovx|5)j`o5Y$yAt^ z%{myQdF|073*bPA&S7v9x)+&6@hcf(XbBxxvFIf?Xh{U$p z&F630+El=;+1J4w4;&(3Vy5jPhv4j2t1s?*+{5%Z^*5(0>wz1VPG^0rKS!zhU0RYq z#k9FL|Kp_=reSqNZwBg;(d3{)m`apKkI$ehuT&kg0b~K1#(HC#0 zJWL^nrnBouhz5`D_(F98@WRWYX9l*>m)V(rG;^9Pf3)VJt_rD9dw-~|Gb3iLDTF=W z5bIR=*n)AZ4niGX3+ZxMA9|@E)itxHJYZnXx;3lUoUhA>bAZSXhKqs$_hQ!aW#!oL zMXY^w`!z;zqIvb&?2EvlCQD}AZiD!uhE|t{jNRWBZyt8carN{hW_cco=H3E3>v*};f6Qf1keRhYm-Hue%8cmiaZ)%*f?dl z?JlMph#baSToCWU@g~@W&h4 z+Y9pVQX-aIq1N!Tt%sRXm$zpLqrDk-Y(yRP0#6}mX3RKaFec@Mbbj_@t#`A3CR==H z6fph=qKAoZmzsLzM}AqF0Hlp&E2}PQ8HS$?7GSC@@NwV^c60zZz=nKRSVI{$S|4F= z$J`yC2Jl|vzG5%i2yfG3lsnv4n><#tG{*1K^>ZY5F{f=8uAHH$Xat;ze%Lew9&`ta z?#3#H-ugQq$R-~Ty_S-47M{a>IR^HrcGC-P?kIC9!g%^4%=IfVRKZ()!31?c+(2BLuKl z6T_OC!`bECmxv;l^(ta=u1Vfe?2a{d%@Et3s&pnk)GP@fOFrA6%7F!3yr?O@ZGsU@ zi+o8|8JilO9j=}H>dq>bDd)9I3WBLzk&wbDcUtge{9U?&?iLlTVgvZ!IGf&BxShGi zjsD>bZNCc+ZZU{d<=Y(EASBlSmsBU3P@Vid_vT5G)vn>k?3-P>FmQ%zx0f1hi zRd>mJk2y2#5U;7;(`2^CGt+zgpr=Pr!FS5weAM~Wwau6fxm@9e6~7n3xUc3Hz=jO% zb5X(MwO%IsN1xI6uqkwqVHaKb_Url49w2`uxcYwWZjJxtw(hH?!^Y;c{C?ZodV^2j z`M|&7u5)7XYr+PkJ_X+ndB>vZi6^t%r$IJ%2N{p1ggzxd|)SlsFM=x{Vjr%VL zz>p_7R;iY7x{m=#l~~Di9@~S#l@iK^CA?`>zT%h<5>$6^_%AplKI-eRdcCHuJt9gUyR5j!;+Um}Undm9I-Wdza(B4N0tck;N3T4AM3Y{I zx8;S9ozTBzfj18bhN7obWeDTJ&m8s~J&bLP`<{~wLlP=rGj$O0p9oaBZh)6K2G^!c zWF%RvldoGb$Z&w7(m$ttTNva~eHBSCBu#{Ad4#cZrbd|`PonaJUsXJ5cb4P#;mef7 zEHSKbGbY2m)ER;DYMM~wwbsn-=2yiowTM#m7DGZx5U4SlVe;eU)Q$~GhmKtfObO{R zx*Mh!FcMpIAo%jH-;>V}+OTD0anOHYE^o~pTsRlnp~*Musjbl5*??aaWqFoiuX)7e z)kJNcd-<~O2^YRmKeZlk`_`3>dY6kM?qnfz*$Ow#Aqx|;q|8W>DQytiSMY! uw|<+Si5Xn1+5C2%e)@kYl>aG?n~4!wUWl6Tj(z@NTWVurk9%rPru-Lm%p|e^ literal 0 HcmV?d00001