PageSourceSearch

https://piccollage.com/web-components/configure-pic-web-components.js

js piccollage.com collected 2026-10-02 05:43:14 UTC 19,369 bytes, 460 lines download raw bytes

1customElements.whenDefined('pic-navbar').then(() => {
2  const navbar = document.querySelector('pic-navbar')
3  if (!navbar) return
4  navbar.linkGroups = [
5    {
6      trigger: {
7        title: 'Web Tools',
8        dataAttrs: { testid: 'navbar-tools-trigger' },
9      },
10      sections: [
11        {
12          title: 'Edit Photos & Videos',
13          links: [
14            {
15              label: 'Background Remover',
16              iconName: 'lucide:scissors',
17              isNew: undefined,
18              isExternal: undefined,
19              href: '/background-remover?source=navbar',
20              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-background-remover"}) } },
21              dataAttrs: undefined,
22            },
23            {
24              label: 'Blur Background',
25              iconName: 'material-symbols:deblur-rounded',
26              isNew: undefined,
27              isExternal: undefined,
28              href: '/blur-background?source=navbar',
29              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-blur-background"}) } },
30              dataAttrs: undefined,
31            },
32            {
33              label: 'Blur Face in Video',
34              iconName: 'tabler:face-id',
35              isNew: undefined,
36              isExternal: true,
37              href: 'https://www.facehide.app/',
38              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-blur-face-video"}) } },
39              dataAttrs: { testid: 'tools-link-blur-face-video' },
40            },
41            {
42              label: 'Image Enhancer',
43              iconName: 'lucide:sparkles',
44              isNew: true,
45              isExternal: undefined,
46              href: '/image-enhancer?source=navbar',
47              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-image-enhancer"}) } },
48              dataAttrs: undefined,
49            },
50          ],
51        },
52        {
53          title: 'Resize & Expand',
54          links: [
55            {
56              label: 'Image Resizer',
57              iconName: 'material-symbols:aspect-ratio-outline-rounded',
58              isNew: undefined,
59              isExternal: undefined,
60              href: '/image-resizer?source=navbar',
61              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-image-resizer"}) } },
62              dataAttrs: undefined,
63            },
64            {
65              label: 'AI Image Extender',
66              iconName: 'lucide:expand',
67              isNew: undefined,
68              isExternal: undefined,
69              href: '/ai-image-extender?source=navbar',
70              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-ai-image-extender"}) } },
71              dataAttrs: undefined,
72            },
73          ],
74        },
75        {
76          title: 'Create Designs',
77          links: [
78            {
79              label: 'Collage Maker',
80              iconName: 'lucide:layout-grid',
81              isNew: undefined,
82              isExternal: undefined,
83              href: '/collage-maker?source=navbar',
84              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-collage-maker"}) } },
85              dataAttrs: undefined,
86            },
87            {
88              label: 'Fancy Text Generator',
89              iconName: 'lucide:type',
90              isNew: true,
91              isExternal: undefined,
92              href: '/text-generator?source=navbar',
93              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-text-generator"}) } },
94              dataAttrs: undefined,
95            },
96            {
97              label: 'Text Sticker Generator',
98              iconName: 'uil:keyboard',
99              isNew: true,
100              isExternal: undefined,
101              href: '/text-generator-picture?source=navbar',
102              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-text-generator-picture"}) } },
103              dataAttrs: undefined,
104            },
105            {
106              label: 'Card Maker',
107              iconName: 'uil:envelope-heart',
108              isNew: undefined,
109              isExternal: true,
110              href: 'https://photocards.ai/',
111              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-web-editor"}) } },
112              dataAttrs: {
113                'event-track-id': 'web-editor-link',
114                'testid': 'tools-link-web-editor',
115              },
116            },
117            {
118              label: 'Seamless Carousel',
119              iconName: 'tabler:carousel-horizontal',
120              isNew: undefined,
121              isExternal: true,
122              href: 'https://www.carouselly.app/',
123              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-seamless-carousel"}) } },
124              dataAttrs: { testid: 'tools-link-seamless-carousel' },
125            },
126          ],
127        },
128      ],
129      footerLink: {
130        label: 'Browse All Web Tools',
131        iconName: 'lucide:layout-grid',
132        href: '/tools',
133        onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"tools-browse-all-web-tools"}) } },
134      },
135    },
136    {
137      trigger: {
138        title: 'Ways to Create',
139        dataAttrs: { testid: 'navbar-create-trigger' },
140      },
141      sections: [
142        {
143          title: 'Type',
144          links: [
145            {
146              label: 'Greeting Cards',
147              iconName: 'lucide:smile',
148              isNew: undefined,
149              href: '/create/greeting-cards',
150              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-greeting-cards"}) } },
151              dataAttrs: undefined,
152            },
153            {
154              label: 'Video Collages',
155              iconName: 'lucide:clapperboard',
156              isNew: undefined,
157              href: '/create/video-collages',
158              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-video-collages"}) } },
159              dataAttrs: undefined,
160            },
161            {
162              label: 'Digital Scrapbooking',
163              iconName: 'lucide:book-heart',
164              isNew: undefined,
165              href: '/create/digital-scrapbooking',
166              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-digital-scrapbooking"}) } },
167              dataAttrs: undefined,
168            },
169            {
170              label: 'Grids',
171              iconName: 'ri:collage-line',
172              isNew: undefined,
173              href: '/create/grids',
174              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-grids"}) } },
175              dataAttrs: undefined,
176            },
177          ],
178        },
179        {
180          title: 'Occasions',
181          links: [
182            {
183              label: 'Holiday Cards',
184              iconName: 'mingcute:celebrate-line',
185              isNew: undefined,
186              href: '/create/greeting-cards/holiday-cards',
187              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-holiday-cards"}) } },
188              dataAttrs: { 'event-track-id': 'holiday-cards-link' },
189            },
190            {
191              label: 'Christmas',
192              iconName: 'lucide:tree-pine',
193              isNew: undefined,
194              href: '/create/greeting-cards/christmas',
195              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-christmas"}) } },
196              dataAttrs: undefined,
197            },
198            {
199              label: 'New Year',
200              iconName: 'tabler:calendar',
201              isNew: undefined,
202              href: '/create/greeting-cards/new-year',
203              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-new-year"}) } },
204              dataAttrs: undefined,
205            },
206            {
207              label: 'Birthday Cards',
208              iconName: 'lucide:cake',
209              isNew: undefined,
210              href: '/create/greeting-cards/birthday',
211              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-birthday"}) } },
212              dataAttrs: undefined,
213            },
214            {
215              label: "Mother's Day",
216              iconName: 'lucide:flower-2',
217              isNew: undefined,
218              href: '/create/greeting-cards/mothers-day',
219              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-mothers-day"}) } },
220              dataAttrs: undefined,
221            },
222            {
223              label: "Father's Day",
224              iconName: 'icon-park-outline:necktie',
225              isNew: undefined,
226              href: '/create/greeting-cards/fathers-day',
227              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-fathers-day"}) } },
228              dataAttrs: undefined,
229            },
230          ],
231          columns: 1,
232        },
233        {
234          title: 'Invitations',
235          links: [
236            {
237              label: 'Invitations',
238              iconName: 'uil:envelope-heart',
239              isNew: undefined,
240              href: '/create/invitations',
241              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-invitations"}) } },
242              dataAttrs: undefined,
243            },
244            {
245              label: 'Halloween Party',
246              iconName: 'lucide:ghost',
247              isNew: undefined,
248              href: '/create/invitations/halloween',
249              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-halloween"}) } },
250              dataAttrs: undefined,
251            },
252            {
253              label: 'Wedding',
254              iconName: 'lucide-lab:gem-ring',
255              isNew: undefined,
256              href: '/create/invitations/wedding',
257              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-wedding"}) } },
258              dataAttrs: undefined,
259            },
260            {
261              label: 'Save the Date',
262              iconName: 'lucide:calendar-1',
263              isNew: undefined,
264              href: '/create/invitations/save-the-date',
265              onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-save-the-date"}) } },
266              dataAttrs: undefined,
267            },
268          ],
269        },
270      ],
271      footerLink: {
272        label: 'Browse All Templates',
273        iconName: 'lucide:layout-grid',
274        href: '/create',
275        onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"create-browse-all-templates"}) } },
276      },
277    },
278    {
279      label: 'Blog',
280      href: 'https://piccollage.com/blog',
281      onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"blog"}) } },
282    },
283    {
284      label: 'Support',
285      href: 'https://support.piccollage.com/hc/en-us',
286      onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"support"}) } },
287    },
288  ]
289  navbar.ctaButton = {
290    label: 'Download the App',
291    iconName: 'lucide:smartphone',
292    href: 'https://piccollage.onelink.me/tJGq?af_xp=custom&pid=PicCollage_Web&af_dp=piccollage%3A%2F%2F&c=Nav_Desktop_QRCode',
293    hrefMobile: 'https://piccollage.onelink.me/tJGq?af_xp=custom&pid=PicCollage_Web&af_dp=piccollage%3A%2F%2F&c=Nav_Mobile_Link',
294    onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Click download app", {"from":"navbar","button":null,"page":"/"}) } },
295    onQrCodePopUp: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Hover app download", {"from":"navbar","button":null,"page":"/"}) } },
296    dataAttrs: { 'event-track-id': 'top-download-app-button' },
297  }
298  navbar.logo = {
299    href: '/?source=navbar&home',
300    onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Nav bar - click buttons", {"button":"logo"}) } },
301  }
302})
303
304customElements.whenDefined('pic-footer').then(() => {
305  const footer = document.querySelector('pic-footer')
306  if (!footer) return
307  footer.appStoreLink = {
308    href: 'https://piccollage.onelink.me/tJGq?af_xp=custom&pid=PicCollage_Web&af_dp=piccollage%3A%2F%2F&c=Home_Footer_Desktop_Link',
309    onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Click download app", {"from":"footer","button":"ios","page":"/"}) } },
310    dataAttrs: { 'event-track-id': 'bottom-apple-store-button' },
311  }
312  footer.googlePlayLink = {
313    href: 'https://piccollage.onelink.me/tJGq?af_xp=custom&pid=PicCollage_Web&af_dp=piccollage%3A%2F%2F&c=Home_Footer_Desktop_Link',
314    onClick: function() { if (typeof window.amplitude !== 'undefined') { window.amplitude.track("Click download app", {"from":"footer","button":"android","page":"/"}) } },
315    dataAttrs: { 'event-track-id': 'bottom-google-play-button' },
316  }
317  footer.qrCode = {
318    href: 'https://piccollage.onelink.me/tJGq?af_xp=custom&pid=PicCollage_Web&af_dp=piccollage%3A%2F%2F&c=Home_Footer_Desktop_QRCode',
319  }
320  footer.linkGroups = [
321    {
322      title: 'Web Tools',
323      links: [
324        {
325          label: 'Background Remover',
326          href: '/background-remover?source=footer',
327          isExternal: undefined,
328        },
329        {
330          label: 'Blur Background',
331          href: '/blur-background?source=footer',
332          isExternal: undefined,
333        },
334        {
335          label: 'Blur Face in Video',
336          href: 'https://www.facehide.app/',
337          isExternal: true,
338        },
339        {
340          label: 'Image Resizer',
341          href: '/image-resizer?source=footer',
342          isExternal: undefined,
343        },
344        {
345          label: 'AI Image Extender',
346          href: '/ai-image-extender?source=footer',
347          isExternal: undefined,
348        },
349        {
350          label: 'Image Enhancer',
351          href: '/image-enhancer?source=footer',
352          isExternal: undefined,
353        },
354        {
355          label: 'Collage Maker',
356          href: '/collage-maker?source=footer',
357          isExternal: undefined,
358        },
359        {
360          label: 'Fancy Text Generator',
361          href: '/text-generator?source=footer',
362          isExternal: undefined,
363        },
364        {
365          label: 'Text Sticker Generator',
366          href: '/text-generator-picture?source=footer',
367          isExternal: undefined,
368        },
369        {
370          label: 'Card Maker',
371          href: 'https://photocards.ai/',
372          isExternal: true,
373        },
374        {
375          label: 'Seamless Carousel',
376          href: 'https://www.carouselly.app/',
377          isExternal: true,
378        },
379      ],
380    },
381    {
382      title: 'Ways to Create',
383      links: [
384        { label: 'Greeting Cards', href: '/create/greeting-cards' },
385        { label: 'Video Collages', href: '/create/video-collages' },
386        { label: 'Digital Scrapbooking', href: '/create/digital-scrapbooking' },
387        { label: 'Grids', href: '/create/grids' },
388        { label: 'Holiday Cards', href: '/create/greeting-cards/holiday-cards' },
389        { label: 'Christmas', href: '/create/greeting-cards/christmas' },
390        { label: 'New Year', href: '/create/greeting-cards/new-year' },
391        { label: 'Birthday Cards', href: '/create/greeting-cards/birthday' },
392        { label: "Mother's Day", href: '/create/greeting-cards/mothers-day' },
393        { label: "Father's Day", href: '/create/greeting-cards/fathers-day' },
394        { label: 'Invitations', href: '/create/invitations' },
395        { label: 'Halloween Party', href: '/create/invitations/halloween' },
396        { label: 'Wedding', href: '/create/invitations/wedding' },
397        { label: 'Save the Date', href: '/create/invitations/save-the-date' },
398      ],
399    },
400    {
401      title: 'Company',
402      links: [
403        { label: 'Company', href: 'https://picc.co/' },
404        { label: 'About Us', href: 'https://about.picc.co/' },
405        { label: 'Blog', href: 'https://piccollage.com/blog/' },
406        { label: 'Careers', href: 'https://picc.co/careers' },
407        { label: 'Contact Us', href: 'https://picc.co/contact/' },
408      ],
409    },
410    {
411      title: 'Support',
412      links: [
413        {
414          label: 'FAQ',
415          href: 'https://support.piccollage.com/hc/en-us/categories/20935862791956-FAQ',
416        },
417        {
418          label: 'Help Center',
419          href: 'https://support.piccollage.com/hc/en-us',
420        },
421        { label: 'Privacy Policy', href: 'https://picc.co/privacy' },
422        { label: 'Terms of Service', href: 'https://picc.co/tos' },
423        { label: 'Login', href: '/login_page' },
424        {
425          label: 'Cookie Settings',
426          href: '#',
427          className: 'cky-banner-element',
428          onClick: function() { var el = document.getElementById('cky-open'); if (el) el.click() },
429        },
430      ],
431    },
432  ]
433  footer.socialLinks = [
434    {
435      ariaLabel: 'Pinterest',
436      href: 'https://www.pinterest.com/piccollage/',
437      iconName: 'ri:pinterest-fill',
438      isExternal: true,
439    },
440    {
441      ariaLabel: 'Facebook',
442      href: 'https://www.facebook.com/piccollage',
443      iconName: 'ic:baseline-facebook',
444      isExternal: true,
445    },
446    {
447      ariaLabel: 'Instagram',
448      href: 'https://instagram.com/piccollage',
449      iconName: 'ri:instagram-fill',
450      isExternal: true,
451    },
452    {
453      ariaLabel: 'X (Twitter)',
454      href: 'https://twitter.com/PicCollage',
455      iconName: 'ri:twitter-x-fill',
456      isExternal: true,
457    },
458  ]
459  footer.tagline = 'Download The App'
460})

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.