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

feat: dark luxury redesign with black heart branding

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Diana Dolgolyova
2026-03-09 23:30:10 +03:00
parent 1f6e314af6
commit 9cf09b6894
16 changed files with 762 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/layout/Footer.tsx
View File

@@ -1,17 +1,20 @@
import { BRAND } from "@/lib/constants";
import { siteContent } from "@/data/content";
import { SocialLinks } from "@/components/ui/SocialLinks";
import { Heart } from "lucide-react";
export function Footer() {
const { contact } = siteContent;
const year = new Date().getFullYear();
return (
<footer className="surface-muted theme-border border-t">
<div className="section-container flex flex-col items-center gap-4 py-8 sm:flex-row sm:justify-between">
<p className="muted-text text-sm">
<footer className="relative border-t border-neutral-200 bg-neutral-100 dark:border-white/[0.06] dark:bg-[#050505]">
<div className="section-divider absolute top-0 left-0 right-0" />
<div className="section-container flex flex-col items-center gap-4 py-10 sm:flex-row sm:justify-between">
<p className="text-sm text-neutral-500">
&copy; {year} {BRAND.name}
</p>
<div className="flex items-center gap-1.5 text-sm text-neutral-500">
<span>Made with</span>
<Heart size={14} className="fill-rose-500 text-rose-500" />
</div>
</div>
</footer>
);