bender/94f8e7ef-35d2-4f28-8cd6-41b048fada40
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-18 05:19:08 +00:00
parent 0f5e1e2da8
commit 9f8980a9b8
1 changed files with 47 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -33,69 +33,38 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="FileVault"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Master Your Laptop Files"
description="The ultimate organization platform for your local and cloud folders. Keep every document in its place with intelligent indexing and secure tracking."
tag="Personalized Organization"
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
{
text: "View Features",
href: "#features",
},
text: "View Features", href: "#features"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-diagrams-with-charts-stock-figures-laptop-sitting-desk_482257-84629.jpg",
imageAlt: "Laptop file management ui",
},
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-diagrams-with-charts-stock-figures-laptop-sitting-desk_482257-84629.jpg", imageAlt: "Laptop file management ui"},
{
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
imageAlt: "Organized digital workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-office_23-2149402409.jpg",
imageAlt: "Young woman working in her office",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-keyboard-buttons_23-2149917539.jpg",
imageAlt: "View of 3d keyboard buttons",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-typing-laptop-desk_23-2149328255.jpg",
imageAlt: "Young man typing on laptop at desk",
},
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "Organized digital workspace"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -110,19 +79,13 @@ export default function LandingPage() {
metrics={[
{
icon: Zap,
label: "Search Speed",
value: "0.1s",
},
label: "Search Speed", value: "0.1s"},
{
icon: Shield,
label: "Secure Folders",
value: "1M+",
},
label: "Secure Folders", value: "1M+"},
{
icon: Award,
label: "Organization Score",
value: "99%",
},
label: "Organization Score", value: "99%"},
]}
metricsAnimation="slide-up"
/>
@@ -134,23 +97,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Smart Categorization",
description: "Automatically sorts files into predefined folders based on metadata.",
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362554.jpg",
imageAlt: "Data file folder icon",
},
title: "Smart Categorization", description: "Automatically sorts files into predefined folders based on metadata.", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362554.jpg", imageAlt: "Data file folder icon"},
{
title: "Bank-Level Encryption",
description: "Keep your personal folders secure with end-to-end local encryption.",
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512198.jpg",
imageAlt: "Secure data folder vault",
},
title: "Bank-Level Encryption", description: "Keep your personal folders secure with end-to-end local encryption.", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512198.jpg", imageAlt: "Secure data folder vault"},
{
title: "Seamless Sync",
description: "Sync your laptop folders across multiple devices in real-time.",
imageSrc: "http://img.b2bpic.net/free-photo/files-are-typically-arranged-particular-order_53876-21319.jpg",
imageAlt: "Team folder sharing software",
},
title: "Seamless Sync", description: "Sync your laptop folders across multiple devices in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/files-are-typically-arranged-particular-order_53876-21319.jpg", imageAlt: "Team folder sharing software"},
]}
title="Powerful Organizing Features"
description="Tools built to simplify your digital life."
@@ -165,41 +116,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Essential Plan",
price: "$9/mo",
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",
},
id: "p1", name: "Essential Plan", price: "$9/mo", imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg"},
{
id: "p2",
name: "Professional Plan",
price: "$19/mo",
imageSrc: "http://img.b2bpic.net/free-vector/flat-mobile-app-cover_52683-6716.jpg",
},
id: "p2", name: "Professional Plan", price: "$19/mo", imageSrc: "http://img.b2bpic.net/free-vector/flat-mobile-app-cover_52683-6716.jpg"},
{
id: "p3",
name: "Enterprise Plan",
price: "$49/mo",
imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-124766.jpg",
},
id: "p3", name: "Enterprise Plan", price: "$49/mo", imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-124766.jpg"},
{
id: "p4",
name: "Archiver Plan",
price: "$29/mo",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
},
id: "p4", name: "Archiver Plan", price: "$29/mo", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"},
{
id: "p5",
name: "Starter Plan",
price: "$5/mo",
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-icon-concept_53876-120135.jpg",
},
id: "p5", name: "Starter Plan", price: "$5/mo", imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-icon-concept_53876-120135.jpg"},
{
id: "p6",
name: "Growth Plan",
price: "$39/mo",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-online-shopping-with-copy-space_23-2148625700.jpg",
},
id: "p6", name: "Growth Plan", price: "$39/mo", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-online-shopping-with-copy-space_23-2148625700.jpg"},
]}
title="Manage Your Plans"
description="Choose the organizational tier that fits your workflow."
@@ -213,31 +140,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1.2M",
title: "Files Organized",
items: [
"Saved hours",
"Reduced clutter",
],
id: "m1", value: "1.2M", title: "Files Organized", items: [
"Saved hours", "Reduced clutter"],
},
{
id: "m2",
value: "45%",
title: "Time Saved",
items: [
"Faster searching",
"Quick access",
],
id: "m2", value: "45%", title: "Time Saved", items: [
"Faster searching", "Quick access"],
},
{
id: "m3",
value: "99.9%",
title: "Data Safety",
items: [
"Encrypted",
"Backup secured",
],
id: "m3", value: "99.9%", title: "Data Safety", items: [
"Encrypted", "Backup secured"],
},
]}
title="Organization Impact"
@@ -252,40 +164,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
handle: "@sarahm",
testimonial: "Finally, my laptop folders are actually usable. This tool saved me so much time.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
},
id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Finally, my laptop folders are actually usable. This tool saved me so much time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg"},
{
id: "2",
name: "David Park",
handle: "@dpark",
testimonial: "Excellent interface. Intuitive and fast. Can't imagine working without it.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
},
id: "2", name: "David Park", handle: "@dpark", testimonial: "Excellent interface. Intuitive and fast. Can't imagine working without it.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
{
id: "3",
name: "Emily Chen",
handle: "@echen",
testimonial: "Security features are top-notch. My sensitive folders feel safe now.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg",
},
id: "3", name: "Emily Chen", handle: "@echen", testimonial: "Security features are top-notch. My sensitive folders feel safe now.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg"},
{
id: "4",
name: "Marcus J.",
handle: "@mj_dev",
testimonial: "The best folder manager I have ever used. Highly recommended for devs.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
},
id: "4", name: "Marcus J.", handle: "@mj_dev", testimonial: "The best folder manager I have ever used. Highly recommended for devs.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg"},
{
id: "5",
name: "Lisa Wang",
handle: "@lisaw",
testimonial: "Simple, clean, and effective. It just works exactly as advertised.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-working-with-computer-growth-strategy-creating-financial-analysis-with-charts-graphs-male-employee-planning-executive-data-presentation-desk_482257-41035.jpg",
},
id: "5", name: "Lisa Wang", handle: "@lisaw", testimonial: "Simple, clean, and effective. It just works exactly as advertised.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-working-with-computer-growth-strategy-creating-financial-analysis-with-charts-graphs-male-employee-planning-executive-data-presentation-desk_482257-41035.jpg"},
]}
title="Loved by Laptop Owners"
description="What our users have to say."
@@ -298,20 +185,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is my data private?",
content: "Absolutely. Everything stays on your laptop unless you choose otherwise.",
},
id: "f1", title: "Is my data private?", content: "Absolutely. Everything stays on your laptop unless you choose otherwise."},
{
id: "f2",
title: "Can I use it offline?",
content: "Yes, our indexing works locally without an internet connection.",
},
id: "f2", title: "Can I use it offline?", content: "Yes, our indexing works locally without an internet connection."},
{
id: "f3",
title: "Is there a free trial?",
content: "We offer a 14-day full-featured free trial.",
},
id: "f3", title: "Is there a free trial?", content: "We offer a 14-day full-featured free trial."},
]}
title="Frequently Asked Questions"
description="Answers to common questions about our organization system."
@@ -323,14 +201,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready to clean up your folders? Get started with FileVault today."
buttons={[
{
text: "Contact Support",
href: "mailto:support@filevault.com",
},
text: "Contact Support", href: "mailto:support@filevault.com"},
]}
/>
</div>
@@ -339,42 +214,27 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#",
},
label: "About", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}