diana.dolgolyova/blackheart-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: BLACK HEART DANCE HOUSE landing page

Browse Source 
Landing page with Hero, About, Team, Classes, and Contact sections.
Light/dark mode, scroll reveal animations, Yandex Maps, responsive design.
Next.js 16 + Tailwind v4 + TypeScript.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Diana Dolgolyova
2026-03-04 17:32:45 +03:00
parent 0588f3fd95
commit f263765597
35 changed files with 5542 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/layout.tsx
View File

@@ -1,33 +1,57 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import { Inter, Oswald } from "next/font/google";
import { Header } from "@/components/layout/Header";
import { Footer } from "@/components/layout/Footer";
import { siteContent } from "@/data/content";
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
const inter = Inter({
variable: "--font-inter",
subsets: ["latin", "cyrillic"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
const oswald = Oswald({
variable: "--font-oswald",
subsets: ["latin", "cyrillic"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
title: siteContent.meta.title,
description: siteContent.meta.description,
openGraph: {
title: "BLACK HEART DANCE HOUSE",
description: siteContent.meta.description,
locale: "ru_RU",
type: "website",
},
};
const themeScript = `
(function() {
var stored = localStorage.getItem('theme');
var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
if (stored === 'dark' || (!stored && prefersDark)) {
document.documentElement.classList.add('dark');
}
})();
`;
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<html lang="ru" suppressHydrationWarning>
<head>
<script dangerouslySetInnerHTML={{ __html: themeScript }} />
</head>
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
className={`${inter.variable} ${oswald.variable} surface-base font-sans antialiased`}
>
{children}
<Header />
<main className="pt-16">{children}</main>
<Footer />
</body>
</html>
);