From e6c9fe5e97c842775eb3c970b406c470b7baa224 Mon Sep 17 00:00:00 2001 From: Luca Burgio Date: Wed, 22 Nov 2023 15:26:27 +0100 Subject: [PATCH] add: streamline ad --- iconoir.com/components/Explore.tsx | 6 +- iconoir.com/components/Streamline.tsx | 114 ++++++++++++++++++++++ iconoir.com/public/streamline-ad-logo.png | Bin 0 -> 1573 bytes iconoir.com/public/streamline-ad.png | Bin 0 -> 6835 bytes 4 files changed, 116 insertions(+), 4 deletions(-) create mode 100644 iconoir.com/components/Streamline.tsx create mode 100644 iconoir.com/public/streamline-ad-logo.png create mode 100644 iconoir.com/public/streamline-ad.png diff --git a/iconoir.com/components/Explore.tsx b/iconoir.com/components/Explore.tsx index 8a38ea13..52f09355 100644 --- a/iconoir.com/components/Explore.tsx +++ b/iconoir.com/components/Explore.tsx @@ -1,8 +1,7 @@ import { IconoirProvider } from 'iconoir-react'; import React from 'react'; import styled from 'styled-components'; -import { Ad } from './Ad'; -import { Sponsor } from './Sponsor'; +import { Streamline } from './Streamline'; import { CustomizationEditor } from './CustomizationEditor'; import { FiltersEditor } from './FiltersEditor'; import { Icon, IconList, IconListFilters } from './IconList'; @@ -39,8 +38,7 @@ export function Explore({ allIcons }: ExploreProps) { - - + + + + + + Expand Your Icon Collection + with Streamline + + 170,000 Vector Icons + Our sponsor + + + + + ); +} + +// Styled components go here + +const PromoContainer = styled.div` + border-radius: 12px; + border: 1px solid var(--g6); + text-align: center; + margin-top: 24px; + text-decoration: none; + &:hover { + background-color: var(--g7); + } +`; +const SponsorLabel = styled.div` + font-size: 12px; + font-weight: 400; + color: var(--g4); + margin: 10px 0; +`; + +const PromoContent = styled.div` + // Your content styles here, similar to SponsorText +`; + +const PromoLogo = styled.div` + @keyframes my-animation { + 0% { + transform: scale(1); + } + 45% { + transform: scale(1); + } + 50% { + transform: scale(1.2); + } + 55% { + transform: scale(1); + } + 90% { + transform: scale(1); + } + 95% { + transform: scale(1.2); + } + 100% { + transform: scale(1); + } + } + + background-image: url('./streamline-ad-logo.png'); + background-repeat: no-repeat; + background-size: cover; + background-size: 100% 100%; + width: 32px; + height: 32px; + border-radius: 50%; + margin: 14px auto; + + animation-name: my-animation; + animation-duration: 5s; + animation-timing-function: ease; + animation-iteration-count: infinite; + animation-delay: 5s; +`; + +const PromoImage = styled.img` + width: 70%; +`; + +const PromoInfo = styled.div` + // Styles for the text container, similar to SponsorRight +`; + +const PromoTitle = styled.h2` + font-size: 16px; + font-weight: 600; + margin: 0 auto; +`; + +const PromoSub = styled.h2` + font-size: 14px; + margin: 0 auto 30px auto; +`; + +const PromoDescription = styled.p` + border: 1px solid var(--g6); + margin: 6%; + border-radius: 8px; + font-size: 12px; + padding: 10px 0; + font-weight: 600; +`; diff --git a/iconoir.com/public/streamline-ad-logo.png b/iconoir.com/public/streamline-ad-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..1a49a5ce920b18c10a5d0525153c3bd17f04f151 GIT binary patch literal 1573 zcmV+=2HN?FP)y$e=yO+ zpazmAqM{{Yiix&G8iUdXi_i#C`juAtMcVt?9pBlVyKc+1(7kE6kb9EtZEk1h-e=yA zdEO~2C@A2#j-cT>LxxbgBSR?Nks*}s$Ph|*i~}JiF9B=tXY8*WQNo!V$DOg zD2H1~X<%H3KEcGih0`#9*$m_r1kmO=IDVy;BBM~ceqG{$TNW(3~brH6stBA zLDO~n36tUG4`{e+aS>Y1_u|~CE<5m4KtT=-kALy0!=I<)<(oRKY8cy&5Pi+YA#Z%!*4FW5vVMX=XEd)#C13j=uji zbhd|}sxm1m+Zt6fABuM^!LkRYk!NDbhYh!yoKpEsJ;Hq=YN;%+)M+Ux3WCgwrAsJh zf|N6+9eUhOD>jsbYro}mRUK?a`KQP22b`Hufs{RzovYymBC}#$Ayu>Zx7=QFGiIT? ztDp9nA#p|&A;Xf`qiGtRcy%UKatr%*A199`o6GTz zQ}k2MAy0(3EhjnV+#Q5J+c)Z1jW*ehFWri0B!=(z*A41biD)>6@PG(WL&@Iii4e1` zV#vvz0NaYulqG{Ld!E`l8*4Yrv5SElk$xS2RG-7wdw)kqQ&g%B@60?G1tBL-*R|4$ z&vD4`#Dipmp&JH*wc5JCcV_lD&!W%J9<%N;F5qWd=R3}bUUzF0v zJH+Blou%XXZHtlRPfY@OA|y6Iixw~%vGB<|$I#Rerthq=7pk}n6qKmu-@Yghv*%8+ z7tCwed2SzMTZZnAFsgrQM653x0e?P1mpCqw)7+Oo$E1+c68hCO$d@c9gE-aZ$;tdYxnBoxKT+E!Ww!?XHUK*(L*T=&+Xq~S4x zTJ687Wb1gQ^bQ!lTT*#*491)5L`b@hSq7>qn(+SCY7F#RL&&6}yA?Ge3kt;ZWwGi|t`F|I?4rHbZXesHteBFss2pPi)v;qvmW|S?|kZI`;25hEUJYjWgcK zI;FW8Wv^Ay7}237t7xfvOVLrVgQl~+=;@4M_Pl%qa-Fpj`DB_V4()Bmo^7>M&0@;K z%nc=4j#JkrI#Y{6NSq@S&B(=qN%Xs9Pi6Y;L1uNF!OF%EgACW}I% zgJn__#DBs$T#;|dPqhRUZLH$2YtKpKHXjyU?vx!LPi6ikneNCCN_S)kr8_c&(jET; XTvrCAQ45(x00000NkvXXu0mjfp>px7 literal 0 HcmV?d00001 diff --git a/iconoir.com/public/streamline-ad.png b/iconoir.com/public/streamline-ad.png new file mode 100644 index 0000000000000000000000000000000000000000..073123cea31e9d5f513bff5034505d2150e7e4f0 GIT binary patch literal 6835 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 m6p