<![CDATA[<style>.padding-global9 {
padding-left: 5%;
padding-right: 5%;
}
.text-center9 {
text-align: center;
}
.container-medium9 {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 768px;
}
.font-semibold9 {
font-weight: 600;
}
.text-xl9 {
font-size: 20px;
line-height: 28px;
}
.mb-69 {
margin-bottom: 24px;
}
.leading-\[1\.1\] {
line-height: 1.1;
}
.font-bold9 {
font-weight: 700;
}
.mb-89 {
margin-bottom: 32px;
}
.mx-auto9 {
margin-left: auto;
margin-right: auto;
}
.text-secondary9 {
--tw-text-opacity: 1;
color: #ff4d58;
}
.italic9 {
font-style: italic;
}
.font-medium9 {
font-weight: 500;
}
.py-29 {
padding-top: 8px;
padding-bottom: 8px;
}
.px-49 {
padding-left: 16px;
padding-right: 16px;
}
.rounded-lg9 {
border-radius: 8px;
}
.inline-block9 {
display: inline-block;
}
.container-large9 {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1152px;
}
.text-left9 {
text-align: left;
}
.gap-69 {
gap: 24px;
}
.auto-rows-min9 {
grid-auto-rows: min-content;
}
.grid9 {
display: grid;
}
.p-89 {
padding: 32px;
}
.bg-white9 {
--tw-bg-opacity: 1;
background-color: #f5f5f5;
}
.rounded-2xl9 {
border-radius: 16px;
}
.mb-4 {
margin-bottom: 16px;
}
.text-black {
--tw-text-opacity: 1;
color: #000000;
}
.overflow-hidden {
overflow: hidden;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.relative {
position: relative;
}
.object-cover {
object-fit: cover;
}
.w-full {
width: 100%;
}
.h-full {
height: 100%;
}
img {
max-width: 100%;
}
.bg-\[\#E5DED3\] {
--tw-bg-opacity: 1;
background-color: #e5ded3;
}
@media (min-width: 768px) {
.md\:text-3xl {
font-size: 30px;
line-height: 36px;
}
}
@media (min-width: 1024px) {
.lg\:text-\[2\.8rem\] {
font-size: 44.8px;
}
.lg\:mb-12 {
margin-bottom: 48px;
}
.lg\:mb-16 {
margin-bottom: 64px;
}
.lg\:grid9-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:text-3xl {
font-size: 30px;
line-height: 36px;
}
.lg\:row-span-2 {
grid-row: span 2 / span 2;
}
.lg\:grid9-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
}</style><section class="padding-global9">
<div class="container-medium9 text-center9">
<h3 class="text-xl9 font-semibold9 mb-69">OUR PROCESS</h3>
<h2 class="text-4xl lg:text-[2.8rem] font-bold9 mb-89 mx-auto9 leading-[1.1]">We find winning ads and turn them
into templates anyone can use.</h2>
<p class="text-2xl md:text-3xl lg:mb-12 mb-69 mx-auto9">We scour Meta Ads Library each week and carefully select
only the best ads to turn into templates.</p>
<p
class="text-2xl md:text-3xl font-medium9 text-secondary9 italic9 inline-block9 px-49 py-29 rounded-lg9 lg:mb-16 mb-89">
Each ad must meet at least 2-3 of the following criteria to be selected:</p>
</div>
<div class="container-large9">
<div class="grid9 grid9-cols-1 lg:grid9-cols-3 auto-rows-min9 gap-69 text-left9">
<div class="bg-white9 rounded-2xl9 p-89">
<h3 class="lg:text-3xl text-2xl font-bold9 mb-4">Has been running for a long time</h3>
<p class="text-black text-xl9">How long an ad has been active is a strong indicator of performance. As
they say, if it ain't broke don't fix it.</p>
</div>
<div class="bg-white9 rounded-2xl9 p-89">
<h3 class="lg:text-3xl text-2xl font-bold9 mb-4">From a fast growing or $1M+ brand</h3>
<p class="text-black text-xl9">We only consider the best brands, those we know are actively testing and
seeking performance.</p>
</div>
<div class="lg:row-span-2 bg-white9 rounded-2xl9 overflow-hidden">
<div class="relative aspect-square"><!--[!-->
<picture><!--[-->
<source
srcset="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_87_-_Example_77ce0208-9c29-47ac-a659-c5b32f5e47ac.webp?v=1758105530 1x, /_app/immutable/assets/2-bad-mom.wzXQwVem.avif 2x"
sizes="(min-width: 768px) 33vw, 100vw" type="image/avif">
<source
srcset="/_app/immutable/assets/2-bad-mom.DSZgcIs9.webp 1x, /_app/immutable/assets/2-bad-mom.Bbn7IGP2.webp 2x"
sizes="(min-width: 768px) 33vw, 100vw" type="image/webp">
<source
srcset="/_app/immutable/assets/2-bad-mom.B_-XnyBp.jpg 1x, /_app/immutable/assets/2-bad-mom.DJuUkoje.jpg 2x"
sizes="(min-width: 768px) 33vw, 100vw" type="image/jpeg"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDgwIiBoZWlnaHQ9IjEwODAiIHZpZXdCb3g9IjAgMCAxMDgwIDEwODAiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" loading="lazy" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_87_-_Example_77ce0208-9c29-47ac-a659-c5b32f5e47ac.webp?v=1758105530"
alt="Mom Ad Example" loading="lazy" class="w-full h-full object-cover" width="1080" height="1080">
</picture>
</div>
<div class="p-89">
<h3 class="lg:text-3xl text-2xl font-bold9 mb-4">Has a unique angle, concept or visuals</h3>
<p class="text-black text-xl9">It's more important than ever that your creatives stand out in a busy
feed, so we include creatives with unique concepts or visuals to keep things fresh.</p>
</div>
</div>
<div class="lg:col-span-2 grid9 lg:grid9-cols-2 grid9-cols-1 bg-white9 rounded-2xl9 overflow-hidden">
<div class="relative bg-[#E5DED3] aspect-square"><!--[!-->
<picture><!--[-->
<source
srcset="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_2_-_Example__1_81bf4f86-6a79-47f2-9771-6929b7c659f5.webp?v=1758105532 1x, /_app/immutable/assets/1-future-you.BleT_Mbk.avif 2x"
sizes="(min-width: 768px) 66vw, 100vw" type="image/avif">
<source
srcset="/_app/immutable/assets/1-future-you.Dt03-Jc2.webp 1x, /_app/immutable/assets/1-future-you.BBToIcQa.webp 2x"
sizes="(min-width: 768px) 66vw, 100vw" type="image/webp">
<source
srcset="/_app/immutable/assets/1-future-you.DDo8sq_n.png 1x, /_app/immutable/assets/1-future-you.B70RYVHD.png 2x"
sizes="(min-width: 768px) 66vw, 100vw" type="image/png"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjE2MDAiIHZpZXdCb3g9IjAgMCAxNjAwIDE2MDAiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" loading="lazy" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_2_-_Example__1_81bf4f86-6a79-47f2-9771-6929b7c659f5.webp?v=1758105532"
alt="MUD\WTR Ad Example" loading="lazy" class="w-full h-full object-cover" width="1600" height="1600">
</picture>
</div>
<div class="p-89">
<h3 class="lg:text-3xl text-2xl font-bold9 mb-4">Uses a strong hook or compelling copy</h3>
<p class="text-black text-xl9">Hooks are fundamental to grabbing attention and so we include ads that
do this particularly well.</p>
</div>
</div>
</div>
</div>
</section>]]>