Merge version_10 into main
Merge version_10 into main
This commit was merged in pull request #13.
This commit is contained in:
137
src/app/page.tsx
137
src/app/page.tsx
@@ -32,39 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "products"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FileVault"
|
||||
button={{
|
||||
text: "Get Started", href: "/contact"}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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: "View Features", href: "/features"},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ 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/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "Organized digital workspace"}
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,15 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Efficiency by Design"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Search Speed", value: "0.1s"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Secure Folders", value: "1M+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Organization Score", value: "99%"},
|
||||
{ icon: Zap, label: "Search Speed", value: "0.1s" },
|
||||
{ icon: Shield, label: "Secure Folders", value: "1M+" },
|
||||
{ icon: Award, label: "Organization Score", value: "99%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,12 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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="Powerful Organizing Features"
|
||||
description="Tools built to simplify your digital life."
|
||||
@@ -112,18 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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"},
|
||||
{ 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" },
|
||||
]}
|
||||
title="Manage Your Plans"
|
||||
description="Choose the organizational tier that fits your workflow."
|
||||
@@ -136,18 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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: "m3", value: "99.9%", title: "Data Safety", items: [
|
||||
"Encrypted", "Backup secured"],
|
||||
},
|
||||
{ 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: "m3", value: "99.9%", title: "Data Safety", items: ["Encrypted", "Backup secured"] },
|
||||
]}
|
||||
title="Organization Impact"
|
||||
description="The metrics that prove our system works."
|
||||
@@ -160,16 +123,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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"},
|
||||
{ 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" },
|
||||
]}
|
||||
title="Loved by Laptop Owners"
|
||||
description="What our users have to say."
|
||||
@@ -181,12 +136,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Is there a free trial?", content: "We offer a 14-day full-featured free trial."},
|
||||
{ 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." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our organization system."
|
||||
@@ -197,43 +148,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to clean up your folders? Get started with FileVault today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "/contact"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features", href: "/features"},
|
||||
{
|
||||
label: "Pricing", href: "/products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms", href: "/terms"},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="FileVault"
|
||||
/>
|
||||
@@ -241,4 +166,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user