bender/6f6c5e78-9ee1-4bdb-b92e-e19a18b28169
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-19 06:15:03 +00:00
parent 35c9cd39b9
commit dd69bdcbb8
1 changed files with 65 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/app/page.tsx
View File

@@ -139,22 +139,71 @@ export default function LandingPage() {
secondaryButtonStyle="glass"
headingFontWeight="light"
>
{/* Decorative Vertical Border/Divider with Gold Accents */}
<div className="fixed left-1/2 transform -translate-x-1/2 top-0 w-px h-screen pointer-events-none z-0">
{/* Main vertical line with gradient */}
<div className="absolute left-0 top-0 w-full h-full bg-gradient-to-b from-transparent via-[#D4AF37] to-transparent opacity-40" />
{/* Decorative Squiggly Curved Lines with Gold Accents */}
<svg
className="fixed inset-0 pointer-events-none z-0 w-full h-full"
viewBox="0 0 1920 1080"
preserveAspectRatio="none"
style={{
opacity: 0.6,
}}
>
{/* Multiple squiggly curved lines flowing diagonally from top-left to bottom-right */}
{/* Gold accent dots distributed throughout */}
<div className="absolute left-1/2 transform -translate-x-1/2 top-[10%] w-1.5 h-1.5 rounded-full bg-[#D4AF37] opacity-60" />
<div className="absolute left-1/2 transform -translate-x-1/2 top-[20%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-50" />
<div className="absolute left-1/2 transform -translate-x-1/2 top-[30%] w-2 h-2 rounded-full bg-[#D4AF37] opacity-45" />
<div className="absolute left-1/2 transform -translate-x-1/2 top-[40%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-55" />
<div className="absolute left-1/2 transform -translate-x-1/2 top-[50%] w-1.5 h-1.5 rounded-full bg-[#D4AF37] opacity-50" />
<div className="absolute left-1/2 transform -translate-x-1/2 top-[60%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-55" />
<div className="absolute left-1/2 transform -translate-x-1/2 top-[70%] w-2 h-2 rounded-full bg-[#D4AF37] opacity-45" />
<div className="absolute left-1/2 transform -translate-x-1/2 top-[80%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-60" />
<div className="absolute left-1/2 transform -translate-x-1/2 top-[90%] w-1.5 h-1.5 rounded-full bg-[#D4AF37] opacity-50" />
</div>
{/* Line 1 - Main centerline */}
<path
d="M 0 0 Q 200 150, 300 250 T 600 500 T 900 700 T 1200 850 T 1920 1080"
stroke="#D4AF37"
strokeWidth="3"
fill="none"
strokeLinecap="round"
strokeLinejoin="round"
/>
{/* Line 2 - Left offset */}
<path
d="M -150 50 Q 100 180, 200 300 T 500 550 T 800 750 T 1100 900 T 1700 1050"
stroke="#D4AF37"
strokeWidth="2.5"
fill="none"
strokeLinecap="round"
strokeLinejoin="round"
opacity="0.7"
/>
{/* Line 3 - Right offset */}
<path
d="M 150 -20 Q 350 120, 480 220 T 800 480 T 1100 680 T 1350 850 T 1920 1000"
stroke="#D4AF37"
strokeWidth="2"
fill="none"
strokeLinecap="round"
strokeLinejoin="round"
opacity="0.65"
/>
{/* Line 4 - Far left */}
<path
d="M -300 100 Q -50 250, 80 350 T 400 600 T 700 800 T 950 950 T 1450 1080"
stroke="#D4AF37"
strokeWidth="2"
fill="none"
strokeLinecap="round"
strokeLinejoin="round"
opacity="0.55"
/>
{/* Line 5 - Far right */}
<path
d="M 300 20 Q 500 160, 650 280 T 950 520 T 1250 720 T 1550 900 T 1920 1080"
stroke="#D4AF37"
strokeWidth="1.5"
fill="none"
strokeLinecap="round"
strokeLinejoin="round"
opacity="0.5"
/>
</svg>
{/* Fixed "Go to Dresses" Button */}
<button
@@ -560,4 +609,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}