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

revert: remove decorative side lines — didn't look right

Browse Source
This commit is contained in:
Diana Dolgolyova
2026-04-12 16:03:08 +03:00
parent b738976111
commit a832af9344
2 changed files with 0 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/page.tsx
-4
View File
@@ -10,7 +10,6 @@ import { FAQ } from "@/components/sections/FAQ";
import { Contact } from "@/components/sections/Contact";
import { BackToTop } from "@/components/ui/BackToTop";
import { FloatingContact } from "@/components/ui/FloatingContact";
import { DecorativeLines } from "@/components/ui/DecorativeLines";
import { Header } from "@/components/layout/Header";
import { Footer } from "@/components/layout/Footer";
import { ClientShell } from "@/components/layout/ClientShell";
@@ -30,8 +29,6 @@ export default function HomePage() {
<Header />
<main id="main-content">
{content?.hero && <Hero data={content.hero} />}
<div className="relative">
<DecorativeLines />
{content?.about && (
<About
data={content.about}
@@ -51,7 +48,6 @@ export default function HomePage() {
{content?.news && <News data={content.news} />}
{content?.faq && <FAQ data={content.faq} />}
{content?.contact && <Contact data={content.contact} />}
</div>
<BackToTop />
<FloatingContact />
</main>
src/components/ui/DecorativeLines.tsx
-57
View File
@@ -1,57 +0,0 @@
/**
* Decorative flowing gold lines on both sides of the page.
* Desktop only (hidden below xl). Positioned absolute within a wrapper.
*/
export function DecorativeLines() {
return (
<div className="pointer-events-none absolute inset-0 overflow-hidden hidden xl:block" aria-hidden="true">
{/* Left line */}
<svg
className="absolute left-[2vw] top-0 h-full w-16"
viewBox="0 0 60 2000"
preserveAspectRatio="none"
fill="none"
>
<path
d="M30 0 C45 120, 15 250, 35 400 S10 550, 30 700 S50 850, 25 1000 S5 1150, 35 1300 S55 1450, 30 1600 S10 1750, 30 2000"
stroke="url(#goldGradientL)"
strokeWidth="0.8"
strokeLinecap="round"
/>
<defs>
<linearGradient id="goldGradientL" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stopColor="rgb(201,169,110)" stopOpacity="0" />
<stop offset="10%" stopColor="rgb(201,169,110)" stopOpacity="0.15" />
<stop offset="50%" stopColor="rgb(201,169,110)" stopOpacity="0.25" />
<stop offset="90%" stopColor="rgb(201,169,110)" stopOpacity="0.15" />
<stop offset="100%" stopColor="rgb(201,169,110)" stopOpacity="0" />
</linearGradient>
</defs>
</svg>
{/* Right line */}
<svg
className="absolute right-[2vw] top-0 h-full w-16"
viewBox="0 0 60 2000"
preserveAspectRatio="none"
fill="none"
>
<path
d="M30 0 C10 150, 50 300, 25 450 S45 600, 30 750 S5 900, 35 1050 S55 1200, 25 1400 S10 1550, 30 1700 S50 1850, 30 2000"
stroke="url(#goldGradientR)"
strokeWidth="0.8"
strokeLinecap="round"
/>
<defs>
<linearGradient id="goldGradientR" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stopColor="rgb(201,169,110)" stopOpacity="0" />
<stop offset="10%" stopColor="rgb(201,169,110)" stopOpacity="0.15" />
<stop offset="50%" stopColor="rgb(201,169,110)" stopOpacity="0.25" />
<stop offset="90%" stopColor="rgb(201,169,110)" stopOpacity="0.15" />
<stop offset="100%" stopColor="rgb(201,169,110)" stopOpacity="0" />
</linearGradient>
</defs>
</svg>
</div>
);
}