- {t('templates.title')}
+ {t.templates.title}
-
+
{templates.map((template) => (
@@ -59,7 +59,7 @@ export const TemplateCards: React.FC = ({ t }) => {
{template.title}
))}
diff --git a/src/hooks/useTranslation.ts b/src/hooks/useTranslation.ts
index f570995..ea82c30 100644
--- a/src/hooks/useTranslation.ts
+++ b/src/hooks/useTranslation.ts
@@ -54,6 +54,8 @@ export function useTranslation() {
return {
t,
locale,
+ language: locale,
setLocale: changeLocale,
+ setLanguage: changeLocale,
};
}
\ No newline at end of file
diff --git a/src/i18n/de.json b/src/i18n/de.json
index 0f0642f..f0bcf67 100644
--- a/src/i18n/de.json
+++ b/src/i18n/de.json
@@ -116,10 +116,10 @@
"price": "€0",
"period": "für immer",
"features": [
- "5 dynamische QR-Codes",
+ "3 dynamische QR-Codes",
"Unbegrenzte statische QR-Codes",
- "Basis-Analytik",
- "Standard-Vorlagen"
+ "Basis-Scan-Tracking",
+ "Standard QR-Design-Vorlagen"
]
},
"pro": {
@@ -128,25 +128,23 @@
"period": "pro Monat",
"badge": "Beliebteste",
"features": [
- "Unbegrenzte QR-Codes",
- "Erweiterte Analytik",
- "Individuelles Branding",
- "Bulk-Operationen",
- "API-Zugang",
- "Prioritäts-Support"
+ "50 dynamische QR-Codes",
+ "Unbegrenzte statische QR-Codes",
+ "Erweiterte Analytik (Scans, Geräte, Standorte)",
+ "Individuelles Branding (Farben & Logo)",
+ "Download als SVG/PNG"
]
},
"business": {
"title": "Business",
- "price": "€49",
+ "price": "€29",
"period": "pro Monat",
"features": [
+ "500 dynamische QR-Codes",
+ "Unbegrenzte statische QR-Codes",
"Alles aus Pro",
- "Team-Zusammenarbeit",
- "White-Label-Lösung",
- "Erweiterte Integrationen",
- "Individuelle Domains",
- "Dedizierter Support"
+ "Prioritäts-E-Mail-Support",
+ "Erweiterte Tracking & Insights"
]
}
},
diff --git a/src/i18n/en.json b/src/i18n/en.json
index bef7292..7e93f79 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -116,10 +116,10 @@
"price": "€0",
"period": "forever",
"features": [
- "5 dynamic QR codes",
+ "3 dynamic QR codes",
"Unlimited static QR codes",
- "Basic analytics",
- "Standard templates"
+ "Basic scan tracking",
+ "Standard QR design templates"
]
},
"pro": {
@@ -128,25 +128,23 @@
"period": "per month",
"badge": "Most Popular",
"features": [
- "Unlimited QR codes",
- "Advanced analytics",
- "Custom branding",
- "Bulk operations",
- "API access",
- "Priority support"
+ "50 dynamic QR codes",
+ "Unlimited static QR codes",
+ "Advanced analytics (scans, devices, locations)",
+ "Custom branding (colors & logo)",
+ "Download as SVG/PNG"
]
},
"business": {
"title": "Business",
- "price": "€49",
+ "price": "€29",
"period": "per month",
"features": [
- "Everything in Pro",
- "Team collaboration",
- "White-label solution",
- "Advanced integrations",
- "Custom domains",
- "Dedicated support"
+ "500 dynamic QR codes",
+ "Unlimited static QR codes",
+ "Everything from Pro",
+ "Priority email support",
+ "Advanced tracking & insights"
]
}
},
diff --git a/src/lib/schema.ts b/src/lib/schema.ts
new file mode 100644
index 0000000..d302040
--- /dev/null
+++ b/src/lib/schema.ts
@@ -0,0 +1,206 @@
+export interface BreadcrumbItem {
+ name: string;
+ url: string;
+}
+
+export interface BlogPost {
+ title: string;
+ description: string;
+ slug: string;
+ author: string;
+ authorUrl: string;
+ datePublished: string;
+ dateModified: string;
+ image: string;
+}
+
+export interface FAQItem {
+ question: string;
+ answer: string;
+}
+
+export interface ProductOffer {
+ name: string;
+ price: string;
+ priceCurrency: string;
+ availability: string;
+ url: string;
+}
+
+export interface HowToStep {
+ name: string;
+ text: string;
+ url?: string;
+}
+
+export interface HowToTask {
+ name: string;
+ description: string;
+ steps: HowToStep[];
+ totalTime?: string;
+}
+
+export function organizationSchema() {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'Organization',
+ '@id': 'https://www.qrmaster.com/#organization',
+ name: 'QR Master',
+ url: 'https://www.qrmaster.com',
+ logo: {
+ '@type': 'ImageObject',
+ url: 'https://www.qrmaster.com/static/og-image.png',
+ width: 1200,
+ height: 630,
+ },
+ sameAs: [
+ 'https://twitter.com/qrmaster',
+ ],
+ contactPoint: {
+ '@type': 'ContactPoint',
+ contactType: 'Customer Support',
+ email: 'support@qrmaster.com',
+ },
+ description: 'Dynamic QR code generator with analytics, branding, and bulk generation for modern marketing campaigns.',
+ inLanguage: 'en',
+ mainEntityOfPage: 'https://www.qrmaster.com',
+ };
+}
+
+export function websiteSchema() {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'WebSite',
+ '@id': 'https://www.qrmaster.com/#website',
+ name: 'QR Master',
+ url: 'https://www.qrmaster.com',
+ inLanguage: 'en',
+ mainEntityOfPage: 'https://www.qrmaster.com',
+ publisher: {
+ '@id': 'https://www.qrmaster.com/#organization',
+ },
+ potentialAction: {
+ '@type': 'SearchAction',
+ target: {
+ '@type': 'EntryPoint',
+ urlTemplate: 'https://www.qrmaster.com/blog?q={search_term_string}',
+ },
+ 'query-input': 'required name=search_term_string',
+ },
+ };
+}
+
+export function breadcrumbSchema(items: BreadcrumbItem[]) {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'BreadcrumbList',
+ '@id': `https://www.qrmaster.com${items[items.length - 1]?.url}#breadcrumb`,
+ inLanguage: 'en',
+ mainEntityOfPage: `https://www.qrmaster.com${items[items.length - 1]?.url}`,
+ itemListElement: items.map((item, index) => ({
+ '@type': 'ListItem',
+ position: index + 1,
+ name: item.name,
+ item: `https://www.qrmaster.com${item.url}`,
+ })),
+ };
+}
+
+export function blogPostingSchema(post: BlogPost) {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'BlogPosting',
+ '@id': `https://www.qrmaster.com/blog/${post.slug}#article`,
+ headline: post.title,
+ description: post.description,
+ image: post.image,
+ datePublished: post.datePublished,
+ dateModified: post.dateModified,
+ inLanguage: 'en',
+ mainEntityOfPage: `https://www.qrmaster.com/blog/${post.slug}`,
+ author: {
+ '@type': 'Person',
+ name: post.author,
+ url: post.authorUrl,
+ },
+ publisher: {
+ '@type': 'Organization',
+ name: 'QR Master',
+ url: 'https://www.qrmaster.com',
+ logo: {
+ '@type': 'ImageObject',
+ url: 'https://www.qrmaster.com/static/og-image.png',
+ width: 1200,
+ height: 630,
+ },
+ },
+ isPartOf: {
+ '@type': 'Blog',
+ '@id': 'https://www.qrmaster.com/blog#blog',
+ name: 'QR Master Blog',
+ url: 'https://www.qrmaster.com/blog',
+ },
+ };
+}
+
+export function faqPageSchema(faqs: FAQItem[]) {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'FAQPage',
+ '@id': 'https://www.qrmaster.com/faq#faqpage',
+ inLanguage: 'en',
+ mainEntityOfPage: 'https://www.qrmaster.com/faq',
+ mainEntity: faqs.map((faq) => ({
+ '@type': 'Question',
+ name: faq.question,
+ acceptedAnswer: {
+ '@type': 'Answer',
+ text: faq.answer,
+ },
+ })),
+ };
+}
+
+export function productSchema(product: { name: string; description: string; offers: ProductOffer[] }) {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'Product',
+ '@id': 'https://www.qrmaster.com/pricing#product',
+ name: product.name,
+ description: product.description,
+ inLanguage: 'en',
+ mainEntityOfPage: 'https://www.qrmaster.com/pricing',
+ brand: {
+ '@type': 'Organization',
+ name: 'QR Master',
+ },
+ offers: product.offers.map((offer) => ({
+ '@type': 'Offer',
+ name: offer.name,
+ price: offer.price,
+ priceCurrency: offer.priceCurrency,
+ availability: offer.availability,
+ url: offer.url,
+ })),
+ };
+}
+
+export function howToSchema(task: HowToTask) {
+ return {
+ '@context': 'https://schema.org',
+ '@type': 'HowTo',
+ '@id': `https://www.qrmaster.com/blog/${task.name.toLowerCase().replace(/\s+/g, '-')}#howto`,
+ name: task.name,
+ description: task.description,
+ inLanguage: 'en',
+ mainEntityOfPage: `https://www.qrmaster.com/blog/${task.name.toLowerCase().replace(/\s+/g, '-')}`,
+ totalTime: task.totalTime || 'PT5M',
+ step: task.steps.map((step, index) => ({
+ '@type': 'HowToStep',
+ position: index + 1,
+ name: step.name,
+ text: step.text,
+ url: step.url,
+ })),
+ };
+}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index d3f96cd..7ad1b7d 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -31,12 +31,9 @@ body {
body {
color: rgb(var(--foreground-rgb));
- background: linear-gradient(
- to bottom,
+ background: linear-gradient(to bottom,
transparent,
- rgb(var(--background-end-rgb))
- )
- rgb(var(--background-start-rgb));
+ rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
}
a {
@@ -145,4 +142,31 @@ a {
position: relative;
height: 300px;
width: 100%;
+}
+
+/* Blog post spacing overrides */
+.prose h2 {
+ margin-top: 1.75rem !important;
+ margin-bottom: 0.875rem !important;
+ padding-top: 0.875rem !important;
+ font-size: 2.25rem !important;
+ line-height: 2.5rem !important;
+}
+
+.prose p {
+ margin-bottom: 0.875rem !important;
+}
+
+.prose ul {
+ margin-top: 0.875rem !important;
+ margin-bottom: 0.875rem !important;
+}
+
+.prose blockquote {
+ margin-top: 1.25rem !important;
+ margin-bottom: 1.25rem !important;
+}
+
+.prose .lead {
+ margin-bottom: 1.25rem !important;
}
\ No newline at end of file