diff --git a/layout/style-css/ebook-8-rzeczy.css b/layout/style-css/ebook-8-rzeczy.css
new file mode 100644
index 0000000..b0ed519
--- /dev/null
+++ b/layout/style-css/ebook-8-rzeczy.css
@@ -0,0 +1 @@
+@font-face{font-family:"Proxima Nova Bl";src:url("/layout/fonts/ProximaNova/ProximaNova-Black.eot");src:local("Proxima Nova Black"),local("ProximaNova-Black"),url("/layout/fonts/ProximaNova/ProximaNova-Black.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Black.ttf") format("truetype");font-weight:900;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot");src:local("Proxima Nova Extrabold"),local("ProximaNova-Extrabld"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.ttf") format("truetype");font-weight:800;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot");src:local("Proxima Nova Semibold Italic"),local("ProximaNova-SemiboldIt"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf") format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot");src:local("Proxima Nova Thin"),local("ProximaNovaT-Thin"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Light.eot");src:local("Proxima Nova Light"),local("ProximaNova-Light"),url("/layout/fonts/ProximaNova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot");src:local("Proxima Nova Black Italic"),local("ProximaNova-BlackIt"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.ttf") format("truetype");font-weight:900;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot");src:local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.ttf") format("truetype");font-weight:bold;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot");src:local("Proxima Nova Thin Italic"),local("ProximaNova-ThinIt"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.ttf") format("truetype");font-weight:100;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot");src:local("Proxima Nova Bold"),local("ProximaNova-Bold"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot");src:local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.ttf") format("truetype");font-weight:normal;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot");src:local("Proxima Nova Extrabold Italic"),local("ProximaNova-ExtrabldIt"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf") format("truetype");font-weight:800;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot");src:local("Proxima Nova Regular"),local("ProximaNova-Regular"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot");src:local("Proxima Nova Light Italic"),local("ProximaNova-LightIt"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.ttf") format("truetype");font-weight:300;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot");src:local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Proxima Nova Bl";src:url("/layout/fonts/ProximaNova/ProximaNova-Black.eot");src:local("Proxima Nova Black"),local("ProximaNova-Black"),url("/layout/fonts/ProximaNova/ProximaNova-Black.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Black.ttf") format("truetype");font-weight:900;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot");src:local("Proxima Nova Extrabold"),local("ProximaNova-Extrabld"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.ttf") format("truetype");font-weight:800;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot");src:local("Proxima Nova Semibold Italic"),local("ProximaNova-SemiboldIt"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf") format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot");src:local("Proxima Nova Thin"),local("ProximaNovaT-Thin"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Light.eot");src:local("Proxima Nova Light"),local("ProximaNova-Light"),url("/layout/fonts/ProximaNova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot");src:local("Proxima Nova Black Italic"),local("ProximaNova-BlackIt"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.ttf") format("truetype");font-weight:900;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot");src:local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.ttf") format("truetype");font-weight:bold;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot");src:local("Proxima Nova Thin Italic"),local("ProximaNova-ThinIt"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.ttf") format("truetype");font-weight:100;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot");src:local("Proxima Nova Bold"),local("ProximaNova-Bold"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot");src:local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.ttf") format("truetype");font-weight:normal;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot");src:local("Proxima Nova Extrabold Italic"),local("ProximaNova-ExtrabldIt"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf") format("truetype");font-weight:800;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot");src:local("Proxima Nova Regular"),local("ProximaNova-Regular"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot");src:local("Proxima Nova Light Italic"),local("ProximaNova-LightIt"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.ttf") format("truetype");font-weight:300;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot");src:local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");font-weight:600;font-style:normal}.main_content,.box-04 .content,.hero .content,header .content{margin:auto;padding-left:0;padding-right:0}@media screen and (min-width: 1300px){.container{max-width:1240px}}body{background:url("/layout/ebook/body-bg.jpg") no-repeat top right #fffbee;min-height:100vh}header .content{display:flex;justify-content:space-between;padding-top:40px;padding-bottom:60px}@media(max-width: 500px){header .content{flex-direction:column;align-items:center;gap:30px}}header .content .logo{display:flex;flex-direction:row;align-items:center;gap:30px}header .content .logo img{width:100%;max-width:150px}header .content .logo img:nth-child(2){max-width:120px}header .content .button .btn{display:flex;gap:5px;background:#2bac25;padding:0 20px;height:50px;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-family:"Proxima Nova";font-size:14px;font-weight:600}.hero{margin-bottom:60px}.hero .content{display:grid;grid-template-columns:7fr 5fr}@media(max-width: 767px){.hero .content{grid-template-columns:1fr;row-gap:50px}}.hero .content .right{text-align:right}.hero .content .right img{width:100%;max-width:-moz-fit-content;max-width:fit-content}@media(max-width: 767px){.hero .content .right{order:1;text-align:center}.hero .content .right img{max-width:300px}}.hero .content .left{display:flex;flex-direction:column;justify-content:center}@media(max-width: 767px){.hero .content .left{order:2}}.hero .content .left h2{font-family:"Proxima Nova";font-size:15px;font-weight:900;background:#ffc400;border-radius:12px;padding:0 13px;display:inline-flex;justify-content:center;align-items:center;height:33px;max-width:180px}.hero .content .left h1{font-family:"Proxima Nova";font-size:42px;font-weight:900}@media(max-width: 991px){.hero .content .left h1{font-size:44px}}@media(max-width: 991px){.hero .content .left h1{font-size:36px}}.hero .content .left h1 span{color:#ffc400}.hero .content .left p{font-family:"Proxima Nova";font-size:18px;max-width:620px}@media(max-width: 991px){.hero .content .left p{font-size:16px}}.hero .content .left .buttons{display:flex;gap:15px}.hero .content .left .buttons .btn{display:flex;gap:5px;background:#2bac25;padding:0 20px;height:50px;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-family:"Proxima Nova";font-size:14px;font-weight:600}.hero .content .left .buttons .btn-default{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.13);color:#000;display:flex;gap:5px;padding:0 20px;height:50px;align-items:center;justify-content:center;border-radius:12px;font-family:"Proxima Nova";font-size:14px;font-weight:600}.box-01{padding-top:90px;padding-bottom:90px;background:#000}.box-01 .content{display:grid;grid-template-columns:1fr 1fr;align-items:center;-moz-column-gap:80px;column-gap:80px}@media(max-width: 991px){.box-01 .content{grid-template-columns:1fr;row-gap:50px}}.box-01 .content .left h2{color:#fff;font-family:"Proxima Nova";font-size:48px;font-weight:900;margin-bottom:40px}.box-01 .content .left h2 span{color:#ffc400}@media(max-width: 991px){.box-01 .content .left h2{font-size:30px}}.box-01 .content .left p{color:#fff;font-family:"Proxima Nova";font-size:18px}.box-01 .content .left p strong{font-weight:700}.box-01 .content .right .right-data{position:relative;padding:50px 40px 40px 40px;background:#fffbee;border-radius:33px}.box-01 .content .right .right-data h2{color:#000;font-family:"Proxima Nova";font-size:33px;font-weight:900;margin-bottom:30px}.box-01 .content .right .right-data h2 span{color:#ffc400}.box-01 .content .right .right-data .star-1{position:absolute;top:10px;left:-60px}.box-01 .content .right .right-data .star-2{position:absolute;right:30px;bottom:-30px}.box-02{padding-top:140px;padding-bottom:160px}.box-02 .container{position:relative}.box-02 .content{width:50%}@media(max-width: 991px){.box-02 .content{width:100%}}.box-02 .content h2{color:#000;font-family:"Proxima Nova";font-size:48px;font-weight:900;margin-bottom:50px}.box-02 .content h2 span{color:#ffc400}@media(max-width: 767px){.box-02 .content h2{font-size:30px}}.box-02 .tiles{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width: 767px){.box-02 .tiles{grid-template-columns:1fr}}.box-02 .tiles .tile{position:relative;padding:30px 30px 30px 70px;background:#fff;border-radius:12px}.box-02 .tiles .tile::before{content:"";position:absolute;top:30px;left:30px;font-size:22px}.box-02 .tiles .tile-1::before{content:"💡"}.box-02 .tiles .tile-2::before{content:"🛒"}.box-02 .tiles .tile-3::before{content:"🧠"}.box-02 .tiles .tile-4::before{content:"🛍"}.box-02 .tiles .tile p{font-size:18px}.box-02 .tiles .tile p:last-child{margin-bottom:0}.box-02 .tiles .tile p strong{font-size:22px}.box-02 img{position:absolute;right:30px;top:30px;z-index:-1;max-width:550px}@media(max-width: 991px){.box-02 img{opacity:.5;top:50%;transform:translateY(-50%)}}.box-04{margin-top:130px;margin-bottom:130px;padding-top:40px}.box-04 .content h2{position:relative;text-align:center;font-family:"Proxima Nova";font-size:48px;font-weight:900;color:#000;width:-moz-fit-content;width:fit-content;margin:0 auto 65px auto}@media(max-width: 991px){.box-04 .content h2{font-size:30px}}.box-04 .content h2 u{position:relative;color:#ffc400;text-decoration:none;border-bottom:5px solid #000}.box-04 .content h2 u img{position:absolute;bottom:100%;right:-20px}.box-04 .content .boxes{display:grid;gap:30px;grid-template-columns:1fr 1fr}@media(max-width: 767px){.box-04 .content .boxes{grid-template-columns:1fr}}.box-04 .content .boxes .mini-box{box-shadow:0 24px 64px 0 rgba(204,177,41,.12);background:#fff;border-radius:12px;padding:30px}.box-04 .content .boxes .mini-box img{margin-bottom:30px}.box-04 .content .boxes .mini-box h4{font-family:"Proxima Nova";font-size:24px;font-weight:900;margin-bottom:15px}.box-04 .content .boxes .mini-box span.icon{font-size:24px;font-weight:900;margin-bottom:30px;position:relative;width:74px;height:74px;display:flex;align-items:center;justify-content:center;background:#ffcd2c;line-height:1;border-radius:12px;z-index:1}.box-04 .content .boxes .mini-box span.icon::after{content:"";position:absolute;inset:-5px;background:rgba(255,205,44,.4);border-radius:17px;z-index:-1}.box-04 .content .boxes .mini-box p{font-family:"Proxima Nova";font-size:18px}.box-04 .content .boxes .mini-box p:last-child{margin-bottom:0}.footer{background:#100e19;background-image:url("/upload/filemanager/images/footer-bg.png");background-size:contain;background-repeat:no-repeat;background-position:center;padding-top:50px;padding-bottom:50px}.footer ul{padding:0;margin:0;list-style:none}.footer h6{font-family:"DM Sans",sans-serif;font-size:17px;line-height:31px;font-weight:700;color:#545362;margin-bottom:40px}.footer a{margin-bottom:20px;color:#fff;font-family:"DM Sans",sans-serif;font-weight:300;font-size:15px}.footer p{margin-bottom:7px;color:#fff;font-family:"DM Sans",sans-serif;font-weight:300;font-size:15px}.footer .social-media{display:flex;justify-content:flex-start;align-items:center;position:absolute;bottom:0}.footer .social-media img{width:15px;height:15px;margin-right:20px}.footer .row.copyright div[class^=col-]{display:flex;justify-content:space-between;align-items:flex-end}@media(max-width: 575px){.footer .row.copyright div[class^=col-]{justify-content:center;flex-direction:column-reverse;text-align:center;align-items:center}}.footer .row.copyright div[class^=col-] .btn5{margin-bottom:0}@media(max-width: 575px){.footer .row.copyright div[class^=col-] .btn5{margin-bottom:50px}}.footer .row.copyright p span{margin-right:10px;margin-left:10px}@media(max-width: 767px){.footer .row.copyright p{font-size:10px}}/*# sourceMappingURL=ebook-8-rzeczy.css.map */
\ No newline at end of file
diff --git a/layout/style-css/ebook-8-rzeczy.css.map b/layout/style-css/ebook-8-rzeczy.css.map
new file mode 100644
index 0000000..6167f9a
--- /dev/null
+++ b/layout/style-css/ebook-8-rzeczy.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ebook-8-rzeczy.css","../style-scss/_mixins.scss","../style-scss/ebook-8-rzeczy.scss","../style-scss/_variables.scss"],"names":[],"mappings":"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","file":"ebook-8-rzeczy.css"}
\ No newline at end of file
diff --git a/layout/style-scss/ebook-8-rzeczy.scss b/layout/style-scss/ebook-8-rzeczy.scss
new file mode 100644
index 0000000..8533a84
--- /dev/null
+++ b/layout/style-scss/ebook-8-rzeczy.scss
@@ -0,0 +1,755 @@
+@import '_variables';
+@import '_mixins';
+
+@font-face {
+	font-family: 'Proxima Nova Bl';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-Black.eot');
+	src: local('Proxima Nova Black'), local('ProximaNova-Black'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Black.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Black.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Black.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Black.ttf') format('truetype');
+	font-weight: 900;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot');
+	src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Extrabld.ttf') format('truetype');
+	font-weight: 800;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot');
+	src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
+		url('/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2')
+			format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf')
+			format('truetype');
+	font-weight: 600;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot');
+	src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'),
+		url('/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNovaT-Thin.ttf') format('truetype');
+	font-weight: 100;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-Light.eot');
+	src: local('Proxima Nova Light'), local('ProximaNova-Light'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Light.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Light.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Light.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Light.ttf') format('truetype');
+	font-weight: 300;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot');
+	src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'),
+		url('/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-BlackIt.ttf') format('truetype');
+	font-weight: 900;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot');
+	src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'),
+		url('/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-BoldIt.ttf') format('truetype');
+	font-weight: bold;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot');
+	src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'),
+		url('/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-ThinIt.ttf') format('truetype');
+	font-weight: 100;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-Bold.eot');
+	src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Bold.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Bold.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Bold.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Bold.ttf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot');
+	src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'),
+		url('/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-RegularIt.ttf')
+			format('truetype');
+	font-weight: normal;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot');
+	src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'),
+		url('/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff2')
+			format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf')
+			format('truetype');
+	font-weight: 800;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-Regular.eot');
+	src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Regular.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Regular.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-LightIt.eot');
+	src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
+		url('/layout/fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-LightIt.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-LightIt.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-LightIt.ttf') format('truetype');
+	font-weight: 300;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Proxima Nova';
+	src: url('/layout/fonts/ProximaNova/ProximaNova-Semibold.eot');
+	src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix')
+			format('embedded-opentype'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Semibold.woff2') format('woff2'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'),
+		url('/layout/fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');
+	font-weight: 600;
+	font-style: normal;
+}
+
+$cGreen: #2bac25;
+$cYellow: #ffc400;
+
+.main_content {
+	// max-width: 1240px;
+	// width: 90%;
+	margin: auto;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.container {
+	@media screen and (min-width: 1300px) {
+		max-width: 1240px;
+	}
+}
+
+body {
+	background: url('/layout/ebook/body-bg.jpg') no-repeat top right #fffbee;
+	min-height: 100vh;
+}
+
+header {
+	.content {
+		@extend .main_content;
+		display: flex;
+		justify-content: space-between;
+		padding-top: 40px;
+		padding-bottom: 60px;
+
+		@media (max-width: 500px) {
+			flex-direction: column;
+			align-items: center;
+			gap: 30px;
+		}
+
+		.logo {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 30px;
+
+			img {
+				width: 100%;
+				max-width: 150px;
+
+				&:nth-child(2) {
+					max-width: 120px;
+				}
+			}
+		}
+
+		.button {
+			.btn {
+				display: flex;
+				gap: 5px;
+				background: $cGreen;
+				padding: 0 20px;
+				height: 50px;
+				align-items: center;
+				justify-content: center;
+				border-radius: 12px;
+				color: #fff;
+				font-family: 'Proxima Nova';
+				font-size: 14px;
+				font-weight: 600;
+			}
+		}
+	}
+}
+
+.hero {
+	margin-bottom: 60px;
+
+	.content {
+		@extend .main_content;
+		display: grid;
+		grid-template-columns: 7fr 5fr;
+
+		@include respond-below(sm) {
+			grid-template-columns: 1fr;
+			row-gap: 50px;
+		}
+
+		.right {
+			text-align: right;
+
+			img {
+				width: 100%;
+				max-width: fit-content;
+			}
+
+			@include respond-below(sm) {
+				order: 1;
+				text-align: center;
+
+				img {
+					max-width: 300px;
+				}
+			}
+		}
+
+		.left {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+
+			@include respond-below(sm) {
+				order: 2;
+			}
+			h2 {
+				font-family: 'Proxima Nova';
+				font-size: 15px;
+				font-weight: 900;
+				background: $cYellow;
+				border-radius: 12px;
+				padding: 0 13px;
+				display: inline-flex;
+				justify-content: center;
+				align-items: center;
+				height: 33px;
+				max-width: 180px;
+			}
+
+			h1 {
+				font-family: 'Proxima Nova';
+				font-size: 42px;
+				font-weight: 900;
+
+				@media (max-width: 991px) {
+					font-size: 44px;
+				}
+
+				@include respond-below(md) {
+					font-size: 36px;
+				}
+
+				span {
+					color: $cYellow;
+				}
+			}
+
+			p {
+				font-family: 'Proxima Nova';
+				font-size: 18px;
+				max-width: 620px;
+
+				@include respond-below(md) {
+					font-size: 16px;
+				}
+			}
+
+			.buttons {
+				display: flex;
+				gap: 15px;
+
+				.btn {
+					display: flex;
+					gap: 5px;
+					background: $cGreen;
+					padding: 0 20px;
+					height: 50px;
+					align-items: center;
+					justify-content: center;
+					border-radius: 12px;
+					color: #fff;
+					font-family: 'Proxima Nova';
+					font-size: 14px;
+					font-weight: 600;
+				}
+
+				.btn-default {
+					background: transparent;
+					border: 1px solid rgba(0, 0, 0, 0.13);
+					color: #000;
+					display: flex;
+					gap: 5px;
+					padding: 0 20px;
+					height: 50px;
+					align-items: center;
+					justify-content: center;
+					border-radius: 12px;
+					font-family: 'Proxima Nova';
+					font-size: 14px;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+}
+
+.box-01 {
+	padding-top: 90px;
+	padding-bottom: 90px;
+	background: $cBlack;
+
+	.content {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		align-items: center;
+		column-gap: 80px;
+
+		@include respond-below(md) {
+			grid-template-columns: 1fr;
+			row-gap: 50px;
+		}
+
+		.left {
+			h2 {
+				color: $cWhite;
+				font-family: 'Proxima Nova';
+				font-size: 48px;
+				font-weight: 900;
+				margin-bottom: 40px;
+
+				span {
+					color: $cYellow;
+				}
+
+				@include respond-below(md) {
+					font-size: 30px;
+				}
+			}
+			p {
+				color: $cWhite;
+				font-family: 'Proxima Nova';
+				font-size: 18px;
+
+				strong {
+					font-weight: 700;
+				}
+			}
+		}
+		.right {
+			.right-data {
+				position: relative;
+				padding: 50px 40px 40px 40px;
+				background: #fffbee;
+				border-radius: 33px;
+
+				h2 {
+					color: $cBlack;
+					font-family: 'Proxima Nova';
+					font-size: 33px;
+					font-weight: 900;
+					margin-bottom: 30px;
+
+					span {
+						color: $cYellow;
+					}
+				}
+
+				.star-1 {
+					position: absolute;
+					top: 10px;
+					left: -60px;
+				}
+				.star-2 {
+					position: absolute;
+					right: 30px;
+					bottom: -30px;
+				}
+			}
+		}
+	}
+}
+
+.box-02 {
+	padding-top: 140px;
+	padding-bottom: 160px;
+
+	.container {
+		position: relative;
+	}
+
+	.content {
+		width: 50%;
+
+		@include respond-below(md) {
+			width: 100%;
+		}
+		h2 {
+			color: $cBlack;
+			font-family: 'Proxima Nova';
+			font-size: 48px;
+			font-weight: 900;
+			margin-bottom: 50px;
+
+			span {
+				color: $cYellow;
+			}
+
+			@include respond-below(sm) {
+				font-size: 30px;
+			}
+		}
+	}
+
+	.tiles {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 30px;
+
+		@include respond-below(sm) {
+			grid-template-columns: 1fr;
+		}
+
+		.tile {
+			position: relative;
+			padding: 30px 30px 30px 70px;
+			background: $cWhite;
+			border-radius: 12px;
+
+			&::before {
+				content: '';
+				position: absolute;
+				top: 30px;
+				left: 30px;
+				font-size: 22px;
+			}
+
+			&-1 {
+				&::before {
+					content: '💡';
+				}
+			}
+			&-2 {
+				&::before {
+					content: '🛒';
+				}
+			}
+			&-3 {
+				&::before {
+					content: '🧠';
+				}
+			}
+			&-4 {
+				&::before {
+					content: '🛍';
+				}
+			}
+
+			p {
+				font-size: 18px;
+
+				&:last-child {
+					margin-bottom: 0;
+				}
+
+				strong {
+					font-size: 22px;
+				}
+			}
+		}
+	}
+
+	img {
+		position: absolute;
+		right: 30px;
+		top: 30px;
+		z-index: -1;
+		max-width: 550px;
+
+		@include respond-below(md) {
+			opacity: 0.5;
+			top: 50%;
+			transform: translateY(-50%);
+		}
+	}
+}
+
+.box-04 {
+	margin-top: 130px;
+	margin-bottom: 130px;
+	padding-top: 40px;
+
+	.content {
+		@extend .main_content;
+
+		h2 {
+			position: relative;
+			text-align: center;
+			font-family: 'Proxima Nova';
+			font-size: 48px;
+			font-weight: 900;
+			color: $cBlack;
+			width: fit-content;
+			margin: 0 auto 65px auto;
+
+			@include respond-below(md) {
+				font-size: 30px;
+			}
+
+			u {
+				position: relative;
+				color: $cYellow;
+				text-decoration: none;
+				border-bottom: 5px solid $cBlack;
+
+				img {
+					position: absolute;
+					bottom: 100%;
+					right: -20px;
+				}
+			}
+		}
+
+		.boxes {
+			display: grid;
+			gap: 30px;
+			grid-template-columns: 1fr 1fr;
+
+			@include respond-below(sm) {
+				grid-template-columns: 1fr;
+			}
+
+			.mini-box {
+				box-shadow: 0 24px 64px 0 rgba(204, 177, 41, 0.12);
+				background: #fff;
+				border-radius: 12px;
+				padding: 30px;
+
+				img {
+					margin-bottom: 30px;
+				}
+
+				h4 {
+					font-family: 'Proxima Nova';
+					font-size: 24px;
+					font-weight: 900;
+					margin-bottom: 15px;
+				}
+
+				span.icon {
+					font-size: 24px;
+					font-weight: 900;
+					margin-bottom: 30px;
+
+					position: relative;
+					width: 74px;
+					height: 74px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					background: #ffcd2c;
+					line-height: 1;
+					border-radius: 12px;
+					z-index: 1;
+
+					&::after {
+						content: '';
+						position: absolute;
+						inset: -5px;
+						background: rgba(#ffcd2c, 0.4);
+						border-radius: 17px;
+						z-index: -1;
+					}
+				}
+
+				p {
+					font-family: 'Proxima Nova';
+					font-size: 18px;
+
+					&:last-child {
+						margin-bottom: 0;
+					}
+				}
+			}
+		}
+	}
+}
+
+.footer {
+	background: $cVioletDarkBg;
+	background-image: url('/upload/filemanager/images/footer-bg.png');
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+	padding-top: 50px;
+	padding-bottom: 50px;
+
+	ul {
+		padding: 0;
+		margin: 0;
+		list-style: none;
+
+		li {
+		}
+	}
+
+	h6 {
+		font-family: $font-1;
+		font-size: 17px;
+		line-height: 31px;
+		font-weight: 700;
+		color: $cGrayText;
+		margin-bottom: 40px;
+	}
+
+	a {
+		margin-bottom: 20px;
+		color: #fff;
+		font-family: $font-1;
+		font-weight: 300;
+		font-size: 15px;
+	}
+
+	p {
+		margin-bottom: 7px;
+		color: #fff;
+		font-family: $font-1;
+		font-weight: 300;
+		font-size: 15px;
+	}
+
+	.social-media {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+		position: absolute;
+		bottom: 0;
+
+		img {
+			width: 15px;
+			height: 15px;
+			margin-right: 20px;
+		}
+	}
+
+	.row {
+		&.copyright {
+			div[class^='col-'] {
+				display: flex;
+				justify-content: space-between;
+				align-items: flex-end;
+
+				@include respond-below(xs) {
+					justify-content: center;
+					flex-direction: column-reverse;
+					text-align: center;
+					align-items: center;
+				}
+
+				.btn5 {
+					margin-bottom: 0;
+
+					@include respond-below(xs) {
+						margin-bottom: 50px;
+					}
+				}
+			}
+
+			p {
+				span {
+					margin-right: 10px;
+					margin-left: 10px;
+				}
+
+				@include respond-below(sm) {
+					font-size: 10px;
+				}
+			}
+		}
+	}
+}
diff --git a/templates_user/ebook-8-rzeczy-thanks.php b/templates_user/ebook-8-rzeczy-thanks.php
new file mode 100644
index 0000000..e4fcdcd
--- /dev/null
+++ b/templates_user/ebook-8-rzeczy-thanks.php
@@ -0,0 +1,55 @@
+<header>
+  <div class="content container">
+    <div class="logo">
+      <img src="/layout/ebook/logo.svg">
+    </div>
+    <div class="button">
+      <a href="#formularz" class="btn">
+        <img src="/layout/ebook/icon-download.svg">
+        Pobierz e-booka bezpłatnie
+      </a>
+    </div>
+  </div>
+</header>
+<div class="box-04" id="formularz">
+  <div class="content container">
+    <div class="left">
+      <h2><span>Dziękujemy za wypełnienie formularza.</span></h2>
+      <p>Raport otrzymasz od nas mailem do 5 minut.</p>
+    </div>
+    <div class="right">
+      <img src="/upload/filemanager/Pages/Arvato/arvato-thanks-hero.png" alt="" style="border-radius: 20px; margin-bottom: 0;">
+    </div>
+  </div>
+  <img src="/layout/checklista/star-big.svg" alt="">
+</div>
+<footer>
+  <div class="content container">
+    <div class="left">
+      <div class="contact">
+        <p><span>t:</span> <a href="tel://+48500253000">+48 500 253 000</a></p>
+        <p><span>e:</span> <a href="mailto:kontakt@zaufane.pl">kontakt@zaufane.pl</a></p>
+      </div>
+      <div class="links">
+        <ul>
+          <li>
+            <a href="#">Polityka prywatności</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="right">
+      <img src="/layout/ebook/logo.svg">
+    </div>
+  </div>
+</footer>
+<div class="footer-bottom">
+  <div class="content container">
+    <div class="left">
+      Zaufane 2026
+    </div>
+    <div class="right ">
+      Designed by Kreatywny Brand
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/templates_user/ebook-8-rzeczy.php b/templates_user/ebook-8-rzeczy.php
new file mode 100644
index 0000000..bb42468
--- /dev/null
+++ b/templates_user/ebook-8-rzeczy.php
@@ -0,0 +1,133 @@
+<header>
+  <div class="content container">
+    <div class="logo">
+        <a href="/"><img src="/layout/ebook/logo.svg"></a>
+    </div>
+    <div class="button">
+      <a href="#formularz" class="btn">
+        <img src="/layout/ebook/icon-download.svg">
+        pobierz ebook
+      </a>
+    </div>
+  </div>
+</header>
+
+<div class="hero">
+  <div class="content container">
+    <div class="left">
+      <!-- <h2>DARMOWY E-BOOK</h2> -->
+      <h1>Opinie to nie tylko gwiazdki - to gotówka na Twoim koncie. Dowiedz się, jak <span>zwiększyć sprzedaż</span> w sklepie internetowym <span>nawet o 100%</span> dzięki rekomendacjom.</h1>
+      <p>W 2026 roku aż 97% internautów kupuje online, a opinie są dla nich ważniejsze niż cena czy czas dostawy. Pobierz darmowy ebook i zamień recenzje w zysk.</p>
+      <!-- <div class="buttons">
+        <a href="#formularz" class="btn">
+          <img src="/layout/ebook/icon-download.svg">
+          Pobieram checklistę bezpłatnie
+        </a>
+        <a href="#e-book" class="btn-default">
+          <img src="/layout/ebook/icon-i.svg">
+          Dlaczego warto?
+        </a>
+      </div> -->
+    </div>
+    <div class="right">
+        <img src="/upload/filemanager/Pages/Ebook-8-rzeczy/img-1.png" alt="">
+      <!-- <img src="/layout/checklista/hero-right.png"> -->
+    </div>
+  </div>
+</div>
+
+<div class="box-01" id="formularz">
+    <div class="container">
+        <div class="content">
+            <div class="left">
+                <h2><span>Co znajdziesz</span> w środku?</h2>
+                <p>📉 Dlaczego bez opinii przegrasz: Jak brak recenzji niszczy zaufanie i dlaczego 46% badanych uważa je za klucz do wiarygodności</p>
+                <p>💰 Jak obliczyć wartość rekomendacji: Poznasz konkretny wzór matematyczny. Udowodnimy Ci, że 20 opinii na karcie produktu może zwiększyć przychód o 150%,.</p>
+                <p>🚀 Google Product Reviews: Jak wykorzystać integrację z Google, aby zwiększyć sprzedaż o 100% i poprawić widoczność w wynikach wyszukiwania,.</p>
+                <p>🔄 Customer Journey: Dlaczego opinie są potrzebne na każdym etapie ścieżki zakupowej klienta i jak zwiększają CTR reklam o 24%.</p>
+                <p>✍️ User Generated Content (UGC): Jak darmowe treści tworzone przez klientów wpływają na SEO i pozycjonowanie Twojego sklepu (odpowiadają za 11% wpływu na ranking!),.</p>
+                <p>🛠️ Nowe standardy 2026: Czym jest ankieta trójdzielna i jak oceniać osobno produkt, sprzedawcę i dostawę, by uniknąć niesprawiedliwych ocen,.</p>
+            </div>
+            <div class="right">
+
+                <div class="right-data">
+                    <h2>Pobierz raport <span>za darmo!</span></h2>
+                    <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
+                    <script>
+                    hbspt.forms.create({
+                        portalId: "7094950",
+                        formId: "019b55ca-a83e-41e5-9bcb-4d4675f6a434",
+                        region: "na1"
+                    });
+                    </script>
+                    <img src="/layout/checklista/star.svg" class="star-1" alt="">
+                    <img src="/layout/checklista/d-star.svg" class="star-2" alt="">
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="box-02">
+    <div class="container">
+        <div class="content content-1">
+            <h2><span>Dla kogo</span> jest ten ebook ?</h2>
+        </div>
+        <div class="tiles">
+            <div class="tile tile-1">
+                <p><strong>Właścicieli sklepów internetowych (e-commerce).</strong></p>
+            </div>
+
+            <div class="tile tile-2">
+                <p><strong>Marketerów szukających sposobów na tańsze pozyskanie klienta.</strong></p>
+            </div>
+
+            <div class="tile tile-3">
+                <p><strong>Osób odpowiedzialnych za Customer Experience (CX).</strong></p>
+            </div>
+
+            <div class="tile tile-4">
+                <p><strong>Każdego, kto chce zrozumieć, dlaczego opinie transakcyjne są walutą zaufania w 2026 roku.</strong></p>
+            </div>
+        </div>
+        <img src="/layout/checklista/box-2-bg.png" alt="">
+         <!-- <img src="/upload/filemanager/Pages/Arvato/img-1.png" alt=""> -->
+    </div>
+</div>
+
+<div class="box-04" id="e-book">
+  <div class="content container">
+    <h2>
+        Dodatkowe <u>korzyści <img src="/layout/checklista/icon-7.svg" alt=""></u> z raportu dla Ciebie
+    </h2>
+    <div class="boxes">
+      <div class="mini-box">
+        <span class="icon">📈</span>
+        <h4>+63%</h4>
+        <p>o tyle wzrasta szansa na ponowny zakup dzięki pozytywnym recenzjom.</p>
+      </div>
+      <div class="mini-box">
+        <span class="icon">🤝</span>
+        <h4>+58%</h4>
+        <p>taki wzrost szansy na konwersję daje jedno kliknięcie w recenzję.</p>
+      </div>
+      <div class="mini-box">
+        <span class="icon">🔍</span>
+        <h4>6,4%</h4>
+        <p>o tyle rośnie konwersja przy posiadaniu 50+ opinii o produkcie.</p>
+      </div>
+
+      <div class="mini-box">
+        <span class="icon">🏆</span>
+        <h4>2,4 minuty</h4>
+        <p>tyle średnio zajmuje klientowi reakcja na zautomatyzowaną prośbę o opinię.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="footer">
+    <div class="container">
+        <?= \front\view\Scontainers::scontainer( 9 ); ?>
+    </div>
+</div>
\ No newline at end of file