Merge version_3 into main #5
139
src/app/page.tsx
139
src/app/page.tsx
@@ -3,17 +3,18 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { AlertCircle, Archive, CheckCircle, FileText, Shield, TrendingUp, User, Zap } from "lucide-react";
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { AlertCircle, CheckCircle, FileText, Shield, TrendingUp, User, Zap } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -80,18 +81,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Automated Prioritization", price: "Standard", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-51691.jpg" },
|
||||
{ id: "p2", name: "Audit Logs", price: "Integrated", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg" },
|
||||
{ id: "p3", name: "Case Intelligence", price: "Advanced", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/workers-working-computer-network-graphic-overlay_53876-132297.jpg" },
|
||||
{ id: "p4", name: "Risk Scoring", price: "Adaptive", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/business-conveyor-concept-idea-business-development-coordination-business-project-planning-optimization-streamlining-effective-team-work-isolated-flat-vector-illustration_613284-1092.jpg?_wi=1" },
|
||||
{ id: "p5", name: "Team Reporting", price: "Collaborative", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-analyzing-statistics-while-reading-charts-office-copy-space_637285-12.jpg" },
|
||||
{ id: "p6", name: "API Connectors", price: "Unified", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg" },
|
||||
{ id: "p1", brand: "Core", name: "Automated Prioritization", price: "Standard", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-51691.jpg" },
|
||||
{ id: "p2", brand: "Core", name: "Audit Logs", price: "Integrated", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg" },
|
||||
]}
|
||||
title="Platform Overview"
|
||||
description="Enterprise-grade tools for compliance professionals."
|
||||
@@ -99,37 +96,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="workflow" data-section="workflow">
|
||||
<FeatureCardTen
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Alert Aggregation", description: "Consolidate alerts from multiple systems.", media: { imageSrc: "http://img.b2bpic.net/free-vector/linear-financial-icons_1257-311.jpg", imageAlt: "Flow" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Multi-source" },
|
||||
{ icon: Zap, text: "Real-time" },
|
||||
{ icon: Shield, text: "Secure" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Decision Documentation", description: "Every action captured for auditors.", media: { imageSrc: "http://img.b2bpic.net/free-photo/female-analyzing-finance-cooperation-tech-touchpad_1421-247.jpg", imageAlt: "Docs" },
|
||||
items: [
|
||||
{ icon: FileText, text: "Audit-ready" },
|
||||
{ icon: User, text: "Analyst-centric" },
|
||||
{ icon: Archive, text: "Permanent" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Actionable Risk Insights", description: "Prioritize risk based on severity.", media: { imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg", imageAlt: "Risk" },
|
||||
items: [
|
||||
{ icon: TrendingUp, text: "Insightful" },
|
||||
{ icon: AlertCircle, text: "Prioritized" },
|
||||
{ icon: Shield, text: "Proven" },
|
||||
],
|
||||
reverse: false,
|
||||
id: "f1", label: "Streamline", title: "Alert Aggregation", items: ["Multi-source", "Real-time", "Secure"],
|
||||
buttons: [{ text: "Learn More" }]
|
||||
},
|
||||
]}
|
||||
title="Alert-to-Decision Workflow"
|
||||
@@ -138,14 +112,12 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="intelligence" data-section="intelligence">
|
||||
<MetricCardEleven
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "40%", title: "Time Saved", description: "Reduced investigation time.", imageSrc: "http://img.b2bpic.net/free-photo/person-talking-colleagues-video-call-communication-using-smartphone-business-meeting-businessman-holding-mobile-phone-online-conference-with-workmates-corporate-office_482257-28475.jpg" },
|
||||
{ id: "m2", value: "99.9%", title: "Compliance Accuracy", description: "High integrity audits.", imageSrc: "http://img.b2bpic.net/free-photo/working-process-startup-businessman-working-wood-table-with-new-finance-project-modern-notebook-table-pen-holding-hand_1423-65.jpg" },
|
||||
{ id: "m3", value: "10k+", title: "Cases Handled", description: "Validated throughput.", imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg" },
|
||||
{ id: "m1", value: "40%", title: "Time Saved", items: ["Reduced investigation time", "Faster resolution"] },
|
||||
]}
|
||||
title="AI Assisted Intelligence"
|
||||
description="Augmented decision-making for your human team."
|
||||
@@ -153,56 +125,41 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="case-management" data-section="case-management">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<TestimonialCardTwelve
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice Miller", handle: "@compliance_lead", testimonial: "Voltio finally made our investigation process audit-ready and defensible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/work-desk-bookkeeping-workplace-career-sunlight_1418-526.jpg" },
|
||||
{ id: "t2", name: "Mark Stevens", handle: "@aml_manager", testimonial: "The decision documentation feature is a game changer for regulators.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-with-beard-working-hard-his-desk-office-motivated-man_482257-18758.jpg" },
|
||||
{ id: "t3", name: "Sarah Chen", handle: "@risk_director", testimonial: "Voltio respects human expertise while providing necessary AI support.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lnc1m6" },
|
||||
{ id: "t4", name: "John Doe", handle: "@compliance_officer", testimonial: "Unmatched visibility into our alert resolution process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-analyse-idea-concept_1421-226.jpg" },
|
||||
{ id: "t5", name: "Jane Smith", handle: "@analyst", testimonial: "Defensible decisions are now the standard, not the exception.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employee-examining-company-performance_482257-121856.jpg" },
|
||||
{ id: "t1", name: "Alice Miller", imageSrc: "http://img.b2bpic.net/free-photo/work-desk-bookkeeping-workplace-career-sunlight_1418-526.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Analysts Say"
|
||||
description="Trusted by major compliance teams."
|
||||
cardTitle="What Analysts Say"
|
||||
cardTag="Testimonials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reporting" data-section="reporting">
|
||||
<FaqBase
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Are files audit-ready?", content: "Yes, every action and human decision is logged in immutable records." },
|
||||
{ id: "f2", title: "Do I retain control?", content: "Voltio is designed as AI-assisted. You make the final decision." },
|
||||
{ id: "f3", title: "Can we integrate existing APIs?", content: "Voltio integrates with standard industry compliance APIs easily." },
|
||||
]}
|
||||
title="Audit-Ready Reports"
|
||||
description="Standardized, exportable, and defensible documentation."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pilot", title: "Pilot", price: "EUR 2,500", period: "one-time", features: ["Proof of Concept", "Basic Integration", "Email Support"],
|
||||
button: { text: "Contact Sales" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg"},
|
||||
{
|
||||
id: "business", title: "Business", price: "EUR 1,500", period: "month", features: ["Advanced AML Rules", "Team Collaboration", "Priority Support"],
|
||||
button: { text: "Select Business" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-119617.jpg?_wi=2"},
|
||||
{
|
||||
id: "enterprise", title: "Enterprise", price: "EUR 4,000", period: "month", features: ["Full Audit Logs", "Custom Reporting", "Dedicated Support"],
|
||||
button: { text: "Contact Enterprise" },
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-conveyor-concept-idea-business-development-coordination-business-project-planning-optimization-streamlining-effective-team-work-isolated-flat-vector-illustration_613284-1092.jpg?_wi=2"},
|
||||
id: "pilot", tag: "Starter", price: "EUR 2,500", period: "one-time", description: "Basic POC", button: { text: "Contact Sales" },
|
||||
featuresTitle: "Core Features", features: ["Proof of Concept", "Basic Integration"]
|
||||
},
|
||||
]}
|
||||
title="Flexible Deployment"
|
||||
description="Transparent pricing for any compliance scale."
|
||||
@@ -213,51 +170,29 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={["Finbank Corp", "TrustWealth Group", "NeoAssets Inc", "Global Trade Secure", "Secure Pay Systems", "Apex Financial", "Capital Shield"]}
|
||||
names={["Finbank Corp", "TrustWealth Group", "NeoAssets Inc"]}
|
||||
title="Enterprise Trust"
|
||||
description="Built with the highest security standards for financial data."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Request a Demo"
|
||||
description="See how Voltio transforms your compliance operations."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Company Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
<ContactCTA
|
||||
tag="Ready to start?"
|
||||
title="Scale your compliance operations."
|
||||
description="Get in touch for a live demo."
|
||||
buttons={[{ text: "Get Started" }]}
|
||||
useInvertedBackground={true}
|
||||
buttonText="Submit Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-glowing-flowing-waves-with-particles_1048-18189.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterMedia
|
||||
logoText="Voltio"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-glowing-flowing-waves-with-particles_1048-18189.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Overview", href: "#product" },
|
||||
{ label: "Workflow", href: "#workflow" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Security", href: "#trust" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Overview", href: "#product" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Voltio Technologies. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user