I have this code. I do not like all the variables that are being exported. It is cumbursom and not really maintanable. Is there a way to optimze or refactor this?

<script>
	import '../styles/styles.css';
	import '../styles/material-theme-css/theme.css';
	import { onMount } from 'svelte';
	onMount(async () => {
		await import('@material/web/button/filled-button.js');
	});

	import LogoCard from '../components/LogoCard.svelte';
	import ContentBlock from '../components/ContentBlock.svelte';

	// Content block
	export let subTitleContentBlock = 'Voor Jou!';
	export let titleContentBlock = 'Zonnedakje';
	export let hrefFirstContentBlock = '/#';
	export let hrefSecondContentBlock = '';
	export let targetFirstContentBlock = '_self'; // Options: [_self, _blank]. _self opens in the same tab, _blank opens in new tab
	export let targetSecondContentBlock = '_self'; // Options: [_self, _blank]. _self opens in the same tab, _blank opens in new tab
	export let labelFirstContentBlock = 'Lees Meer';
	export let labelSecondContentBlock = '';
	export let textAlignContentBlock = 'center'; // Options: [left, center]

	// First NAME_1

	export let titleLogoCard_1 = 'Title 1';
	export let subtitleLogoCard_1 = 'subtitle';
	export let imageLogoCard_1 = '/img/image-placeholder.png';
	export let altTextLogoCard_1 = 'This is the placeholder image';
	export let labelLogoCard_1 = 'Button 1';
	export let hrefFirstLogoCard_1 = '/#';
	export let textLogoCard_1 =
		'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor c Wrap the entire output in JSON format.
user