Merge version_2 into main #3
220
src/app/page.tsx
220
src/app/page.tsx
@@ -7,11 +7,11 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardTwo from '@/components/sections/metric/MetricCardTwo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { ShieldCheck, Target, Zap, Shield, FileText, Clock, Globe } from "lucide-react";
|
||||
import { ShieldCheck, Target, ShieldCheck as LucideIcon } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,121 +28,123 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="SanctionFlow"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SanctionFlow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Automate Your L1 Triage Process with Precision"
|
||||
description="Reduce false positives by 90% and accelerate your sanction screening workflow with our enterprise-grade automation platform."
|
||||
tag="Next-Gen Compliance Automation"
|
||||
tagIcon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"
|
||||
testimonials={[
|
||||
{ name: "Sarah Jenkins", handle: "@compliance_lead", testimonial: "The platform cut our L1 review time in half.", rating: 5 },
|
||||
{ name: "Mark Peterson", handle: "@ops_manager", testimonial: "Incredible accuracy, we can focus on high-risk cases.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Automate Your L1 Triage Process with Precision"
|
||||
description="Reduce false positives by 90% and accelerate your sanction screening workflow with our enterprise-grade automation platform."
|
||||
tag="Next-Gen Compliance Automation"
|
||||
tagIcon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"
|
||||
testimonials={[
|
||||
{ name: "Sarah Jenkins", handle: "@compliance_lead", testimonial: "The platform cut our L1 review time in half.", rating: 5 },
|
||||
{ name: "Mark Peterson", handle: "@ops_manager", testimonial: "Incredible accuracy, we can focus on high-risk cases.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Our Mission"
|
||||
title="Eliminating Friction in Compliance"
|
||||
description="We understand that L1 triage is the most time-consuming part of sanction screening. Our AI platform delivers unmatched accuracy and speed."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-team-three-watching-presentation-pc-monitor-discussing-project-sitting-workplace-pointing-display-copy-space-business-meeting-concept_74855-11552.jpg"
|
||||
tagIcon={Target}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Our Mission"
|
||||
title="Eliminating Friction in Compliance"
|
||||
description="We understand that L1 triage is the most time-consuming part of sanction screening. Our AI platform delivers unmatched accuracy and speed."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-team-three-watching-presentation-pc-monitor-discussing-project-sitting-workplace-pointing-display-copy-space-business-meeting-concept_74855-11552.jpg"
|
||||
tagIcon={Target}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
showStepNumbers={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
title="Key Platform Benefits"
|
||||
description="Advanced tools for the modern compliance team."
|
||||
features={[
|
||||
{ title: "AI-Driven Sorting", description: "Auto-prioritize high-risk alerts with deep machine learning analysis.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg" } },
|
||||
{ title: "Encrypted Data", description: "Ensure total privacy with bank-grade encryption at every step.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/conceptual-data-privacy-man-hand-pointing-with-wooden-blocks-paper-settings-icon_176474-10519.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
showStepNumbers={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
title="Key Platform Benefits"
|
||||
description="Advanced tools for the modern compliance team."
|
||||
features={[
|
||||
{ title: "AI-Driven Sorting", description: "Auto-prioritize high-risk alerts with deep machine learning analysis.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg" } },
|
||||
{ title: "Encrypted Data", description: "Ensure total privacy with bank-grade encryption at every step.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/conceptual-data-privacy-man-hand-pointing-with-wooden-blocks-paper-settings-icon_176474-10519.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Proven Performance"
|
||||
tag="Impact"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
gridVariant="bento-grid"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "m1", value: "90%", description: "Reduction in False Positives" },
|
||||
{ id: "m2", value: "85%", description: "Faster Alert Triage" },
|
||||
{ id: "m3", value: "24/7", description: "Automated Monitoring" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Proven Performance"
|
||||
tag="Impact"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
gridVariant="bento-grid"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "m1", value: "90%", description: "Reduction in False Positives" },
|
||||
{ id: "m2", value: "85%", description: "Faster Alert Triage" },
|
||||
{ id: "m3", value: "24/7", description: "Automated Monitoring" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Why Financial Leaders Choose Us"
|
||||
description="Hear from our partners about how we transformed their screening processes."
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Jenkins", handle: "@CompliancePro", testimonial: "The platform cut our L1 review time in half.", rating: 5 },
|
||||
{ id: "t2", name: "Mark Peterson", handle: "@OpsManager", testimonial: "Finally, we can focus on high-risk cases.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Why Financial Leaders Choose Us"
|
||||
description="Hear from our partners about how we transformed their screening processes."
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Jenkins", handle: "@CompliancePro", testimonial: "The platform cut our L1 review time in half.", rating: 5 },
|
||||
{ id: "t2", name: "Mark Peterson", handle: "@OpsManager", testimonial: "Finally, we can focus on high-risk cases.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Need more info? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long does deployment take?", content: "Deployment usually takes less than 24 hours." },
|
||||
{ id: "f2", title: "Is the system secure?", content: "Yes, we use AES-256 encryption." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Need more info? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long does deployment take?", content: "Deployment usually takes less than 24 hours." },
|
||||
{ id: "f2", title: "Is the system secure?", content: "Yes, we use AES-256 encryption." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Ready to transform your L1 triage workflow?"
|
||||
description="Get started today and streamline your compliance team capacity."
|
||||
tag="Get Started"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Ready to transform your L1 triage workflow?"
|
||||
description="Get started today and streamline your compliance team capacity."
|
||||
tag="Get Started"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SanctionFlow"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SanctionFlow"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user