Update src/app/page.tsx

Merge version_16 into main

src/app/page.tsx

@@ -139,22 +139,71 @@ export default function LandingPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="light"
     >
-      {/* Decorative Vertical Border/Divider with Gold Accents */}
+      {/* Decorative Squiggly Curved Lines 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">
+      <svg
-        {/* Main vertical line with gradient */}
+        className="fixed inset-0 pointer-events-none z-0 w-full h-full"
-        <div className="absolute left-0 top-0 w-full h-full bg-gradient-to-b from-transparent via-[#D4AF37] to-transparent opacity-40" />
+        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 */}
+        {/* Line 1 - Main centerline */}
-        <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" />
+        <path
-        <div className="absolute left-1/2 transform -translate-x-1/2 top-[20%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-50" />
+          d="M 0 0 Q 200 150, 300 250 T 600 500 T 900 700 T 1200 850 T 1920 1080"
-        <div className="absolute left-1/2 transform -translate-x-1/2 top-[30%] w-2 h-2 rounded-full bg-[#D4AF37] opacity-45" />
+          stroke="#D4AF37"
-        <div className="absolute left-1/2 transform -translate-x-1/2 top-[40%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-55" />
+          strokeWidth="3"
-        <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" />
+          fill="none"
-        <div className="absolute left-1/2 transform -translate-x-1/2 top-[60%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-55" />
+          strokeLinecap="round"
-        <div className="absolute left-1/2 transform -translate-x-1/2 top-[70%] w-2 h-2 rounded-full bg-[#D4AF37] opacity-45" />
+          strokeLinejoin="round"
-        <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 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
@@ -183,7 +232,7 @@ export default function LandingPage() {
 
       <div id="nav" data-section="nav" className="relative z-20">
         <NavbarStyleCentered
-          brandName="Irentall"
+          brandName="Irentall "
           navItems={[
             { name: "Home", id: "home" },
             { name: "About", id: "about" },
@@ -560,4 +609,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}