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

59
src/app/styles/components.css Normal file
View File

@@ -0,0 +1,59 @@
/* ===== Navigation ===== */
.nav-link {
@apply text-sm font-medium text-neutral-600 transition-colors duration-200;
@apply hover:text-neutral-900;
@apply dark:text-neutral-400 dark:hover:text-white;
}
.social-icon {
@apply text-neutral-500 transition-colors duration-200;
@apply hover:text-neutral-900;
@apply dark:text-neutral-400 dark:hover:text-white;
}
/* ===== Cards ===== */
.card {
@apply rounded-2xl border p-6 transition-all duration-200 cursor-pointer;
@apply border-neutral-200 bg-neutral-50;
@apply hover:border-neutral-400 hover:shadow-lg;
@apply dark:border-neutral-800 dark:bg-neutral-900;
@apply dark:hover:border-neutral-600;
}
/* ===== Buttons ===== */
.btn-primary {
@apply inline-flex items-center justify-center font-medium rounded-full transition-colors duration-200 cursor-pointer;
@apply bg-neutral-900 text-white;
@apply hover:bg-neutral-700;
@apply dark:bg-white dark:text-neutral-900;
@apply dark:hover:bg-neutral-200;
}
.btn-outline {
@apply inline-flex items-center justify-center font-medium rounded-full transition-colors duration-200 cursor-pointer;
@apply border border-neutral-900 text-neutral-900;
@apply hover:bg-neutral-900 hover:text-white;
@apply dark:border-white dark:text-white;
@apply dark:hover:bg-white dark:hover:text-neutral-900;
}
.btn-ghost {
@apply inline-flex items-center justify-center font-medium rounded-full transition-colors duration-200 cursor-pointer;
@apply text-neutral-600;
@apply hover:text-neutral-900;
@apply dark:text-neutral-400 dark:hover:text-white;
}
/* ===== Contact ===== */
.contact-item {
@apply flex items-center gap-4;
}
.contact-icon {
@apply shrink-0 text-neutral-900;
@apply dark:text-neutral-50;
}