|
|
|
@@ -7,7 +7,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
@@ -32,43 +32,30 @@ export default function LandingPage() {
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{
|
|
|
|
{ name: "Features", id: "features" },
|
|
|
|
name: "Features", id: "features"},
|
|
|
|
{ name: "Pricing", id: "products" },
|
|
|
|
{
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
name: "Pricing", id: "pricing"},
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Testimonials", id: "testimonials"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
brandName="FileVault"
|
|
|
|
brandName="FileVault"
|
|
|
|
button={{
|
|
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
|
|
text: "Get Started", href: "#contact"}}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
<HeroBillboardCarousel
|
|
|
|
background={{
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
variant: "plain"}}
|
|
|
|
|
|
|
|
title="Master Your Laptop Files"
|
|
|
|
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."
|
|
|
|
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"
|
|
|
|
tag="Personalized Organization"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{
|
|
|
|
{ text: "Get Started", href: "#contact" },
|
|
|
|
text: "Get Started", href: "#contact"},
|
|
|
|
{ text: "View Features", href: "#features" },
|
|
|
|
{
|
|
|
|
|
|
|
|
text: "View Features", href: "#features"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
mediaItems={[
|
|
|
|
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/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "Organized digital workspace"}
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
|
|
|
rating={5}
|
|
|
|
|
|
|
|
ratingText="Trusted by 10,000+ power users"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -77,15 +64,9 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
title="Efficiency by Design"
|
|
|
|
title="Efficiency by Design"
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{
|
|
|
|
{ icon: Zap, label: "Search Speed", value: "0.1s" },
|
|
|
|
icon: Zap,
|
|
|
|
{ icon: Shield, label: "Secure Folders", value: "1M+" },
|
|
|
|
label: "Search Speed", value: "0.1s"},
|
|
|
|
{ icon: Award, label: "Organization Score", value: "99%" },
|
|
|
|
{
|
|
|
|
|
|
|
|
icon: Shield,
|
|
|
|
|
|
|
|
label: "Secure Folders", value: "1M+"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
icon: Award,
|
|
|
|
|
|
|
|
label: "Organization Score", value: "99%"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -96,12 +77,9 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
features={[
|
|
|
|
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: "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: "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="Powerful Organizing Features"
|
|
|
|
title="Powerful Organizing Features"
|
|
|
|
description="Tools built to simplify your digital life."
|
|
|
|
description="Tools built to simplify your digital life."
|
|
|
|
@@ -115,18 +93,9 @@ export default function LandingPage() {
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
products={[
|
|
|
|
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.b2b-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: "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: "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: "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"
|
|
|
|
title="Manage Your Plans"
|
|
|
|
description="Choose the organizational tier that fits your workflow."
|
|
|
|
description="Choose the organizational tier that fits your workflow."
|
|
|
|
@@ -139,18 +108,9 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{
|
|
|
|
{ id: "m1", value: "1.2M", title: "Files Organized", items: ["Saved hours", "Reduced clutter"] },
|
|
|
|
id: "m1", value: "1.2M", title: "Files Organized", items: [
|
|
|
|
{ id: "m2", value: "45%", title: "Time Saved", items: ["Faster searching", "Quick access"] },
|
|
|
|
"Saved hours", "Reduced clutter"],
|
|
|
|
{ id: "m3", value: "99.9%", title: "Data Safety", items: ["Encrypted", "Backup secured"] },
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "m2", value: "45%", title: "Time Saved", items: [
|
|
|
|
|
|
|
|
"Faster searching", "Quick access"],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "m3", value: "99.9%", title: "Data Safety", items: [
|
|
|
|
|
|
|
|
"Encrypted", "Backup secured"],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Organization Impact"
|
|
|
|
title="Organization Impact"
|
|
|
|
description="The metrics that prove our system works."
|
|
|
|
description="The metrics that prove our system works."
|
|
|
|
@@ -163,16 +123,8 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
testimonials={[
|
|
|
|
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: "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"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Loved by Laptop Owners"
|
|
|
|
title="Loved by Laptop Owners"
|
|
|
|
description="What our users have to say."
|
|
|
|
description="What our users have to say."
|
|
|
|
@@ -184,12 +136,8 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
faqs={[
|
|
|
|
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."},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
description="Answers to common questions about our organization system."
|
|
|
|
description="Answers to common questions about our organization system."
|
|
|
|
@@ -200,43 +148,17 @@ export default function LandingPage() {
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<ContactText
|
|
|
|
<ContactText
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
background={{
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
variant: "plain"}}
|
|
|
|
|
|
|
|
text="Ready to clean up your folders? Get started with FileVault today."
|
|
|
|
text="Ready to clean up your folders? Get started with FileVault today."
|
|
|
|
buttons={[
|
|
|
|
buttons={[{ text: "Contact Support", href: "#contact" }]}
|
|
|
|
{
|
|
|
|
|
|
|
|
text: "Contact Support", href: "mailto:support@filevault.com"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterBase
|
|
|
|
<FooterBase
|
|
|
|
columns={[
|
|
|
|
columns={[
|
|
|
|
{
|
|
|
|
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#products" }] },
|
|
|
|
title: "Product", items: [
|
|
|
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Features", href: "#features"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Pricing", href: "#pricing"},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "About", href: "#"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Contact", href: "#contact"},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Privacy", href: "#"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Terms", href: "#"},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
logoText="FileVault"
|
|
|
|
logoText="FileVault"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
