Update src/app/page.tsx
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "#solutions",
|
||||
},
|
||||
name: "Solutions", id: "#solutions"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="VaultVid"
|
||||
/>
|
||||
@@ -75,39 +59,23 @@ export default function LandingPage() {
|
||||
description="Securely Store, Organize, and Share Your iPhone Videos. Free up Space While Preserving Every Memory."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg",
|
||||
imageAlt: "iPhone displaying video gallery with cloud symbols",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg", imageAlt: "iPhone displaying video gallery with cloud symbols"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-finger-connect-5g-network-smart-phone_181624-31292.jpg",
|
||||
imageAlt: "iPhone playing full-screen video with seamless streaming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-finger-connect-5g-network-smart-phone_181624-31292.jpg", imageAlt: "iPhone playing full-screen video with seamless streaming"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/play-button-media-player-podcast-graphic_53876-121173.jpg",
|
||||
imageAlt: "Multiple devices showing synchronized video libraries",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/play-button-media-player-podcast-graphic_53876-121173.jpg", imageAlt: "Multiple devices showing synchronized video libraries"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-security-app_53876-98145.jpg",
|
||||
imageAlt: "iPhone with locked video files and digital shield",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-security-app_53876-98145.jpg", imageAlt: "iPhone with locked video files and digital shield"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-influencer-recording-review-phone-with-green-screen-famous-vlogger_482257-23390.jpg",
|
||||
imageAlt: "iPhone screen showing smart video organization interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-influencer-recording-review-phone-with-green-screen-famous-vlogger_482257-23390.jpg", imageAlt: "iPhone screen showing smart video organization interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-young-redhead-lady-lies-hammock-chatting_171337-8516.jpg",
|
||||
imageAlt: "Person viewing video on iPhone in a park",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-young-redhead-lady-lies-hammock-chatting_171337-8516.jpg", imageAlt: "Person viewing video on iPhone in a park"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,7 +89,7 @@ export default function LandingPage() {
|
||||
subdescription="Experience peace of mind knowing your high-quality videos are backed up and accessible from any device, anytime, with our state-of-the-art encryption."
|
||||
icon={Camera}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/videocamera-cloud_1048-1656.jpg"
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,23 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automatic Backup",
|
||||
description: "Never worry about losing a video again. VaultVid automatically backs up your iPhone videos to the cloud as soon as you connect to Wi-Fi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-settings-closeup_116348-6.jpg",
|
||||
imageAlt: "iPhone showing automatic backup progress",
|
||||
},
|
||||
title: "Automatic Backup", description: "Never worry about losing a video again. VaultVid automatically backs up your iPhone videos to the cloud as soon as you connect to Wi-Fi.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-settings-closeup_116348-6.jpg", imageAlt: "iPhone showing automatic backup progress"},
|
||||
{
|
||||
title: "Smart Organization",
|
||||
description: "Our AI-powered system intelligently tags and categorizes your videos, making it effortless to find exactly what you're looking for with advanced search filters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063054.jpg",
|
||||
imageAlt: "iPhone showing smart video organization",
|
||||
},
|
||||
title: "Smart Organization", description: "Our AI-powered system intelligently tags and categorizes your videos, making it effortless to find exactly what you're looking for with advanced search filters.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063054.jpg", imageAlt: "iPhone showing smart video organization"},
|
||||
{
|
||||
title: "Military-Grade Security",
|
||||
description: "Your memories are safe with us. We use end-to-end encryption and robust privacy controls to ensure your videos are always protected and private.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-security-access-denied_23-2151997009.jpg",
|
||||
imageAlt: "iPhone with digital padlock and shield",
|
||||
},
|
||||
title: "Military-Grade Security", description: "Your memories are safe with us. We use end-to-end encryption and robust privacy controls to ensure your videos are always protected and private.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-security-access-denied_23-2151997009.jpg", imageAlt: "iPhone with digital padlock and shield"},
|
||||
]}
|
||||
title="Unlock the Full Potential of Your iPhone Storage"
|
||||
description="Discover how VaultVid enhances your video experience with powerful tools and reliable security, giving you more space and control."
|
||||
@@ -163,47 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Expandable Storage",
|
||||
price: "Starting at $5/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-warehouse-stacking-packages-with-order-invoices_482257-83355.jpg",
|
||||
imageAlt: "Empty storage drive symbolizing vast space",
|
||||
},
|
||||
id: "p1", name: "Expandable Storage", price: "Starting at $5/month", imageSrc: "http://img.b2bpic.net/free-photo/industrial-warehouse-stacking-packages-with-order-invoices_482257-83355.jpg", imageAlt: "Empty storage drive symbolizing vast space"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "High-Quality Preserve",
|
||||
price: "Retain original quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-taking-coffee-photos_23-2149294500.jpg",
|
||||
imageAlt: "iPhone camera lens",
|
||||
},
|
||||
id: "p2", name: "High-Quality Preserve", price: "Retain original quality", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-taking-coffee-photos_23-2149294500.jpg", imageAlt: "iPhone camera lens"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Multi-Device Access",
|
||||
price: "Access anywhere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg",
|
||||
imageAlt: "Network of connected devices",
|
||||
},
|
||||
id: "p3", name: "Multi-Device Access", price: "Access anywhere", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg", imageAlt: "Network of connected devices"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Efficient Compression",
|
||||
price: "Save space intelligently",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-music-playing-device-held-by-influencer-showing-it-his-subscribers_482257-121639.jpg",
|
||||
imageAlt: "Graphic of video compression",
|
||||
},
|
||||
id: "p4", name: "Efficient Compression", price: "Save space intelligently", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-music-playing-device-held-by-influencer-showing-it-his-subscribers_482257-121639.jpg", imageAlt: "Graphic of video compression"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Private Sharing",
|
||||
price: "Share securely",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-phone-facebook-app_23-2147651205.jpg",
|
||||
imageAlt: "iPhone showing video sharing interface",
|
||||
},
|
||||
id: "p5", name: "Private Sharing", price: "Share securely", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-phone-facebook-app_23-2147651205.jpg", imageAlt: "iPhone showing video sharing interface"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Intelligent Search",
|
||||
price: "Find videos instantly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-typing-laptop-with-play-button-screen_53876-139644.jpg",
|
||||
imageAlt: "Magnifying glass over video thumbnails",
|
||||
},
|
||||
id: "p6", name: "Intelligent Search", price: "Find videos instantly", imageSrc: "http://img.b2bpic.net/free-photo/hand-typing-laptop-with-play-button-screen_53876-139644.jpg", imageAlt: "Magnifying glass over video thumbnails"},
|
||||
]}
|
||||
title="Comprehensive Video Management, Simplified"
|
||||
description="Beyond secure storage, VaultVid offers smart organization and sharing features tailored for your video library, making it simple to manage."
|
||||
@@ -218,29 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200TB+",
|
||||
title: "Videos Stored",
|
||||
description: "Securely storing an ever-growing library of cherished iPhone videos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg",
|
||||
imageAlt: "Data server with terabytes stored",
|
||||
},
|
||||
id: "m1", value: "200TB+", title: "Videos Stored", description: "Securely storing an ever-growing library of cherished iPhone videos.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg", imageAlt: "Data server with terabytes stored"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50K+",
|
||||
title: "Active Users",
|
||||
description: "A thriving community of users who rely on VaultVid daily for their video needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/people-listening-music_23-2148340201.jpg",
|
||||
imageAlt: "Graphic of active users",
|
||||
},
|
||||
id: "m2", value: "50K+", title: "Active Users", description: "A thriving community of users who rely on VaultVid daily for their video needs.", imageSrc: "http://img.b2bpic.net/free-vector/people-listening-music_23-2148340201.jpg", imageAlt: "Graphic of active users"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
description: "Ensuring your videos are always accessible whenever you need them, without interruption.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637777.jpg",
|
||||
imageAlt: "Graphic showing uptime reliability",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "Uptime Reliability", description: "Ensuring your videos are always accessible whenever you need them, without interruption.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637777.jpg", imageAlt: "Graphic showing uptime reliability"},
|
||||
]}
|
||||
title="VaultVid by the Numbers"
|
||||
description="Join thousands of satisfied users who trust VaultVid with their most cherished video memories and digital peace of mind."
|
||||
@@ -253,43 +161,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-drinking-coffee-office_1301-4956.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-drinking-coffee-office_1301-4956.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-face-palming-front-computer-desktop-display-losing-game_482257-116476.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-face-palming-front-computer-desktop-display-losing-game_482257-116476.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-looking-side-young-beautiful-girl-wearing-pink-t-shirt-with-headphones-isolated-green-wall_141793-87623.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/surprised-looking-side-young-beautiful-girl-wearing-pink-t-shirt-with-headphones-isolated-green-wall_141793-87623.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-man-coffee-shop-listening-music-wireless-earphones-connects-cafe-wifi-enjoy-favourite-song-his-smartphone-playlist-sitting-drinking-cappuccino_1258-314232.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-man-coffee-shop-listening-music-wireless-earphones-connects-cafe-wifi-enjoy-favourite-song-his-smartphone-playlist-sitting-drinking-cappuccino_1258-314232.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
cardTitle="What Our Users Say"
|
||||
cardTag="Happy Customers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read All Reviews",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read All Reviews", href: "#"},
|
||||
]}
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
@@ -301,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does automatic backup work?",
|
||||
content: "Once enabled, VaultVid automatically detects new videos on your iPhone and uploads them securely to your cloud storage when connected to Wi-Fi. You set it once and it runs in the background.",
|
||||
},
|
||||
id: "q1", title: "How does automatic backup work?", content: "Once enabled, VaultVid automatically detects new videos on your iPhone and uploads them securely to your cloud storage when connected to Wi-Fi. You set it once and it runs in the background."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my data truly secure?",
|
||||
content: "Absolutely. We employ advanced end-to-end encryption protocols and robust privacy measures to ensure that your videos are always protected and only accessible by you.",
|
||||
},
|
||||
id: "q2", title: "Is my data truly secure?", content: "Absolutely. We employ advanced end-to-end encryption protocols and robust privacy measures to ensure that your videos are always protected and only accessible by you."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I access my videos from other devices?",
|
||||
content: "Yes! Your VaultVid library is accessible from any device – iPhone, iPad, Mac, or PC – through our app or web interface, giving you flexibility wherever you are.",
|
||||
},
|
||||
id: "q3", title: "Can I access my videos from other devices?", content: "Yes! Your VaultVid library is accessible from any device – iPhone, iPad, Mac, or PC – through our app or web interface, giving you flexibility wherever you are."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about VaultVid and how it simplifies your iPhone video storage."
|
||||
@@ -327,18 +204,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to free up your iPhone storage and secure your videos with ease? Get started today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Today",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started Today", href: "#"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -347,54 +219,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#solutions",
|
||||
},
|
||||
label: "Pricing", href: "#solutions"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#about",
|
||||
},
|
||||
label: "How It Works", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user