From 9cf09b68940316327052cec79dda22a41acddc0d Mon Sep 17 00:00:00 2001 From: "diana.dolgolyova" Date: Mon, 9 Mar 2026 23:30:10 +0300 Subject: [PATCH] feat: dark luxury redesign with black heart branding Complete visual overhaul: dark-only mode, rose/crimson accent system, glassmorphism header, animated hero with floating hearts and glow orbs, photo-backed cards, infinite team carousel with drag support, redesigned modals with hero images, black heart logo with rose glow silhouette. Co-Authored-By: Claude Opus 4.6 --- src/app/globals.css | 14 +- src/app/layout.tsx | 19 +-- src/app/styles/animations.css | 164 ++++++++++++++++++++-- src/app/styles/components.css | 55 ++++---- src/app/styles/theme.css | 28 ++-- src/components/layout/Footer.tsx | 15 +- src/components/layout/Header.tsx | 76 ++++++++--- src/components/sections/About.tsx | 14 +- src/components/sections/Classes.tsx | 62 +++++++-- src/components/sections/Contact.tsx | 56 +++++--- src/components/sections/Hero.tsx | 92 +++++++++++-- src/components/sections/Team.tsx | 188 ++++++++++++++++++++++---- src/components/ui/ClassModal.tsx | 105 ++++++++------ src/components/ui/FloatingHearts.tsx | 50 +++++++ src/components/ui/SectionHeading.tsx | 2 +- src/components/ui/TeamMemberModal.tsx | 66 ++++----- 16 files changed, 762 insertions(+), 244 deletions(-) create mode 100644 src/components/ui/FloatingHearts.tsx diff --git a/src/app/globals.css b/src/app/globals.css index bfb81d3..3947432 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -16,6 +16,17 @@ html { scroll-behavior: smooth; } +body { + overflow-x: hidden; +} + +/* ===== Selection ===== */ + +::selection { + background-color: rgba(225, 29, 72, 0.3); + color: inherit; +} + @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; @@ -32,6 +43,5 @@ html { /* ===== Focus ===== */ :focus-visible { - @apply outline-2 outline-offset-2 outline-neutral-900; - @apply dark:outline-white; + @apply outline-2 outline-offset-2 outline-rose-500; } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 8c33a61..e961cba 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -26,31 +26,18 @@ export const metadata: Metadata = { }, }; -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 ( - - -