Merge version_1 into main #1
191
src/app/page.tsx
191
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user