Merge version_1 into main #2
161
src/app/page.tsx
161
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="CompTrack"
|
||||
/>
|
||||
@@ -53,21 +45,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Your Compliance with Confidence"
|
||||
description="The ultimate real-time tracking platform for modern regulatory adherence. Streamline your workflows, mitigate risks, and stay audit-ready 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "Request Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Demo", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/vr-virtual-reality-isometric-man-stay-platform-choosing-options-data-analysis-concept_39422-891.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/vr-virtual-reality-isometric-man-stay-platform-choosing-options-data-analysis-concept_39422-891.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,9 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built for Rigor"
|
||||
description={[
|
||||
"Our platform provides an end-to-end view of your compliance lifecycle. From policy mapping to automated evidence collection, we ensure your business remains compliant in a complex regulatory landscape.",
|
||||
"We empower your legal and operations teams to focus on strategy while our systems handle the granular task of tracking compliance adherence.",
|
||||
]}
|
||||
"Our platform provides an end-to-end view of your compliance lifecycle. From policy mapping to automated evidence collection, we ensure your business remains compliant in a complex regulatory landscape.", "We empower your legal and operations teams to focus on strategy while our systems handle the granular task of tracking compliance adherence."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,55 +74,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Policy Mapping",
|
||||
description: "Instantly link internal policies to global regulatory requirements.",
|
||||
icon: Shield,
|
||||
title: "Policy Mapping", description: "Instantly link internal policies to global regulatory requirements.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg?_wi=1",
|
||||
imageAlt: "Policy Mapping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg", imageAlt: "Policy Mapping"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg?_wi=2",
|
||||
imageAlt: "Policy Mapping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg", imageAlt: "Policy Mapping"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vr-virtual-reality-isometric-man-stay-platform-choosing-options-data-analysis-concept_39422-891.jpg?_wi=2",
|
||||
imageAlt: "compliance dashboard interface",
|
||||
},
|
||||
{
|
||||
title: "Automated Audits",
|
||||
description: "Continuous monitoring and reporting that never sleeps.",
|
||||
icon: Zap,
|
||||
title: "Automated Audits", description: "Continuous monitoring and reporting that never sleeps.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg?_wi=3",
|
||||
imageAlt: "Automated Audits",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg", imageAlt: "Automated Audits"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg?_wi=4",
|
||||
imageAlt: "Automated Audits",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg", imageAlt: "Automated Audits"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg?_wi=5",
|
||||
imageAlt: "compliance tracking software dashboard",
|
||||
},
|
||||
{
|
||||
title: "Risk Analytics",
|
||||
description: "Predictive insights to manage risk before it becomes an issue.",
|
||||
icon: LineChart,
|
||||
title: "Risk Analytics", description: "Predictive insights to manage risk before it becomes an issue.", icon: LineChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg?_wi=6",
|
||||
imageAlt: "Risk Analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg", imageAlt: "Risk Analytics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg?_wi=7",
|
||||
imageAlt: "Risk Analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-connectivity-5g-technology_24877-53973.jpg", imageAlt: "Risk Analytics"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142384.jpg",
|
||||
imageAlt: "corporate professional woman headshot",
|
||||
},
|
||||
]}
|
||||
title="Automate Every Checkpoint"
|
||||
@@ -152,20 +113,11 @@ export default function LandingPage() {
|
||||
tag="Audit Ready"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime Coverage",
|
||||
},
|
||||
id: "m1", value: "99.9%", description: "Uptime Coverage"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
description: "Regulations Tracked",
|
||||
},
|
||||
id: "m2", value: "150+", description: "Regulations Tracked"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50%",
|
||||
description: "Workflow Efficiency Gain",
|
||||
},
|
||||
id: "m3", value: "50%", description: "Workflow Efficiency Gain"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -178,54 +130,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$499/mo",
|
||||
subtitle: "Essential tracking for teams",
|
||||
features: [
|
||||
"10 active policies",
|
||||
"Email support",
|
||||
"Audit dashboard",
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "$499/mo", subtitle: "Essential tracking for teams", features: [
|
||||
"10 active policies", "Email support", "Audit dashboard"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growth",
|
||||
price: "$999/mo",
|
||||
subtitle: "Advanced automation for growth",
|
||||
features: [
|
||||
"All basic features",
|
||||
"Custom workflows",
|
||||
"24/7 Priority support",
|
||||
],
|
||||
id: "pro", badge: "Growth", price: "$999/mo", subtitle: "Advanced automation for growth", features: [
|
||||
"All basic features", "Custom workflows", "24/7 Priority support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "Total compliance security",
|
||||
features: [
|
||||
"Unlimited policies",
|
||||
"Custom compliance mapping",
|
||||
"Dedicated account manager",
|
||||
],
|
||||
id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Total compliance security", features: [
|
||||
"Unlimited policies", "Custom compliance mapping", "Dedicated account manager"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -239,33 +164,21 @@ export default function LandingPage() {
|
||||
logoText="CompTrack"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Metrics", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user