Merge version_1 into main #2
@@ -67,13 +67,13 @@ export default function LandingPage() {
|
||||
id: "01", title: "Create Verified Profile", description: "Build your startup, investor, or talent profile with verified credentials, KYC compliance, and role-based access controls for ultimate trust.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/a-visual-representation-of-the-four-step-1773373799336-0ea295e0.png", imageAlt: "Onboarding flow process"
|
||||
},
|
||||
{
|
||||
id: "02", title: "AI-Powered Matching", description: "Our advanced algorithms match startups with ideal talent, investors discover high-potential companies, and opportunities find the right people.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-abstract-visualization-of-ai-powered--1773373798635-27b76f2d.png?_wi=1", imageAlt: "AI matching algorithm"
|
||||
id: "02", title: "AI-Powered Matching", description: "Our advanced algorithms match startups with ideal talent, investors discover high-potential companies, and opportunities find the right people.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-abstract-visualization-of-ai-powered--1773373798635-27b76f2d.png", imageAlt: "AI matching algorithm"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Structured Interaction", description: "Engage through secure messaging, video calls, due diligence reviews, and documented interactions with full transparency and audit trails.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-representing-secure-docu-1773373798884-d7fb50bb.png?_wi=1", imageAlt: "Secure vault storage"
|
||||
id: "03", title: "Structured Interaction", description: "Engage through secure messaging, video calls, due diligence reviews, and documented interactions with full transparency and audit trails.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-representing-secure-docu-1773373798884-d7fb50bb.png", imageAlt: "Secure vault storage"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Execute & Scale", description: "Close deals, hire talent, raise funding, or buy ready-made software solutions with integrated payment and compliance tracking systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/visual-representation-of-startups-discov-1773373799275-a4b24b10.png?_wi=1", imageAlt: "Funding discovery"
|
||||
id: "04", title: "Execute & Scale", description: "Close deals, hire talent, raise funding, or buy ready-made software solutions with integrated payment and compliance tracking systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/visual-representation-of-startups-discov-1773373799275-a4b24b10.png", imageAlt: "Funding discovery"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
@@ -90,22 +90,22 @@ export default function LandingPage() {
|
||||
tag="Features"
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "For Startups: Hire & Grow", description: "Access vetted talent, experienced mentors, and CTOs/CFOs for your leadership team. Build stronger teams faster with AI-powered talent matching.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-showing-startups-success-1773373799103-90dd9573.png?_wi=1", imageAlt: "Startup hiring"
|
||||
id: "01", title: "For Startups: Hire & Grow", description: "Access vetted talent, experienced mentors, and CTOs/CFOs for your leadership team. Build stronger teams faster with AI-powered talent matching.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-showing-startups-success-1773373799103-90dd9573.png", imageAlt: "Startup hiring"
|
||||
},
|
||||
{
|
||||
id: "02", title: "For Investors: Discover & Invest", description: "Find verified high-potential startups with detailed due diligence reports, financial metrics, and compliance checks for confident investment decisions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/visual-representation-of-startups-discov-1773373799275-a4b24b10.png?_wi=2", imageAlt: "Funding discovery"
|
||||
id: "02", title: "For Investors: Discover & Invest", description: "Find verified high-potential startups with detailed due diligence reports, financial metrics, and compliance checks for confident investment decisions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/visual-representation-of-startups-discov-1773373799275-a4b24b10.png", imageAlt: "Funding discovery"
|
||||
},
|
||||
{
|
||||
id: "03", title: "For Talent: Find Opportunities", description: "Discover exciting roles in high-growth startups with transparent equity offers, role clarity, and career growth opportunities on one platform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-showing-startups-success-1773373799103-90dd9573.png?_wi=2", imageAlt: "Startup hiring"
|
||||
id: "03", title: "For Talent: Find Opportunities", description: "Discover exciting roles in high-growth startups with transparent equity offers, role clarity, and career growth opportunities on one platform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-showing-startups-success-1773373799103-90dd9573.png", imageAlt: "Startup hiring"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Software Marketplace", description: "Buy and sell ready-made B2B software solutions, SaaS tools, and digital products with secure payments and verified seller ratings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/a-dynamic-marketplace-showing-b2b-softwa-1773373799208-7f8e2643.png", imageAlt: "Software marketplace"
|
||||
},
|
||||
{
|
||||
id: "05", title: "Secure Document Vault", description: "Store, manage, and share confidential documents with role-based access control, encryption, and complete audit trails for compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-representing-secure-docu-1773373798884-d7fb50bb.png?_wi=2", imageAlt: "Secure vault"
|
||||
id: "05", title: "Secure Document Vault", description: "Store, manage, and share confidential documents with role-based access control, encryption, and complete audit trails for compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-representing-secure-docu-1773373798884-d7fb50bb.png", imageAlt: "Secure vault"
|
||||
},
|
||||
{
|
||||
id: "06", title: "AI-Driven Insights", description: "Get automated analysis of market trends, startup performance metrics, talent availability, and funding landscape with actionable recommendations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-abstract-visualization-of-ai-powered--1773373798635-27b76f2d.png?_wi=2", imageAlt: "AI insights"
|
||||
id: "06", title: "AI-Driven Insights", description: "Get automated analysis of market trends, startup performance metrics, talent availability, and funding landscape with actionable recommendations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-abstract-visualization-of-ai-powered--1773373798635-27b76f2d.png", imageAlt: "AI insights"
|
||||
}
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
@@ -153,16 +153,16 @@ export default function LandingPage() {
|
||||
tag="Security First"
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "KYC & AML Compliance", description: "Full Know Your Customer and Anti-Money Laundering verification for all members. Multiple verification levels ensure legitimacy and reduce fraud risk.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/a-professional-illustration-showing-kyc--1773373798768-41105ccd.png?_wi=1", imageAlt: "KYC AML compliance"
|
||||
id: "01", title: "KYC & AML Compliance", description: "Full Know Your Customer and Anti-Money Laundering verification for all members. Multiple verification levels ensure legitimacy and reduce fraud risk.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/a-professional-illustration-showing-kyc--1773373798768-41105ccd.png", imageAlt: "KYC AML compliance"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Encrypted Storage", description: "All documents, communications, and sensitive data encrypted with bank-level encryption standards and secure multi-factor authentication.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-representing-secure-docu-1773373798884-d7fb50bb.png?_wi=3", imageAlt: "Encrypted storage"
|
||||
id: "02", title: "Encrypted Storage", description: "All documents, communications, and sensitive data encrypted with bank-level encryption standards and secure multi-factor authentication.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/an-illustration-representing-secure-docu-1773373798884-d7fb50bb.png", imageAlt: "Encrypted storage"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Role-Based Access Control", description: "Fine-grained permission management ensures each user sees only what they need. Audit trails log every access and action for compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/a-professional-illustration-showing-kyc--1773373798768-41105ccd.png?_wi=2", imageAlt: "Access control"
|
||||
id: "03", title: "Role-Based Access Control", description: "Fine-grained permission management ensures each user sees only what they need. Audit trails log every access and action for compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/a-professional-illustration-showing-kyc--1773373798768-41105ccd.png", imageAlt: "Access control"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Startup Due Diligence", description: "Comprehensive due diligence reports including financial health, team verification, market analysis, and regulatory compliance status for investors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/visual-representation-of-startups-discov-1773373799275-a4b24b10.png?_wi=3", imageAlt: "Due diligence"
|
||||
id: "04", title: "Startup Due Diligence", description: "Comprehensive due diligence reports including financial health, team verification, market analysis, and regulatory compliance status for investors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsG8jYqHMzckPPe6ibuqUtkJxR/visual-representation-of-startups-discov-1773373799275-a4b24b10.png", imageAlt: "Due diligence"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
@@ -203,7 +203,6 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,51 +1,56 @@
|
||||
"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;
|
||||
fontWeight?: number;
|
||||
letterSpacing?: number;
|
||||
fill?: string;
|
||||
animationDuration?: number;
|
||||
animationDelay?: number;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
fontSize = 48,
|
||||
fontWeight = 700,
|
||||
letterSpacing = 2,
|
||||
fill = 'currentColor',
|
||||
animationDuration = 0.6,
|
||||
animationDelay = 0,
|
||||
}) => {
|
||||
// Calculate SVG dimensions
|
||||
const textLength = text.length;
|
||||
const estimatedWidth = textLength * (fontSize * 0.6) + letterSpacing * (textLength - 1);
|
||||
const svgWidth = Math.max(estimatedWidth + 20, 200);
|
||||
const svgHeight = fontSize + 20;
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${svgWidth} ${svgHeight}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
fill={fill}
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
fontFamily: 'system-ui, -apple-system, sans-serif',
|
||||
}}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user