diff --git a/src/app/globals.css b/src/app/globals.css index cf39db4..504917b 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -26,36 +26,6 @@ body { overflow-x: hidden; } -/* ===== Decorative side lines (desktop only) ===== */ - -@media (min-width: 1280px) { - body::before, - body::after { - content: ""; - position: fixed; - top: 0; - bottom: 0; - width: 1px; - z-index: 40; - pointer-events: none; - background: linear-gradient( - 180deg, - transparent 0%, - rgba(201, 169, 110, 0.15) 15%, - rgba(201, 169, 110, 0.25) 50%, - rgba(201, 169, 110, 0.15) 85%, - transparent 100% - ); - } - - body::before { - left: clamp(16px, 3vw, 48px); - } - - body::after { - right: clamp(16px, 3vw, 48px); - } -} /* ===== Selection ===== */ diff --git a/src/app/page.tsx b/src/app/page.tsx index 08cb3da..f5bae3c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,6 +10,7 @@ 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"; @@ -29,6 +30,8 @@ export default function HomePage() {
{content?.hero && } +
+ {content?.about && ( } {content?.faq && } {content?.contact && } +
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx index 389186b..7d0d6a3 100644 --- a/src/components/layout/Header.tsx +++ b/src/components/layout/Header.tsx @@ -126,7 +126,7 @@ export function Header() {
diff --git a/src/components/ui/DecorativeLines.tsx b/src/components/ui/DecorativeLines.tsx new file mode 100644 index 0000000..bd85257 --- /dev/null +++ b/src/components/ui/DecorativeLines.tsx @@ -0,0 +1,57 @@ +/** + * Decorative flowing gold lines on both sides of the page. + * Desktop only (hidden below xl). Positioned absolute within a wrapper. + */ +export function DecorativeLines() { + return ( + + ); +}