Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Security",
|
||||
id: "security",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Security", id: "security" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SecureShare"
|
||||
/>
|
||||
@@ -54,33 +42,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Secure File Sharing Made Simple"
|
||||
description="Your files, encrypted and accessible everywhere. Experience the next generation of cloud storage with bank-grade security and a seamless interface."
|
||||
tag="Trusted by 10,000+ teams"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg",
|
||||
imageAlt: "Dashboard Preview 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg", imageAlt: "Dashboard Preview 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132305.jpg",
|
||||
imageAlt: "Dashboard Preview 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-business-entrepreneur-with-laptop_482257-91248.jpg",
|
||||
imageAlt: "Empty modern office of a business entrepreneur with laptop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg",
|
||||
imageAlt: "Close up of IT professional using tablet building AI algorithms",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg",
|
||||
imageAlt: "Bucharest Romania July 30th 2024 Male CEO watching the Olympic games stream",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132305.jpg", imageAlt: "Dashboard Preview 2"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,21 +65,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited storage in others",
|
||||
"Complex navigation",
|
||||
"Vulnerable transfer",
|
||||
"Slow sync speeds",
|
||||
"Lack of end-to-end audit logs",
|
||||
],
|
||||
"Limited storage in others", "Complex navigation", "Vulnerable transfer", "Slow sync speeds", "Lack of end-to-end audit logs"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Unlimited encrypted storage",
|
||||
"Intuitive drag-and-drop UI",
|
||||
"End-to-end encryption by default",
|
||||
"Real-time cross-device sync",
|
||||
"Advanced administrative controls",
|
||||
],
|
||||
"Unlimited encrypted storage", "Intuitive drag-and-drop UI", "End-to-end encryption by default", "Real-time cross-device sync", "Advanced administrative controls"],
|
||||
}}
|
||||
title="Why Choose SecureShare?"
|
||||
description="We re-engineered the way you share files with security at the core."
|
||||
@@ -136,52 +96,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$0",
|
||||
name: "Basic",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"10GB Storage",
|
||||
"AES-256 Encryption",
|
||||
"Mobile Access",
|
||||
],
|
||||
id: "basic", price: "$0", name: "Basic", buttons: [{ text: "Get Started", href: "#" }],
|
||||
features: ["10GB Storage", "AES-256 Encryption", "Mobile Access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$19",
|
||||
name: "Pro",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1TB Storage",
|
||||
"Team Sharing",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", price: "$19", name: "Pro", buttons: [{ text: "Upgrade", href: "#" }],
|
||||
features: ["1TB Storage", "Team Sharing", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$99",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Storage",
|
||||
"Advanced Security",
|
||||
"Dedicated Server",
|
||||
],
|
||||
id: "enterprise", price: "$99", name: "Enterprise", buttons: [{ text: "Contact Us", href: "#" }],
|
||||
features: ["Unlimited Storage", "Advanced Security", "Dedicated Server"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -196,45 +120,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahc",
|
||||
testimonial: "The best secure file sharing platform I've used. Extremely fast and intuitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inclusivity-workspace_52683-90479.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", handle: "@sarahc", testimonial: "The best secure file sharing platform I've used. Extremely fast and intuitive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inclusivity-workspace_52683-90479.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Wilson",
|
||||
handle: "@markw",
|
||||
testimonial: "SecureShare gave me peace of mind knowing my private documents are encrypted.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-teenager-home_23-2149332868.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Wilson", handle: "@markw", testimonial: "SecureShare gave me peace of mind knowing my private documents are encrypted.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-teenager-home_23-2149332868.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenar",
|
||||
testimonial: "A beautiful design and professional UI. Truly feels like a premium product.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-photographer-photo-art-concept_23-2148565570.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "A beautiful design and professional UI. Truly feels like a premium product.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-photographer-photo-art-concept_23-2148565570.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Smith",
|
||||
handle: "@jamess",
|
||||
testimonial: "Easy file management for my team. The upload speeds are incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg",
|
||||
},
|
||||
id: "4", name: "James Smith", handle: "@jamess", testimonial: "Easy file management for my team. The upload speeds are incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Park",
|
||||
handle: "@juliap",
|
||||
testimonial: "The encryption feature is the reason I switched from Dropbox.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg",
|
||||
},
|
||||
id: "5", name: "Julia Park", handle: "@juliap", testimonial: "The encryption feature is the reason I switched from Dropbox.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What our users say"
|
||||
@@ -247,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my data truly secure?",
|
||||
content: "Yes, we use AES-256 end-to-end encryption.",
|
||||
},
|
||||
id: "q1", title: "Is my data truly secure?", content: "Yes, we use AES-256 end-to-end encryption."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I upgrade anytime?",
|
||||
content: "Absolutely, plans are flexible and you can upgrade at any time.",
|
||||
},
|
||||
id: "q2", title: "Can I upgrade anytime?", content: "Absolutely, plans are flexible and you can upgrade at any time."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer offline access?",
|
||||
content: "Yes, our mobile apps support offline syncing.",
|
||||
},
|
||||
id: "q3", title: "Do you offer offline access?", content: "Yes, our mobile apps support offline syncing."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -276,35 +166,11 @@ export default function LandingPage() {
|
||||
description="Latest updates on cloud security."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Security",
|
||||
title: "Understanding Zero-Knowledge Encryption",
|
||||
excerpt: "How it keeps your files private.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmer-holding-laptop-with-cloud-computing_53876-71510.jpg",
|
||||
authorName: "Team Secure",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
date: "Oct 20, 2023",
|
||||
},
|
||||
id: "1", category: "Security", title: "Understanding Zero-Knowledge Encryption", excerpt: "How it keeps your files private.", imageSrc: "http://img.b2bpic.net/free-photo/programmer-holding-laptop-with-cloud-computing_53876-71510.jpg", authorName: "Team Secure", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", date: "Oct 20, 2023"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Cloud",
|
||||
title: "Optimizing Your Cloud Workflow",
|
||||
excerpt: "Tips and tricks for efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-cloud_1048-2442.jpg",
|
||||
authorName: "Team Secure",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg",
|
||||
date: "Oct 15, 2023",
|
||||
},
|
||||
id: "2", category: "Cloud", title: "Optimizing Your Cloud Workflow", excerpt: "Tips and tricks for efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/security-cloud_1048-2442.jpg", authorName: "Team Secure", authorAvatar: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg", date: "Oct 15, 2023"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Update",
|
||||
title: "New UI Enhancements",
|
||||
excerpt: "Discover what's new in our platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg",
|
||||
authorName: "Team Secure",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
date: "Oct 10, 2023",
|
||||
},
|
||||
id: "3", category: "Update", title: "New UI Enhancements", excerpt: "Discover what's new in our platform.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg", authorName: "Team Secure", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", date: "Oct 10, 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,32 +178,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Start Sharing Securely Today"
|
||||
description="Join thousands of users who trust us with their important files."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Free Trial", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SecureShare"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user