Joseph.Rawlings/Virtnet.bond
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: add decorative section dividers with gradient and dot elements for enhanced visual separation

Browse Source
This commit is contained in:
Joseph.Rawlings
2025-12-23 00:32:17 -05:00
parent ef846083a5
commit 247c774200
1 changed files with 54 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
themes/lucentui/views/home.blade.php
View File

@@ -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">