Skip to content

Commit d9b8a49

Browse files
lovable-dev[bot]magnusfroste
lovable-dev[bot]
and
magnusfroste
committed
Update logos in templates
Ensured all templates with a logos block use either empty logos (text fallback) or removed external URLs, and updated LogosBlock to render plain text when no logo is provided. Updated four templates to reflect text fallbacks and applied size adjustments for better appearance. X-Lovable-Edit-ID: edt-127e5ef0-1c6a-4428-8c0b-ed540847d992 Co-authored-by: magnusfroste <38864257+magnusfroste@users.noreply.github.com>
2 parents c8884bb + c8e178f commit d9b8a49

File tree

5 files changed

+36
-29
lines changed

5 files changed

+36
-29
lines changed

‎src/components/public/blocks/LogosBlock.tsx‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,18 +29,25 @@ function LogoImage({
2929
variant: string;
3030
}) {
3131
const [failed, setFailed] = useState(false);
32+
const showText = !logo || failed;
3233

3334
const sizeClasses = {
3435
sm: 'h-12 max-w-[160px]',
3536
md: 'h-16 max-w-[220px]',
3637
lg: 'h-24 max-w-[300px]',
3738
};
3839

39-
const content = failed ? (
40+
const textSizeClasses = {
41+
sm: 'text-sm',
42+
md: 'text-base',
43+
lg: 'text-xl',
44+
};
45+
46+
const content = showText ? (
4047
<span
4148
className={cn(
42-
'font-semibold tracking-tight text-foreground/60 transition-all duration-300',
43-
size === 'sm' ? 'text-sm' : size === 'lg' ? 'text-lg' : 'text-base',
49+
'font-semibold tracking-tight text-foreground/60 transition-all duration-300 whitespace-nowrap',
50+
textSizeClasses[size as keyof typeof textSizeClasses] || textSizeClasses.md,
4451
variant === 'grayscale' && 'opacity-50 hover:opacity-100',
4552
url && 'hover:scale-105 inline-block'
4653
)}

‎src/data/templates/consult-agency.ts‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -119,14 +119,14 @@ export const consultAgencyTemplate: StarterTemplate = {
119119
data: {
120120
title: 'Trusted by Industry Leaders',
121121
logos: [
122-
{ id: 'cl1', name: 'Volvo Group', logo: 'https://img.logo.dev/volvogroup.com?token=pk_test' },
123-
{ id: 'cl2', name: 'Ericsson', logo: 'https://img.logo.dev/ericsson.com?token=pk_test' },
124-
{ id: 'cl3', name: 'SKF', logo: 'https://img.logo.dev/skf.com?token=pk_test' },
125-
{ id: 'cl4', name: 'AstraZeneca', logo: 'https://img.logo.dev/astrazeneca.com?token=pk_test' },
126-
{ id: 'cl5', name: 'Scania', logo: 'https://img.logo.dev/scania.com?token=pk_test' },
127-
{ id: 'cl6', name: 'ABB', logo: 'https://img.logo.dev/abb.com?token=pk_test' },
128-
{ id: 'cl7', name: 'Atlas Copco', logo: 'https://img.logo.dev/atlascopco.com?token=pk_test' },
129-
{ id: 'cl8', name: 'Sandvik', logo: 'https://img.logo.dev/sandvik.com?token=pk_test' },
122+
{ id: 'cl1', name: 'Volvo Group', logo: '' },
123+
{ id: 'cl2', name: 'Ericsson', logo: '' },
124+
{ id: 'cl3', name: 'SKF', logo: '' },
125+
{ id: 'cl4', name: 'AstraZeneca', logo: '' },
126+
{ id: 'cl5', name: 'Scania', logo: '' },
127+
{ id: 'cl6', name: 'ABB', logo: '' },
128+
{ id: 'cl7', name: 'Atlas Copco', logo: '' },
129+
{ id: 'cl8', name: 'Sandvik', logo: '' },
130130
],
131131
layout: 'scroll',
132132
variant: 'grayscale',

‎src/data/templates/flowwink-agency.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -563,11 +563,11 @@ const flowwinkAgencyPages: TemplatePage[] = [
563563
title: 'Built on Modern Technology',
564564
subtitle: 'Open source foundation you can trust',
565565
logos: [
566-
{ id: 'l1', name: 'React', logo: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/120px-React-icon.svg.png' },
567-
{ id: 'l2', name: 'TypeScript', logo: 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Typescript_logo_2020.svg/120px-Typescript_logo_2020.svg.png' },
568-
{ id: 'l3', name: 'Tailwind', logo: 'https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Tailwind_CSS_Logo.svg/120px-Tailwind_CSS_Logo.svg.png' },
569-
{ id: 'l4', name: 'Supabase', logo: 'https://seeklogo.com/images/S/supabase-logo-DCC676FFE2-seeklogo.com.png' },
570-
{ id: 'l5', name: 'Docker', logo: 'https://www.docker.com/wp-content/uploads/2022/03/vertical-logo-monochromatic.png' },
566+
{ id: 'l1', name: 'React', logo: '' },
567+
{ id: 'l2', name: 'TypeScript', logo: '' },
568+
{ id: 'l3', name: 'Tailwind', logo: '' },
569+
{ id: 'l4', name: 'Supabase', logo: '' },
570+
{ id: 'l5', name: 'Docker', logo: '' },
571571
],
572572
columns: 5,
573573
layout: 'grid',

‎src/data/templates/launchpad.ts‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -81,12 +81,12 @@ const launchpadPages: StarterTemplate['pages'] = [
8181
data: {
8282
title: 'Trusted by Industry Leaders',
8383
logos: [
84-
{ id: 'l1', name: 'Spotify', logo: 'https://img.logo.dev/spotify.com?token=pk_test' },
85-
{ id: 'l2', name: 'Klarna', logo: 'https://img.logo.dev/klarna.com?token=pk_test' },
86-
{ id: 'l3', name: 'King', logo: 'https://img.logo.dev/king.com?token=pk_test' },
87-
{ id: 'l4', name: 'Truecaller', logo: 'https://img.logo.dev/truecaller.com?token=pk_test' },
88-
{ id: 'l5', name: 'iZettle', logo: 'https://img.logo.dev/izettle.com?token=pk_test' },
89-
{ id: 'l6', name: 'Mojang', logo: 'https://img.logo.dev/mojang.com?token=pk_test' },
84+
{ id: 'l1', name: 'Spotify', logo: '' },
85+
{ id: 'l2', name: 'Klarna', logo: '' },
86+
{ id: 'l3', name: 'King', logo: '' },
87+
{ id: 'l4', name: 'Truecaller', logo: '' },
88+
{ id: 'l5', name: 'iZettle', logo: '' },
89+
{ id: 'l6', name: 'Mojang', logo: '' },
9090
],
9191
layout: 'scroll',
9292
variant: 'grayscale',

‎src/data/templates/trustcorp.ts‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -55,13 +55,13 @@ const trustcorpPages: StarterTemplate['pages'] = [
5555
data: {
5656
title: 'Trusted by Industry Leaders',
5757
logos: [
58-
{ id: 'l1', name: 'SEB', logo: 'https://img.logo.dev/sebgroup.com?token=pk_test' },
59-
{ id: 'l2', name: 'Nordea', logo: 'https://img.logo.dev/nordea.com?token=pk_test' },
60-
{ id: 'l3', name: 'Swedbank', logo: 'https://img.logo.dev/swedbank.com?token=pk_test' },
61-
{ id: 'l4', name: 'Handelsbanken', logo: 'https://img.logo.dev/handelsbanken.se?token=pk_test' },
62-
{ id: 'l5', name: 'Vattenfall', logo: 'https://img.logo.dev/vattenfall.com?token=pk_test' },
63-
{ id: 'l6', name: 'Telia', logo: 'https://img.logo.dev/telia.com?token=pk_test' },
64-
{ id: 'l7', name: 'ICA Gruppen', logo: 'https://img.logo.dev/ica.se?token=pk_test' },
58+
{ id: 'l1', name: 'SEB', logo: '' },
59+
{ id: 'l2', name: 'Nordea', logo: '' },
60+
{ id: 'l3', name: 'Swedbank', logo: '' },
61+
{ id: 'l4', name: 'Handelsbanken', logo: '' },
62+
{ id: 'l5', name: 'Vattenfall', logo: '' },
63+
{ id: 'l6', name: 'Telia', logo: '' },
64+
{ id: 'l7', name: 'ICA Gruppen', logo: '' },
6565
],
6666
layout: 'scroll',
6767
variant: 'grayscale',

0 commit comments

Comments
 (0)