<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Arhiva React Email - Hetrih.com</title>
	<atom:link href="https://hetrih.com/portfolio_tags/react-email/feed/" rel="self" type="application/rss+xml" />
	<link>https://hetrih.com/portfolio_tags/react-email/</link>
	<description>Razvij, testiraj, lansiraj</description>
	<lastBuildDate>Tue, 15 Jul 2025 10:37:04 +0000</lastBuildDate>
	<language>hr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://hetrih.com/wp-content/uploads/2023/01/cropped-Logo-za-ikonicu-weba-512x512-1-32x32.png</url>
	<title>Arhiva React Email - Hetrih.com</title>
	<link>https://hetrih.com/portfolio_tags/react-email/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>SaaS Landing page &#8211; Empori</title>
		<link>https://hetrih.com/portfolio-items/saas-landing-page-empori/</link>
		
		<dc:creator><![CDATA[josip]]></dc:creator>
		<pubDate>Fri, 28 Jun 2024 04:09:15 +0000</pubDate>
				<guid isPermaLink="false">https://hetrih.com/?post_type=avada_portfolio&#038;p=14852</guid>

					<description><![CDATA[<p>Empori Landing je moderna frontend aplikacija dizajnirana kao uvod u funkcionalnosti Empori SaaS platforme. Koristeći Tailwind CSS, React Hook Form, Zod, Next.js backend API, te integraciju za slanje emailova, Empori Landing osigurava jednostavnu registraciju i atraktivnu prezentaciju naših usluga.</p>
<p>Objava <a href="https://hetrih.com/portfolio-items/saas-landing-page-empori/">SaaS Landing page &#8211; Empori</a> pojavila se prvi puta na <a href="https://hetrih.com">Hetrih.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;--awb-flex-wrap-medium:wrap;--awb-flex-wrap-small:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-center" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-0 fusion_builder_column_inner_1_1 1_1 fusion-flex-column fusion-flex-align-self-center" style="--awb-padding-left:10px;--awb-padding-bottom-medium:10px;--awb-padding-top-small:10px;--awb-padding-bottom-small:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:0.96%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:0.96%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:0.96%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-row"><i class="fb-icon-element-1 fb-icon-element fontawesome-icon icon-tech-stacknext-dot-js circle-no fusion-text-flow" style="--awb-iconcolor:hsla(var(--awb-color4-h),var(--awb-color4-s),calc(var(--awb-color4-l) + 10%),var(--awb-color4-a));--awb-iconcolor-hover:var(--awb-color3);--awb-font-size:32px;--awb-margin-right:60px;"></i><i class="fb-icon-element-2 fb-icon-element fontawesome-icon icon-tech-stackreact circle-no fusion-text-flow" style="--awb-iconcolor:hsla(var(--awb-color4-h),var(--awb-color4-s),calc(var(--awb-color4-l) + 10%),var(--awb-color4-a));--awb-iconcolor-hover:var(--awb-color3);--awb-font-size:32px;--awb-margin-right:60px;"></i><i class="fb-icon-element-3 fb-icon-element fontawesome-icon icon-tech-stacktailwindcss circle-no fusion-text-flow" style="--awb-iconcolor:hsla(var(--awb-color4-h),var(--awb-color4-s),calc(var(--awb-color4-l) + 10%),var(--awb-color4-a));--awb-iconcolor-hover:var(--awb-color3);--awb-font-size:32px;--awb-margin-right:60px;"></i><i class="fb-icon-element-4 fb-icon-element fontawesome-icon icon-tech-stacktypescript circle-no fusion-text-flow" style="--awb-iconcolor:hsla(var(--awb-color4-h),var(--awb-color4-s),calc(var(--awb-color4-l) + 10%),var(--awb-color4-a));--awb-iconcolor-hover:var(--awb-color3);--awb-font-size:32px;--awb-margin-right:60px;"></i></div></div></div><div class="fusion-text fusion-text-1"><h1>Empori &#8211; Landing</h1>
<p><span style="color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color-hover);">Frontend aplikacija &#8211; Landing page za Empori SaaS. Ova aplikacija namijenjena je za prezentaciju funkcionalnosti <a style="color: var(--awb-color5);" href="https://hetrih.com/portfolio-items/empori-web-app-full-stack/">Empori web aplikacije</a>. </span><span style="color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color-hover);">Ova aplikacija, izrađena s naglaskom na jednostavno korisničko iskustvo, nudi kompletan &#8220;customer journey&#8221; s ciljem registracije novih korisnika. </span></p>
<p><span style="color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color-hover);">Korištenjem modernih tehnologija i alata, Empori Landing osigurava besprijekornu interakciju i atraktivnu prezentaciju naših usluga.</span></p>
<p>Landing page je potpuno optimiziran za sve vrste uređaja i ima odlične rezultate na Lighthouse reportu (pogledati galeriju).</p>
<p><b style="color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color-hover);">Demo:</b></p>
<a class="fb-icon-element-5 fb-icon-element fontawesome-icon fa-globe fas circle-yes fusion-text-flow fusion-link" style="--awb-circlecolor-hover:var(--awb-color5);--awb-circlebordercolor-hover:var(--awb-color5);--awb-circlebordersize:1px;--awb-font-size:17.6px;--awb-width:35.2px;--awb-height:35.2px;--awb-line-height:33.2px;--awb-margin-right:10px;" href="https://empori.app/" aria-label="Link to https://empori.app/" target="_blank" rel="noopener noreferrer"></a>
<h2>&nbsp;</h2>
<h2>Tehnološki Stack i Integracije</h2>
<p><b style="color: var(--awb-color5);">Dizajn stranice:</b> Empori Landing koristi Tailwind CSS za elegantan i responzivan dizajn. Tailwind omogućava brzu izradu prilagođenih stilova, osiguravajući dosljednost i estetsku privlačnost stranice.</p>
<p><b style="color: var(--awb-color5);">Obrada formi:</b> Korištenje React Hook Form omogućava jednostavnu i efikasnu izradu i upravljanje formama unutar aplikacije. Validacija formi je poboljšana integracijom sa Zod bibliotekom, koja osigurava točnost i konzistentnost unosa podataka te vraćanje jasnih informacija korisnicima u slučaju unosa podataka koji ne zadovoljavaju poslovna pravila.</p>
<p><span style="color: var(--awb-color5);"><b>Backend integracija:</b></span> Next.js backend API komunicira s Empori backend aplikacijom, omogućavajući besprijekornu obradu podataka. Prije poziva API-ja, svi podaci se validiraju i čiste prema poslovnim pravilima koristeći Zod, što osigurava korisnicima jasne i razumljive povratne informacije.</p>
<p><b style="color: var(--awb-color5);">Email funkcionalnosti:</b> Implementacija React Email i Resend biblioteka omogućava slanje emailova korisnicima koji žele više informacija o našoj aplikaciji ili su prošli proces registracije. Emailovi sadrže video upute s detaljnim opisom funkcionalnosti i uputama za rad u aplikaciji.</p>
<p>Empori landing je dizajniran da pruži potencijalnim korisnicima sve potrebne informacije na intuitivan i vizualno privlačan način, vodeći ih kroz &#8220;customer journey&#8221; kroz koji istražuju sve mogućnosti koje naša aplikacija nudi te u konačnici dovršavaju proces registracije.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-bottom:10px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;">Galerija</h2></div><div class="awb-gallery-wrapper awb-gallery-wrapper-1 button-span-no" style="--more-btn-alignment:center;"><div style="margin:-5px;--awb-bordersize:0px;--awb-bordercolor:var(--awb-color5);--awb-border-radius:30px;" class="fusion-gallery fusion-gallery-container fusion-grid-3 fusion-columns-total-5 fusion-gallery-layout-masonry fusion-gallery-1"><div class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-none fusion-grid-sizer"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-none fusion-element-grid"><div class="fusion-gallery-image"><a href="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><div style="background-image:url(https://hetrih.com/wp-content/uploads/2024/06/Empori-landing.jpg);padding-top:calc((100% + 10px) * 0.8 - 5px);background-position:30% 51%;" class="fusion-masonry-element-container"><img fetchpriority="high" decoding="async" src="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing.jpg" width="1355" height="1214" alt="prikaz početne stranice landing pagea" title="Empori-landing" aria-label="Empori-landing" class="img-responsive wp-image-14858" srcset="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-200x179.jpg 200w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-400x358.jpg 400w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-600x538.jpg 600w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-800x717.jpg 800w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-1200x1075.jpg 1200w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing.jpg 1355w" sizes="(min-width: 2200px) 100vw, (min-width: 1104px) 397px, (min-width: 1032px) 595px, (min-width: 960px) 1032px, " /></div></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-none fusion-element-grid"><div class="fusion-gallery-image"><a href="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-opis-funkcionalnosti.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><div style="background-image:url(https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-opis-funkcionalnosti.jpg);padding-top:calc((100% + 10px) * 0.8 - 5px);background-position:35% 46%;" class="fusion-masonry-element-container"><img decoding="async" src="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-opis-funkcionalnosti.jpg" width="1199" height="904" alt="opis funkcionalnosti empori aplikacije" title="Empori-landing-opis-funkcionalnosti" aria-label="Empori-landing-opis-funkcionalnosti" class="img-responsive wp-image-14859" srcset="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-opis-funkcionalnosti-200x151.jpg 200w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-opis-funkcionalnosti-400x302.jpg 400w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-opis-funkcionalnosti-600x452.jpg 600w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-opis-funkcionalnosti-800x603.jpg 800w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-opis-funkcionalnosti.jpg 1199w" sizes="(min-width: 2200px) 100vw, (min-width: 1104px) 397px, (min-width: 1032px) 595px, (min-width: 960px) 1032px, " /></div></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-none fusion-element-landscape"><div class="fusion-gallery-image"><a href="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><div style="background-image:url(https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik.jpg);padding-top:calc((100% + 10px) * 0.4 - 5px);background-position:;" class="fusion-masonry-element-container"><img decoding="async" src="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik.jpg" width="1304" height="683" alt="empori-cjenik-screenshot" title="Empori-landing-cjenik" aria-label="Empori-landing-cjenik" class="img-responsive wp-image-14860" srcset="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik-200x105.jpg 200w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik-400x210.jpg 400w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik-600x314.jpg 600w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik-800x419.jpg 800w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik-1200x629.jpg 1200w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-cjenik.jpg 1304w" sizes="(min-width: 2200px) 100vw, (min-width: 960px) 1200px, " /></div></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-none fusion-element-grid"><div class="fusion-gallery-image"><a href="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-app-screenshots.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><div style="background-image:url(https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-app-screenshots.jpg);padding-top:calc((100% + 10px) * 0.8 - 5px);background-position:28% 48%;" class="fusion-masonry-element-container"><img decoding="async" src="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-app-screenshots.jpg" width="1185" height="1027" alt="empori-prikaz-sucelja" title="Empori-landing-app-screenshots" aria-label="Empori-landing-app-screenshots" class="img-responsive wp-image-14861" srcset="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-app-screenshots-200x173.jpg 200w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-app-screenshots-400x347.jpg 400w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-app-screenshots-600x520.jpg 600w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-app-screenshots-800x693.jpg 800w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-app-screenshots.jpg 1185w" sizes="(min-width: 2200px) 100vw, (min-width: 1104px) 397px, (min-width: 1032px) 595px, (min-width: 960px) 1032px, " /></div></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-none fusion-element-grid"><div class="fusion-gallery-image"><a href="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-lighthouse-performance.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><div style="background-image:url(https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-lighthouse-performance.jpg);padding-top:calc((100% + 10px) * 0.8 - 5px);background-position:26% 34%;" class="fusion-masonry-element-container"><img decoding="async" src="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-lighthouse-performance.jpg" width="981" height="918" alt="Lighthouse performance za Empori landing page" title="Empori-landing-lighthouse-performance" aria-label="Empori-landing-lighthouse-performance" class="img-responsive wp-image-14900" srcset="https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-lighthouse-performance-200x187.jpg 200w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-lighthouse-performance-400x374.jpg 400w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-lighthouse-performance-600x561.jpg 600w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-lighthouse-performance-800x749.jpg 800w, https://hetrih.com/wp-content/uploads/2024/06/Empori-landing-lighthouse-performance.jpg 981w" sizes="(min-width: 2200px) 100vw, (min-width: 1104px) 397px, (min-width: 1032px) 595px, (min-width: 960px) 1032px, " /></div></a></div></div></div></div></div></div></div></div></p>
<p>Objava <a href="https://hetrih.com/portfolio-items/saas-landing-page-empori/">SaaS Landing page &#8211; Empori</a> pojavila se prvi puta na <a href="https://hetrih.com">Hetrih.com</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
