revert: remove decorative side lines — didn't look right
This commit is contained in:
@@ -10,7 +10,6 @@ import { FAQ } from "@/components/sections/FAQ";
|
|||||||
import { Contact } from "@/components/sections/Contact";
|
import { Contact } from "@/components/sections/Contact";
|
||||||
import { BackToTop } from "@/components/ui/BackToTop";
|
import { BackToTop } from "@/components/ui/BackToTop";
|
||||||
import { FloatingContact } from "@/components/ui/FloatingContact";
|
import { FloatingContact } from "@/components/ui/FloatingContact";
|
||||||
import { DecorativeLines } from "@/components/ui/DecorativeLines";
|
|
||||||
import { Header } from "@/components/layout/Header";
|
import { Header } from "@/components/layout/Header";
|
||||||
import { Footer } from "@/components/layout/Footer";
|
import { Footer } from "@/components/layout/Footer";
|
||||||
import { ClientShell } from "@/components/layout/ClientShell";
|
import { ClientShell } from "@/components/layout/ClientShell";
|
||||||
@@ -30,8 +29,6 @@ export default function HomePage() {
|
|||||||
<Header />
|
<Header />
|
||||||
<main id="main-content">
|
<main id="main-content">
|
||||||
{content?.hero && <Hero data={content.hero} />}
|
{content?.hero && <Hero data={content.hero} />}
|
||||||
<div className="relative">
|
|
||||||
<DecorativeLines />
|
|
||||||
{content?.about && (
|
{content?.about && (
|
||||||
<About
|
<About
|
||||||
data={content.about}
|
data={content.about}
|
||||||
@@ -51,7 +48,6 @@ export default function HomePage() {
|
|||||||
{content?.news && <News data={content.news} />}
|
{content?.news && <News data={content.news} />}
|
||||||
{content?.faq && <FAQ data={content.faq} />}
|
{content?.faq && <FAQ data={content.faq} />}
|
||||||
{content?.contact && <Contact data={content.contact} />}
|
{content?.contact && <Contact data={content.contact} />}
|
||||||
</div>
|
|
||||||
<BackToTop />
|
<BackToTop />
|
||||||
<FloatingContact />
|
<FloatingContact />
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -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>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user