feat(landing): get title from cms

This commit is contained in:
Zotov Ivan Yuryevich
2026-06-01 21:02:24 +03:00
parent cd6ed4eee5
commit 3ec1e776af
6 changed files with 38 additions and 18 deletions

View File

@@ -7,11 +7,12 @@ import type { SiteConfigContact } from '../lib/cms/contact/types'
type CategoryNavItem = NonNullable<MenuItemsQuery['categories'][number]>
export interface FooterProps {
siteTitle?: string
contacts?: readonly SiteConfigContact[]
solutionCategories?: CategoryNavItem[]
}
export function Footer({ contacts = [], solutionCategories = [] }: FooterProps) {
export function Footer({ siteTitle = '', contacts = [], solutionCategories = [] }: FooterProps) {
return (
<footer className="bg-gray-900 text-gray-400 pt-20 pb-10 border-t border-gray-800">
<div className="max-w-400 mx-auto px-6 xl:px-12 2xl:px-16">
@@ -21,7 +22,7 @@ export function Footer({ contacts = [], solutionCategories = [] }: FooterProps)
<div className="w-9 h-9 bg-linear-to-br from-blue-600 to-blue-700 rounded-lg flex items-center justify-center shadow-md">
<div className="w-5 h-5 border-2 border-white rounded"></div>
</div>
<span className="text-2xl text-white tracking-tight">SOFTCLICK</span>
<span className="text-2xl text-white tracking-tight">{siteTitle}</span>
</div>
<p className="mb-6 leading-relaxed">Комплексные IT-решения для развития бизнеса</p>
<div className="flex gap-4">
@@ -106,7 +107,7 @@ export function Footer({ contacts = [], solutionCategories = [] }: FooterProps)
</div>
<div className="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center gap-4">
<div>&copy; 2025 SOFTCLICK. Все права защищены.</div>
<div>&copy; 2025 {siteTitle}. Все права защищены.</div>
<div className="flex gap-6">
<a href="#" className="hover:text-blue-400 transition-colors">
Политика конфиденциальности

View File

@@ -8,12 +8,13 @@ import { navigateHomeSectionAnchor } from '../lib/scrollToHash'
type CategoryNavItem = NonNullable<MenuItemsQuery['categories'][number]>
export interface HeaderProps {
siteTitle?: string
contacts?: readonly SiteConfigContact[]
solutions?: readonly CategoryNavItem[]
services?: readonly CategoryNavItem[]
}
export function Header({ contacts = [], solutions = [], services = [] }: HeaderProps) {
export function Header({ siteTitle = '', contacts = [], solutions = [], services = [] }: HeaderProps) {
const [isMenuOpen, setIsMenuOpen] = useState(false)
const [isSolutionsOpen, setIsSolutionsOpen] = useState(false)
const [isServicesOpen, setIsServicesOpen] = useState(false)
@@ -25,7 +26,7 @@ export function Header({ contacts = [], solutions = [], services = [] }: HeaderP
<div className="flex items-center justify-between">
<div className="flex items-center gap-12">
<a href="/" className="flex items-center gap-3 group">
<span className="text-2xl text-gray-900 tracking-wide font-bold">SOFTCLICK</span>
<span className="text-2xl text-gray-900 tracking-wide font-bold">{siteTitle}</span>
</a>
<div className="hidden lg:flex items-center gap-8">