diff --git a/src/app/page.tsx b/src/app/page.tsx index 1dce8d5..0440608 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -17,7 +17,6 @@ import { Cpu, DollarSign, Eye, - Face, FileCheck, Grid, Gauge, @@ -71,7 +70,7 @@ export default function LandingPage() { tagAnimation="slide-up" background={{ variant: "glowing-orb" }} imagePosition="right" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/a-modern-ai-powered-identity-verificatio-1773173645296-2efa58dc.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/a-modern-ai-powered-identity-verificatio-1773173645296-2efa58dc.png" imageAlt="Identity Verification Interface" mediaAnimation="blur-reveal" buttons={[ @@ -91,6 +90,9 @@ export default function LandingPage() { tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} + names={[ + "FinTech Pro", "CryptoExchange", "BankSecure", "MarketHub", "PaymentFlow", "SecurityCorp", "BlockchainTech" + ]} logos={[ "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/professional-fintech-company-logo-modern-1773173644787-75e9f42b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/professional-crypto-exchange-logo-modern-1773173646376-4e4d8b05.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/professional-banking-institution-logo-mo-1773173644973-ff7c4a3b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/professional-marketplace-platform-logo-m-1773173646291-61dd3ee4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/professional-payment-processor-logo-mode-1773173645013-a443e48a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/professional-security-and-compliance-log-1773173644829-def8d3d0.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/professional-blockchain-technology-logo--1773173644281-82a2bdf3.png" ]} @@ -112,7 +114,7 @@ export default function LandingPage() { title: "Document Verification", description: "AI-powered OCR and template matching for instant document authenticity verification across 200+ countries" }, { - icon: Face, + icon: Eye, title: "Face Verification", description: "Advanced biometric matching with 98%+ accuracy using state-of-the-art facial recognition technology" }, { @@ -140,10 +142,10 @@ export default function LandingPage() { tagAnimation="slide-up" metrics={[ { - id: "1", value: "10M+", title: "Verifications", description: "Successfully verified identities globally", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/a-modern-ai-powered-identity-verificatio-1773173645296-2efa58dc.png?_wi=2", imageAlt: "Verification success tracking" + id: "1", value: "10M+", title: "Verifications", description: "Successfully verified identities globally", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/a-modern-ai-powered-identity-verificatio-1773173645296-2efa58dc.png", imageAlt: "Verification success tracking" }, { - id: "2", value: "98%", title: "Accuracy Rate", description: "Industry-leading facial recognition accuracy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/a-modern-ai-powered-identity-verificatio-1773173645296-2efa58dc.png?_wi=3", imageAlt: "Accuracy metrics" + id: "2", value: "98%", title: "Accuracy Rate", description: "Industry-leading facial recognition accuracy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/a-modern-ai-powered-identity-verificatio-1773173645296-2efa58dc.png", imageAlt: "Accuracy metrics" }, { id: "3", value: "200+", title: "Countries Supported", description: "Global coverage with local compliance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AliTuIVgCg0pg6pimYI8RUeOD5/world-map-illustration-with-glowing-dots-1773173645094-8fad5582.png", imageAlt: "Global coverage map" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..f34c854 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,49 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from "react"; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; + fontSize?: number; + fontFamily?: string; + fontWeight?: string | number; + fill?: string; + letterSpacing?: number; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + className = "", fontSize = 48, + fontFamily = "Inter, sans-serif", fontWeight = 600, + fill = "currentColor", letterSpacing = 0, +}) => { + const textLength = text.length; + const charWidth = fontSize * 0.5; + const width = textLength * charWidth + 20; + const height = fontSize + 20; return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file