feat(ui): optimize CTA buttons with contextual copy and fix static export build issues

CTA Optimization:

- Implement scenario-based CTA text across 6 key locations

- Add responsive Header CTA with icon+compact design

- Enhance CTA Section with vision-driven copy

Bug Fixes:

- Fix useSearchParams() build failure with dynamic import wrapper

- Remove useSearchParams() from PageTransition component

- Fix React 19 useEffect lint errors via useSyncExternalStore

UI Enhancements:

- Add ripple effects and gradient animations to Button

- Enhance loading skeleton with branded pulse animation
This commit is contained in:
张翔
2026-05-11 19:03:37 +08:00
parent c474394237
commit f08874f5c4
20 changed files with 794 additions and 112 deletions
+63
View File
@@ -99,3 +99,66 @@ export function BreadcrumbSchema({ items }: { items: BreadcrumbItem[] }) {
/>
);
}
export function LocalBusinessSchema() {
const schema = {
"@context": "https://schema.org",
"@type": "LocalBusiness",
"@id": "https://www.novalon.cn/#business",
"name": COMPANY_INFO.name,
"image": "https://www.novalon.cn/og-image.jpg",
"url": "https://www.novalon.cn",
"email": COMPANY_INFO.email,
"description": "专注于企业数字化转型服务,提供软件开发、云计算、数据分析、信息安全等一站式解决方案",
"address": {
"@type": "PostalAddress",
"streetAddress": "成都市高新区",
"addressLocality": "成都市",
"addressRegion": "四川省",
"postalCode": "610000",
"addressCountry": "CN"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 30.5728,
"longitude": 104.0668
},
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
"opens": "09:00",
"closes": "18:00"
}
],
"priceRange": "$$",
"currenciesAccepted": "CNY",
"paymentAccepted": "Cash, Credit Card, Bank Transfer",
"areaServed": [
{ "@type": "City", "name": "成都" },
{ "@type": "State", "name": "四川" },
{ "@type": "Country", "name": "中国" }
],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "数字化转型服务",
"itemListElement": [
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "软件开发服务" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "云计算解决方案" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "数据分析与BI" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "信息安全咨询" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "企业IT架构设计" } },
]
},
"sameAs": [
"https://www.novalon.cn"
]
};
return (
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
/>
);
}