Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
188
src/app/page.tsx
188
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user