From 012f61312eae9f29282fe7054bcbe624430a9f9c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 20:00:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 191 ++++++++++-------------------------------------
 1 file changed, 40 insertions(+), 151 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c8c60a7..b0c2644 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,74 +31,43 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="VaultGuard"
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="VaultGuard: AI Password Generation"
       description="Generate high-security passwords that banks trust. Instant, secure, and ready for your most critical accounts."
       buttons={[
         {
-          text: "Start Generating",
-          href: "#product",
-        },
+          text: "Start Generating",          href: "#product"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165599.jpg",
-          imageAlt: "AI Security Dashboard",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165599.jpg",          imageAlt: "AI Security Dashboard"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-hand-cursor-green-password-bar_107791-16566.jpg",
-          imageAlt: "Bank-Grade Encryption",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-hand-cursor-green-password-bar_107791-16566.jpg",          imageAlt: "Bank-Grade Encryption"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-lock-with-password-keyboard_23-2148578100.jpg",
-          imageAlt: "Secure Generation Interface",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-lock-with-password-keyboard_23-2148578100.jpg",          imageAlt: "Secure Generation Interface"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
-          imageAlt: "High Tech Protection",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",          imageAlt: "High Tech Protection"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management-illustration_23-2148609718.jpg",
-          imageAlt: "Advanced Security UI",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management-illustration_23-2148609718.jpg",          imageAlt: "Advanced Security UI"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-monitor-login-screen_107791-16390.jpg",
-          imageAlt: "Modern Vault Interface",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-monitor-login-screen_107791-16390.jpg",          imageAlt: "Modern Vault Interface"},
       ]}
     />
   </div>
@@ -110,26 +79,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Bank-Grade Entropy",
-          description: "Passwords that meet the strictest banking security standards globally.",
-          tag: "Secure",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-padlock-protection-concept_23-2152004113.jpg",
-        },
+          id: "f1",          title: "Bank-Grade Entropy",          description: "Passwords that meet the strictest banking security standards globally.",          tag: "Secure",          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-padlock-protection-concept_23-2152004113.jpg"},
         {
-          id: "f2",
-          title: "Zero-Knowledge Logic",
-          description: "Your generated passwords are never logged, stored, or remembered by our AI.",
-          tag: "Private",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg",
-        },
+          id: "f2",          title: "Zero-Knowledge Logic",          description: "Your generated passwords are never logged, stored, or remembered by our AI.",          tag: "Private",          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg"},
         {
-          id: "f3",
-          title: "Instant Verification",
-          description: "Real-time safety checks against leaked credential databases.",
-          tag: "Verified",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-suit-cope-arrangement-happiness_1134-978.jpg",
-        },
+          id: "f3",          title: "Instant Verification",          description: "Real-time safety checks against leaked credential databases.",          tag: "Verified",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-suit-cope-arrangement-happiness_1134-978.jpg"},
       ]}
       title="Why Use VaultGuard?"
       description="Engineered for maximum security using advanced AI models."
@@ -138,52 +92,23 @@ export default function LandingPage() {
 
   <div id="product" data-section="product">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Pass-Alpha-77",
-          price: "High Security",
-          variant: "Banking Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-are-their-business-trip_53876-94578.jpg",
-        },
+          id: "p1",          name: "Pass-Alpha-77",          price: "High Security",          variant: "Banking Standard",          imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-are-their-business-trip_53876-94578.jpg"},
         {
-          id: "p2",
-          name: "Key-Vector-99",
-          price: "High Security",
-          variant: "Banking Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
-        },
+          id: "p2",          name: "Key-Vector-99",          price: "High Security",          variant: "Banking Standard",          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg"},
         {
-          id: "p3",
-          name: "Secure-Code-X8",
-          price: "High Security",
-          variant: "Banking Standard",
-          imageSrc: "http://img.b2bpic.net/free-vector/login-page-template-design-dark-theme-website-application_1017-33515.jpg",
-        },
+          id: "p3",          name: "Secure-Code-X8",          price: "High Security",          variant: "Banking Standard",          imageSrc: "http://img.b2bpic.net/free-vector/login-page-template-design-dark-theme-website-application_1017-33515.jpg"},
         {
-          id: "p4",
-          name: "Vault-Data-20",
-          price: "High Security",
-          variant: "Banking Standard",
-          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-cyber-security-digital-lock-techno-background_1017-62541.jpg",
-        },
+          id: "p4",          name: "Vault-Data-20",          price: "High Security",          variant: "Banking Standard",          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-cyber-security-digital-lock-techno-background_1017-62541.jpg"},
         {
-          id: "p5",
-          name: "Prime-Secure-Key",
-          price: "High Security",
-          variant: "Banking Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169861.jpg",
-        },
+          id: "p5",          name: "Prime-Secure-Key",          price: "High Security",          variant: "Banking Standard",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169861.jpg"},
         {
-          id: "p6",
-          name: "Crypto-Guard-01",
-          price: "High Security",
-          variant: "Banking Standard",
-          imageSrc: "http://img.b2bpic.net/free-vector/dark-login-template-ui-design-vector_1017-13707.jpg",
-        },
+          id: "p6",          name: "Crypto-Guard-01",          price: "High Security",          variant: "Banking Standard",          imageSrc: "http://img.b2bpic.net/free-vector/dark-login-template-ui-design-vector_1017-13707.jpg"},
       ]}
       title="Password Suggestions"
       description="Ready-to-use secure keys for your high-security accounts."
@@ -195,14 +120,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "FinSecure",
-        "CyberDefense",
-        "NetVault",
-        "Encrypto",
-        "SafeCloud",
-        "PrimeGuard",
-        "DataShield",
-      ]}
+        "FinSecure",        "CyberDefense",        "NetVault",        "Encrypto",        "SafeCloud",        "PrimeGuard",        "DataShield"]}
       title="Trusted by Experts"
       description="Recognized for excellence in cybersecurity standards."
     />
@@ -216,25 +134,15 @@ export default function LandingPage() {
       author="Sarah Miller, CTO"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/happy-business-woman-keeping-hands-hips-outdoors_1262-20194.jpg",
-          alt: "Sarah",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-business-woman-keeping-hands-hips-outdoors_1262-20194.jpg",          alt: "Sarah"},
         {
-          src: "http://img.b2bpic.net/free-photo/admin-writing-code-doing-maintenance-artificial-intelligence-neural-networks_482257-127009.jpg",
-          alt: "Mark",
-        },
+          src: "http://img.b2bpic.net/free-photo/admin-writing-code-doing-maintenance-artificial-intelligence-neural-networks_482257-127009.jpg",          alt: "Mark"},
         {
-          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
-          alt: "Elena",
-        },
+          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",          alt: "Elena"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg",
-          alt: "David",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg",          alt: "David"},
         {
-          src: "http://img.b2bpic.net/free-photo/worker-doing-server-cabinets-maintenance-close-up_482257-99253.jpg",
-          alt: "John",
-        },
+          src: "http://img.b2bpic.net/free-photo/worker-doing-server-cabinets-maintenance-close-up_482257-99253.jpg",          alt: "John"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -247,20 +155,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Are these passwords really secure?",
-          content: "Yes, our AI uses cryptographically secure random number generators.",
-        },
+          id: "q1",          title: "Are these passwords really secure?",          content: "Yes, our AI uses cryptographically secure random number generators."},
         {
-          id: "q2",
-          title: "Is my data stored?",
-          content: "Absolutely not. We follow a strict no-log policy.",
-        },
+          id: "q2",          title: "Is my data stored?",          content: "Absolutely not. We follow a strict no-log policy."},
         {
-          id: "q3",
-          title: "Can I use these for banks?",
-          content: "Yes, these passwords meet or exceed all major banking standards.",
-        },
+          id: "q3",          title: "Can I use these for banks?",          content: "Yes, these passwords meet or exceed all major banking standards."},
       ]}
       title="Common Questions"
       description="Everything you need to know about secure password generation."
@@ -270,10 +169,10 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
+      tag="Contact"
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Generate Your Secure Password"
       description="Enter your prompt below and our AI will suggest the most secure password matching your requirements."
       imageSrc="http://img.b2bpic.net/free-vector/futuristic-hud-interface-with-gradient-style_23-2147920202.jpg"
@@ -289,29 +188,19 @@ export default function LandingPage() {
       logoText="VaultGuard"
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Security",
-              href: "#",
-            },
+              label: "Security",              href: "#"},
             {
-              label: "Enterprise",
-              href: "#",
-            },
+              label: "Enterprise",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1