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

feat: Instagram data sync, gold accent, SVG logo, FAQ & Pricing sections

Browse Source 
- Sync all content from Instagram: fix addresses, trainer names, add 5 new
  trainers, remove 2 inactive, update class descriptions
- Add FAQ section (11 Q&A items) and Pricing section (tabs: subscriptions,
  rental, rules)
- Redesign with editorial magazine feel: centered headings, generous spacing,
  section glow effects, glassmorphism cards
- Migrate entire accent palette from rose to warm gold (#c9a96e)
- Replace low-res PNG logo with vector SVG traced via potrace — crisp at any
  size, animated gradient (black↔gold), heartbeat pulse animation
- Make header brand name gold

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Diana Dolgolyova
2026-03-10 00:45:50 +03:00
parent 9cf09b6894
commit a75922c730
25 changed files with 614 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/app/styles/components.css
View File

@@ -8,14 +8,14 @@
}
.nav-link-active {
@apply text-rose-600;
@apply dark:text-rose-400;
@apply text-[#a08050];
@apply dark:text-[#d4b87a];
}
.social-icon {
@apply text-neutral-400 transition-all duration-300;
@apply hover:text-rose-600;
@apply dark:text-neutral-500 dark:hover:text-rose-400;
@apply hover:text-[#a08050];
@apply dark:text-neutral-500 dark:hover:text-[#d4b87a];
}
/* ===== Cards ===== */
@@ -23,35 +23,35 @@
.card {
@apply rounded-2xl border p-6 transition-all duration-500 cursor-pointer;
@apply border-neutral-200 bg-white;
@apply hover:border-rose-200 hover:shadow-lg;
@apply dark:border-white/[0.06] dark:bg-white/[0.02];
@apply dark:hover:border-rose-500/20 dark:hover:bg-white/[0.04];
@apply dark:hover:shadow-[0_0_30px_rgba(225,29,72,0.08)];
@apply hover:border-[#c9a96e]/30 hover:shadow-lg;
@apply dark:border-white/[0.08] dark:bg-[#111];
@apply dark:hover:border-[#c9a96e]/25 dark:hover:bg-[#151515];
@apply dark:hover:shadow-[0_0_30px_rgba(201,169,110,0.06)];
}
/* ===== Buttons ===== */
.btn-primary {
@apply inline-flex items-center justify-center font-semibold rounded-full transition-all duration-300 cursor-pointer;
@apply bg-rose-600 text-white;
@apply hover:bg-rose-500 hover:shadow-[0_0_30px_rgba(225,29,72,0.4)];
@apply dark:bg-rose-600 dark:text-white;
@apply dark:hover:bg-rose-500 dark:hover:shadow-[0_0_30px_rgba(225,29,72,0.4)];
@apply bg-[#c9a96e] text-black;
@apply hover:bg-[#d4b87a] hover:shadow-[0_0_30px_rgba(201,169,110,0.35)];
@apply dark:bg-[#c9a96e] dark:text-black;
@apply dark:hover:bg-[#d4b87a] dark:hover:shadow-[0_0_30px_rgba(201,169,110,0.35)];
}
.btn-outline {
@apply inline-flex items-center justify-center font-semibold rounded-full transition-all duration-300 cursor-pointer;
@apply border border-rose-600 text-rose-600;
@apply hover:bg-rose-600 hover:text-white;
@apply dark:border-rose-500 dark:text-rose-400;
@apply dark:hover:bg-rose-500 dark:hover:text-white;
@apply border border-[#c9a96e] text-[#a08050];
@apply hover:bg-[#c9a96e] hover:text-black;
@apply dark:border-[#c9a96e] dark:text-[#d4b87a];
@apply dark:hover:bg-[#c9a96e] dark:hover:text-black;
}
.btn-ghost {
@apply inline-flex items-center justify-center font-medium rounded-full transition-all duration-300 cursor-pointer;
@apply text-neutral-600;
@apply hover:text-rose-600;
@apply dark:text-neutral-400 dark:hover:text-rose-400;
@apply hover:text-[#a08050];
@apply dark:text-neutral-400 dark:hover:text-[#d4b87a];
}
/* ===== Scrollbar ===== */
@@ -81,6 +81,6 @@
}
.contact-icon {
@apply shrink-0 text-rose-600;
@apply dark:text-rose-400;
@apply shrink-0 text-[#a08050];
@apply dark:text-[#d4b87a];
}