From 57c9b041a591175ea94e0e8f45e0c620685110a8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 16:24:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 188 ++++++++++++-----------------------------------
 1 file changed, 48 insertions(+), 140 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5b5846e..7f2ff73 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Search, LayoutGrid, Filter, Edit3 } from 'lucide-react';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -31,57 +32,37 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Dashboard",
-          id: "dashboard",
-        },
+          name: "Dashboard",          id: "dashboard"},
         {
-          name: "Templates",
-          id: "templates",
-        },
+          name: "Templates",          id: "templates"},
         {
-          name: "Add",
-          id: "add",
-        },
+          name: "Add",          id: "add"},
         {
-          name: "Stats",
-          id: "stats",
-        },
+          name: "Stats",          id: "stats"},
       ]}
       brandName="VaultLocal"
       button={{
-        text: "Open File",
-      }}
+        text: "Open File"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       title="Absolute Data Privacy. Locally Managed."
       description="Your passwords remain entirely yours. Everything stored in password.json, accessible offline, and encrypted by design. Zero cloud exposure."
       mediaItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y0sbv7&_wi=1",
-          imageAlt: "secure digital vault interface dark mode",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y0sbv7",          imageAlt: "secure digital vault interface dark mode"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zm0z8n&_wi=1",
-          imageAlt: "data visualization dashboard dark theme",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zm0z8n",          imageAlt: "data visualization dashboard dark theme"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0d5su1&_wi=1",
-          imageAlt: "secure digital vault interface dark mode",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0d5su1",          imageAlt: "secure digital vault interface dark mode"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xj4rfe&_wi=1",
-          imageAlt: "data visualization dashboard dark theme",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xj4rfe",          imageAlt: "data visualization dashboard dark theme"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oyoad4&_wi=1",
-          imageAlt: "secure digital vault interface dark mode",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oyoad4",          imageAlt: "secure digital vault interface dark mode"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -93,33 +74,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Account Search",
-          description: "Rapidly locate credentials using real-time search.",
-          buttonIcon: "Search",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oyoad4&_wi=2",
-          imageAlt: "secure digital vault interface dark mode",
-        },
+          title: "Account Search",          description: "Rapidly locate credentials using real-time search.",          buttonIcon: Search,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oyoad4",          imageAlt: "secure digital vault interface dark mode"},
         {
-          title: "Layout View",
-          description: "Toggle between table, card, or list layouts.",
-          buttonIcon: "LayoutGrid",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y0sbv7&_wi=2",
-          imageAlt: "secure digital vault interface dark mode",
-        },
+          title: "Layout View",          description: "Toggle between table, card, or list layouts.",          buttonIcon: LayoutGrid,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y0sbv7",          imageAlt: "secure digital vault interface dark mode"},
         {
-          title: "Data Filtering",
-          description: "Organize accounts by custom category tags.",
-          buttonIcon: "Filter",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zm0z8n&_wi=2",
-          imageAlt: "secure digital vault interface dark mode",
-        },
+          title: "Data Filtering",          description: "Organize accounts by custom category tags.",          buttonIcon: Filter,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zm0z8n",          imageAlt: "secure digital vault interface dark mode"},
         {
-          title: "Batch Edit",
-          description: "Perform bulk modifications with ease.",
-          buttonIcon: "Edit3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0d5su1&_wi=2",
-          imageAlt: "secure digital vault interface dark mode",
-        },
+          title: "Batch Edit",          description: "Perform bulk modifications with ease.",          buttonIcon: Edit3,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0d5su1",          imageAlt: "secure digital vault interface dark mode"},
       ]}
       title="Account Dashboard"
       description="Manage your saved login credentials, view your categories, and organize data in your local vault."
@@ -136,23 +101,11 @@ export default function LandingPage() {
       description="Define custom field structures for your various account types, including Gmail, Telegram, and more."
       products={[
         {
-          id: "t1",
-          brand: "Personal",
-          name: "Web Login",
-          price: "Standard",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x9twur",
-        },
+          id: "t1",          brand: "Personal",          name: "Web Login",          price: "Standard",          rating: 5,
+          reviewCount: "120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x9twur"},
         {
-          id: "t2",
-          brand: "Social",
-          name: "App Credentials",
-          price: "Extended",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y0sbv7&_wi=3",
-        },
+          id: "t2",          brand: "Social",          name: "App Credentials",          price: "Extended",          rating: 5,
+          reviewCount: "85",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y0sbv7"},
       ]}
     />
   </div>
@@ -164,15 +117,11 @@ export default function LandingPage() {
       description="Switch themes to fit your style: Light, Classic Dark, Dark Blue, or custom themes for better focus."
       metrics={[
         {
-          value: "7",
-          title: "Available Themes",
-        },
+          value: "7",          title: "Available Themes"},
         {
-          value: "100%",
-          title: "Local Storage Only",
-        },
+          value: "100%",          title: "Local Storage Only"},
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0d5su1&_wi=3"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0d5su1"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -185,32 +134,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "password.json",
-          title: "Active File",
-          items: [
-            "Open File",
-            "Path Verified",
-          ],
+          id: "m1",          value: "password.json",          title: "Active File",          items: [
+            "Open File",            "Path Verified"],
         },
         {
-          id: "m2",
-          value: "12",
-          title: "Categories",
-          items: [
-            "Gmail",
-            "Instagram",
-            "Telegram",
-          ],
+          id: "m2",          value: "12",          title: "Categories",          items: [
+            "Gmail",            "Instagram",            "Telegram"],
         },
         {
-          id: "m3",
-          value: "128",
-          title: "Total Accounts",
-          items: [
-            "Synced locally",
-            "Encrypted",
-          ],
+          id: "m3",          value: "128",          title: "Total Accounts",          items: [
+            "Synced locally",            "Encrypted"],
         },
       ]}
       title="Vault Statistics"
@@ -224,25 +157,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Where is my data stored?",
-          content: "Only in the local password.json file. No cloud servers.",
-        },
+          id: "q1",          title: "Where is my data stored?",          content: "Only in the local password.json file. No cloud servers."},
         {
-          id: "q2",
-          title: "How to create a file?",
-          content: "Use the Open/Create File button on startup.",
-        },
+          id: "q2",          title: "How to create a file?",          content: "Use the Open/Create File button on startup."},
         {
-          id: "q3",
-          title: "Is it secure?",
-          content: "Absolute security via local-only file access and offline operation.",
-        },
+          id: "q3",          title: "Is it secure?",          content: "Absolute security via local-only file access and offline operation."},
       ]}
       title="FAQ & Privacy"
       description="How to keep your data secure."
       faqsAnimation="blur-reveal"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xj4rfe&_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xj4rfe"
       mediaAnimation="blur-reveal"
     />
   </div>
@@ -251,13 +175,12 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Add Account"
       title="Enter Credentials"
       description="Automatically load your template and securely save your new account record."
       buttonText="Save Account"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zm0z8n&_wi=3"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zm0z8n"
       mediaAnimation="slide-up"
     />
   </div>
@@ -266,42 +189,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Menu",
-          items: [
+          title: "Menu",          items: [
             {
-              label: "Dashboard",
-              href: "#dashboard",
-            },
+              label: "Dashboard",              href: "#dashboard"},
             {
-              label: "Add Account",
-              href: "#add",
-            },
+              label: "Add Account",              href: "#add"},
           ],
         },
         {
-          title: "App",
-          items: [
+          title: "App",          items: [
             {
-              label: "Themes",
-              href: "#themes",
-            },
+              label: "Themes",              href: "#themes"},
             {
-              label: "Stats",
-              href: "#stats",
-            },
+              label: "Stats",              href: "#stats"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}