gahusb
6c74b2cc93
- globals.css: --kx-* 토큰(서피스 4단계, 네온 퍼플/시안), Space Grotesk/Inter/Manrope
도입(next/font), 글래스·글로우·폴더 컨테이너·버튼 유틸 클래스
- app/page.tsx v5: 워크스페이스형 대시보드(헤더+Engine Status 패널+Launch Pads
그리드+Credibility Monitor+Final CTA), Stitch "Kinetic Ether" 참조
- "7년차 대기업 백엔드" 카피 전역 교체(현직 엔지니어/실무 엔지니어)
- /services/music 히어로 레이블·디스플레이 폰트 토큰 정합
참조: Downloads/stitch_ai_mv/{sonicai_main_landing_page, aether_forge, ...}
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
132 lines
5.3 KiB
TypeScript
132 lines
5.3 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Script from "next/script";
|
|
import { Space_Grotesk, Inter, Manrope } from "next/font/google";
|
|
import "./globals.css";
|
|
import DashboardShell from "./components/DashboardShell";
|
|
|
|
const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: "--font-kx-display", display: "swap" });
|
|
const inter = Inter({ subsets: ["latin"], variable: "--font-kx-body", display: "swap" });
|
|
const manrope = Manrope({ subsets: ["latin"], variable: "--font-kx-label", display: "swap" });
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
default: "쟁승메이드 | AI 프롬프트 · 업무 자동화 · 사주 분석",
|
|
template: "%s | 쟁승메이드",
|
|
},
|
|
description:
|
|
"AI 음악·뮤비 구조 설계 팩, 블로그 자동화 팩, AI 사주 분석까지. 현직 엔지니어가 직접 설계·운영하는 AI 크리에이티브 스토어. 29,000원부터.",
|
|
keywords: [
|
|
"AI 프롬프트",
|
|
"ChatGPT 프롬프트",
|
|
"업무 자동화",
|
|
"AI 사주",
|
|
"AI 자동화 키트",
|
|
"프롬프트 엔지니어링",
|
|
"엑셀 자동화",
|
|
"외주 개발",
|
|
"홈페이지 제작",
|
|
],
|
|
authors: [{ name: "박재오", url: "https://jaengseung-made.com" }],
|
|
creator: "박재오",
|
|
openGraph: {
|
|
type: "website",
|
|
locale: "ko_KR",
|
|
url: "https://jaengseung-made.com",
|
|
siteName: "쟁승메이드",
|
|
title: "쟁승메이드 | AI 프롬프트 · 업무 자동화 · 사주 분석",
|
|
description:
|
|
"AI 음악 구조 설계 팩, 블로그 자동화 팩, AI 사주 분석. 현직 엔지니어가 만든 AI 크리에이티브 스토어.",
|
|
images: [
|
|
{
|
|
url: "https://jaengseung-made.com/og-image.png",
|
|
width: 1200,
|
|
height: 630,
|
|
alt: "쟁승메이드 — AI 프롬프트 · 자동화 스토어",
|
|
},
|
|
],
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: "쟁승메이드 | AI 프롬프트 · 업무 자동화 · 사주 분석",
|
|
description: "AI 프롬프트 9,900원~, 업무 자동화, 무료 AI 사주 분석.",
|
|
},
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
googleBot: { index: true, follow: true },
|
|
},
|
|
};
|
|
|
|
const jsonLd = {
|
|
'@context': 'https://schema.org',
|
|
'@graph': [
|
|
{
|
|
'@type': 'Person',
|
|
'@id': 'https://jaengseung-made.com/#person',
|
|
name: '박재오',
|
|
url: 'https://jaengseung-made.com',
|
|
jobTitle: '백엔드 개발자 · AI 자동화 전문가',
|
|
worksFor: { '@type': 'Organization', name: '대기업 재직 중' },
|
|
email: 'bgg8988@gmail.com',
|
|
telephone: '010-3907-1392',
|
|
knowsAbout: ['Python', 'Java', 'Spring Boot', 'Next.js', 'AI 프롬프트', 'AI 자동화', '업무 자동화', 'ChatGPT', 'Claude'],
|
|
description: '현직 엔지니어. AI 음악 구조 설계 팩, 블로그 자동화 팩, AI 사주 분석 등 AI 크리에이티브 도구를 직접 개발·운영합니다.',
|
|
},
|
|
{
|
|
'@type': 'LocalBusiness',
|
|
'@id': 'https://jaengseung-made.com/#business',
|
|
name: '쟁승메이드',
|
|
url: 'https://jaengseung-made.com',
|
|
description: 'AI 음악 작곡·뮤비 구조 설계 팩, 블로그 자동화 팩, AI 사주 분석. 현직 엔지니어가 직접 설계·운영하는 AI 크리에이티브 스토어.',
|
|
email: 'bgg8988@gmail.com',
|
|
telephone: '010-3907-1392',
|
|
priceRange: '₩',
|
|
areaServed: '대한민국',
|
|
hasOfferCatalog: {
|
|
'@type': 'OfferCatalog',
|
|
name: '쟁승메이드 AI 도구 · 서비스',
|
|
itemListElement: [
|
|
{ '@type': 'Offer', itemOffered: { '@type': 'Product', name: 'AI 음악 마스터 구조 팩', url: 'https://jaengseung-made.com/services/music', description: 'Suno 프롬프트 + MV 워크플로우 + 저작권 가이드 + 템플릿 PDF + 샘플 프로젝트. 4단계 AI 음악 제작 공정.' } },
|
|
{ '@type': 'Offer', itemOffered: { '@type': 'Product', name: '블로그 자동화 솔루션 팩', url: 'https://jaengseung-made.com/services/blog', description: '쿠팡파트너스·애드포스트 수익화 프롬프트 조합법 + 구조 템플릿 PDF + 샘플.' } },
|
|
{ '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'AI 사주 분석', url: 'https://jaengseung-made.com/saju', description: '생년월일 기반 AI 사주팔자 분석. 무료 체험 가능.' } },
|
|
],
|
|
},
|
|
},
|
|
],
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="ko" className={`${spaceGrotesk.variable} ${inter.variable} ${manrope.variable}`}>
|
|
<head>
|
|
<script
|
|
type="application/ld+json"
|
|
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
|
|
/>
|
|
<Script
|
|
src="https://www.googletagmanager.com/gtag/js?id=G-WG77RNHXRK"
|
|
strategy="afterInteractive"
|
|
/>
|
|
<Script id="google-analytics" strategy="afterInteractive">
|
|
{`
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-WG77RNHXRK', {
|
|
send_page_view: true,
|
|
custom_map: { dimension1: 'service_type' }
|
|
});
|
|
`}
|
|
</Script>
|
|
</head>
|
|
<body className="antialiased">
|
|
<DashboardShell>{children}</DashboardShell>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|