From 247c774200d6d72722669e1319bcfa90daafb076 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Tue, 23 Dec 2025 00:32:17 -0500
Subject: [PATCH] feat: add decorative section dividers with gradient and dot
 elements for enhanced visual separation

---
 themes/lucentui/views/home.blade.php | 56 +++++++++++++++++++++++++++-
 1 file changed, 54 insertions(+), 2 deletions(-)

diff --git a/themes/lucentui/views/home.blade.php b/themes/lucentui/views/home.blade.php
index 9aa475ba4..429dd1102 100644
--- a/themes/lucentui/views/home.blade.php
+++ b/themes/lucentui/views/home.blade.php
@@ -119,6 +119,19 @@
         </div>
     </section>
 
+    <!-- Section Divider -->
+    <div class="container mx-auto px-4 py-16">
+        <div class="flex items-center justify-center gap-4">
+            <div class="flex-1 h-px bg-gradient-to-r from-transparent via-neutral/30 to-neutral/50"></div>
+            <div class="flex items-center gap-2">
+                <div class="w-2 h-2 rounded-full bg-primary/50"></div>
+                <div class="w-3 h-3 rounded-full bg-primary"></div>
+                <div class="w-2 h-2 rounded-full bg-primary/50"></div>
+            </div>
+            <div class="flex-1 h-px bg-gradient-to-l from-transparent via-neutral/30 to-neutral/50"></div>
+        </div>
+    </div>
+
     <!-- Services Section - Card Carousel Style -->
     <section id="services" class="py-12 md:py-16">
         <div class="container mx-auto px-4">
@@ -168,8 +181,21 @@
         </div>
     </section>
 
+    <!-- Section Divider -->
+    <div class="container mx-auto px-4 py-16">
+        <div class="flex items-center justify-center gap-4">
+            <div class="flex-1 h-px bg-gradient-to-r from-transparent via-neutral/30 to-neutral/50"></div>
+            <div class="flex items-center gap-2">
+                <div class="w-2 h-2 rounded-full bg-primary/50"></div>
+                <div class="w-3 h-3 rounded-full bg-primary"></div>
+                <div class="w-2 h-2 rounded-full bg-primary/50"></div>
+            </div>
+            <div class="flex-1 h-px bg-gradient-to-l from-transparent via-neutral/30 to-neutral/50"></div>
+        </div>
+    </div>
+
     <!-- Control Panel Features - Modern Bento Layout -->
-    <section id="panel-features" class="pt-6 md:pt-8 pb-12 md:pb-16 relative">
+    <section id="panel-features" class="py-12 md:py-16 relative">
         <div class="container mx-auto px-4">
             <div class="bg-gradient-to-b from-background-secondary/50 to-background-secondary/20 rounded-3xl p-8 md:p-12">
                 <!-- Section Header -->
@@ -529,6 +555,19 @@
         </div>
     </section>
 
+    <!-- Section Divider -->
+    <div class="container mx-auto px-4 py-16">
+        <div class="flex items-center justify-center gap-4">
+            <div class="flex-1 h-px bg-gradient-to-r from-transparent via-neutral/30 to-neutral/50"></div>
+            <div class="flex items-center gap-2">
+                <div class="w-2 h-2 rounded-full bg-primary/50"></div>
+                <div class="w-3 h-3 rounded-full bg-primary"></div>
+                <div class="w-2 h-2 rounded-full bg-primary/50"></div>
+            </div>
+            <div class="flex-1 h-px bg-gradient-to-l from-transparent via-neutral/30 to-neutral/50"></div>
+        </div>
+    </div>
+
     <!-- Infrastructure Features -->
     <section id="features" class="py-12 md:py-16">
         <div class="container mx-auto px-4">
@@ -642,8 +681,21 @@
         </div>
     </section>
 
+    <!-- Section Divider -->
+    <div class="container mx-auto px-4 py-16">
+        <div class="flex items-center justify-center gap-4">
+            <div class="flex-1 h-px bg-gradient-to-r from-transparent via-neutral/30 to-neutral/50"></div>
+            <div class="flex items-center gap-2">
+                <div class="w-2 h-2 rounded-full bg-primary/50"></div>
+                <div class="w-3 h-3 rounded-full bg-primary"></div>
+                <div class="w-2 h-2 rounded-full bg-primary/50"></div>
+            </div>
+            <div class="flex-1 h-px bg-gradient-to-l from-transparent via-neutral/30 to-neutral/50"></div>
+        </div>
+    </div>
+
     <!-- CTA Section - Modern Split Design -->
-    <section class="pt-6 md:pt-8 pb-22 md:pb-26">
+    <section class="py-12 md:py-16">
         <div class="container mx-auto px-4">
             <div class="relative overflow-hidden bg-gradient-to-br from-background-secondary to-background-secondary/80 border border-neutral/30 rounded-3xl">
                 <div class="grid lg:grid-cols-2 gap-0">