411 lines
13 KiB
TypeScript
411 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Features",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Scanner",
|
|
id: "scanner",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "pricing",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "faq",
|
|
},
|
|
]}
|
|
brandName="PrivaGuard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Your Privacy, Hardened."
|
|
description="Discover where your data lives online and secure your digital identity. PrivaGuard provides advanced, legal breach monitoring and privacy cleanup tools for your peace of mind."
|
|
tag="Advanced Email Privacy & Breach Monitoring"
|
|
buttons={[
|
|
{
|
|
text: "Start Free Scan",
|
|
href: "#scanner",
|
|
},
|
|
{
|
|
text: "See Plans",
|
|
href: "#pricing",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TechSecurity Weekly",
|
|
"DataPrivacy Insider",
|
|
"SecureNet Labs",
|
|
"Digital Defense Corp",
|
|
"CloudShield Systems",
|
|
"CyberAudit Pro",
|
|
"PrivacyTech Today",
|
|
]}
|
|
title="Trusted by Cybersecurity Experts"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Breach Notifications",
|
|
description: "Get real-time alerts if your credentials appear in new data leaks.",
|
|
tag: "Monitor",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "OSINT Risk Scanner",
|
|
description: "Scan public sources to find exposed personal data and risky digital visibility.",
|
|
tag: "Scan",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-holding-mobile-with-lighting-controlling-app-sitting-kitchen_482257-7527.jpg",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Lawful Removal Guidance",
|
|
description: "Step-by-step workflows to request legal data removal from third-party services.",
|
|
tag: "Cleanup",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/data-breach-unsecured-warning-sign-concept_53876-120317.jpg",
|
|
},
|
|
]}
|
|
title="Comprehensive Privacy Protection"
|
|
description="Everything you need to regain control over your digital footprint."
|
|
/>
|
|
</div>
|
|
|
|
<div id="scanner" data-section="scanner">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Breach Status",
|
|
price: "Secure",
|
|
variant: "Active",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fingerprint-authentication-tablet_23-2152001147.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Data Broker Presence",
|
|
price: "Low",
|
|
variant: "Minimal",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-username-password-information-with-mouse-keyboard_23-2148578109.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Public Mentions",
|
|
price: "Clean",
|
|
variant: "Status",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/communication-connection-message-networking_53876-120339.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Phishing Risk",
|
|
price: "Minimal",
|
|
variant: "Low",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-security-breach-alert-electronic-devices_23-2152029076.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Account Hardening",
|
|
price: "Pending",
|
|
variant: "Update",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Reputation Score",
|
|
price: "High",
|
|
variant: "Healthy",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/access-denied-digital-security-warning_23-2151967426.jpg",
|
|
},
|
|
]}
|
|
title="Built-in Privacy Scanner"
|
|
description="Visualize your risk profile with our advanced monitoring dashboard."
|
|
/>
|
|
</div>
|
|
|
|
<div id="dashboard" data-section="dashboard">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Advanced Dashboard & Monitoring",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
|
alt: "Dashboard preview",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic",
|
|
title: "Essential",
|
|
price: "$9/mo",
|
|
period: "billed annually",
|
|
features: [
|
|
"Breach alerts",
|
|
"Email security tips",
|
|
"Basic removal guides",
|
|
],
|
|
button: {
|
|
text: "Get Started",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89895.jpg",
|
|
imageAlt: "Army officer examining real time satellite data on big screen in military base",
|
|
},
|
|
{
|
|
id: "pro",
|
|
title: "Pro Protection",
|
|
price: "$19/mo",
|
|
period: "billed annually",
|
|
features: [
|
|
"Full OSINT scan",
|
|
"Data broker cleanup workflows",
|
|
"Priority alerts",
|
|
"24/7 Monitoring",
|
|
],
|
|
button: {
|
|
text: "Get Started",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
|
|
imageAlt: "Army officer examining real time satellite data on big screen in military base",
|
|
},
|
|
{
|
|
id: "enterprise",
|
|
title: "Family Shield",
|
|
price: "$29/mo",
|
|
period: "billed annually",
|
|
features: [
|
|
"Up to 5 accounts",
|
|
"Everything in Pro",
|
|
"Advanced family monitoring",
|
|
"Direct support",
|
|
],
|
|
button: {
|
|
text: "Get Started",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg",
|
|
imageAlt: "Army officer examining real time satellite data on big screen in military base",
|
|
},
|
|
]}
|
|
title="Flexible Protection Plans"
|
|
description="Choose the level of privacy monitoring that suits your needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Alice M.",
|
|
role: "Software Architect",
|
|
company: "TechInnovate",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "David R.",
|
|
role: "Product Lead",
|
|
company: "StartupGen",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Sarah K.",
|
|
role: "Marketing Dir",
|
|
company: "GrowthX",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Mark L.",
|
|
role: "Cyber Analyst",
|
|
company: "SecAudit",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Elena P.",
|
|
role: "Freelance Dev",
|
|
company: "DigitalCraft",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "50K+",
|
|
label: "Breaches Detected",
|
|
},
|
|
{
|
|
value: "12K+",
|
|
label: "Privacy Cleanups",
|
|
},
|
|
{
|
|
value: "99%",
|
|
label: "User Satisfaction",
|
|
},
|
|
]}
|
|
title="Secure Your Legacy"
|
|
description="Join thousands who have regained control over their digital exposure."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Does PrivaGuard hack services?",
|
|
content: "Absolutely not. We focus solely on legal, ethical privacy improvements and OSINT discovery.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Is my data monitored 24/7?",
|
|
content: "Yes, our automated systems check for new breach notifications around the clock.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Can you guarantee removal?",
|
|
content: "No, we guide you through lawful opt-out processes; we do not guarantee third-party database removal.",
|
|
},
|
|
]}
|
|
title="Security Questions Answered"
|
|
description="Common inquiries about our monitoring platform and legal privacy services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Get Started"
|
|
title="Ready to Hardened Your Privacy?"
|
|
description="Start your first scanner today and protect your digital footprint."
|
|
buttons={[
|
|
{
|
|
text: "Begin Scan",
|
|
href: "#scanner",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="PrivaGuard"
|
|
columns={[
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{
|
|
label: "Scanner",
|
|
href: "#scanner",
|
|
},
|
|
{
|
|
label: "Pricing",
|
|
href: "#pricing",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 PrivaGuard. Ethical Privacy Solutions."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|