bender/ca8eac41-38ed-4513-ac5c-b123e622f773
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 3 commits from version_1 into main 2026-03-10 22:14:36 +00:00
Conversation 0 Commits 3 Files Changed 3 +187 -259
3 changed files with 187 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
src/app/about/page.tsx
View File

@@ -1,14 +1,56 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Award, Zap, CheckCircle, Target } from "lucide-react";
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Services", items: [
{ label: "Financial Consulting", href: "/services" },
{ label: "Risk Management", href: "/services" },
{ label: "Portfolio Strategy", href: "/services" },
{ label: "Investment Advisory", href: "/services" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Approach", href: "#process" },
{ label: "Team", href: "/about" },
{ label: "Insights", href: "#insights" },
],
},
{
title: "Contact", items: [
{ label: "Schedule Consultation", href: "#cta" },
{ label: "Contact Us", href: "/contact" },
{ label: "Support", href: "/contact" },
{ label: "Careers", href: "#" },
],
},
{
title: "Resources", items: [
{ label: "Financial Insights", href: "#" },
{ label: "Market Analysis", href: "#" },
{ label: "Investment Guide", href: "#" },
{ label: "Risk Framework", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -23,59 +65,43 @@ export default function AboutPage() {
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="CDG"
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" },
{ name: "Insights", id: "insights" },
]}
/>
<NavbarStyleApple brandName="CDG" navItems={navItems} />
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="About CDG"
title="Our Financial Advisory Firm"
description="With decades of combined experience in institutional finance, CDG stands as a beacon of excellence in financial consulting. Our team of seasoned professionals brings deep expertise in complex financial strategies, risk management, and wealth preservation for high-net-worth individuals and institutional clients."
title="Trusted Financial Expertise"
description="CDG is a financial consulting firm dedicated to delivering professional financial advisory services supported by advanced analytical tools, sophisticated financial instruments, and precise risk management strategies. Our clients rely on our expertise to navigate complex financial environments and make confident, strategic decisions."
metrics={[
{ value: "25+", title: "Years of Industry Experience" },
{ value: "100+", title: "Specialized Team Members" },
{ value: "500+", title: "High-Net-Worth Clients Served" },
{ value: "$2.3B+", title: "Assets Under Advisory" },
]}
imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg?_wi=3"
imageAlt="CDG Financial Advisory expertise and analytics"
imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg"
imageAlt="abstract financial data visualization"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="differentiation" data-section="differentiation">
<FeatureHoverPattern
title="Why Choose CDG"
title="Why CDG"
description="What distinguishes our firm from conventional financial advisory practices and positions us as leaders in institutional-grade financial strategy."
features={[
{
icon: Award,
title: "Elite Financial Expertise",
description: "Our advisors operate with institutional-level financial knowledge and strategic insight refined through decades of market experience.",
},
title: "Elite Financial Expertise", description: "Our advisors operate with institutional-level financial knowledge and strategic insight refined through decades of market experience."},
{
icon: Zap,
title: "Advanced Analytical Models",
description: "Our decision-making is supported by proprietary financial assessment tools and sophisticated analytical frameworks.",
},
title: "Advanced Analytical Models", description: "Our decision-making is supported by proprietary financial assessment tools and sophisticated analytical frameworks."},
{
icon: CheckCircle,
title: "Professional Advisory Standards",
description: "Every strategy is built with discipline, rigorous analysis, and precision. No shortcuts in our approach to wealth management.",
},
title: "Professional Advisory Standards", description: "Every strategy is built with discipline, rigorous analysis, and precision. No shortcuts in our approach to wealth management."},
{
icon: Target,
title: "Client-Focused Strategy",
description: "We design tailored solutions aligned with each client's specific financial objectives, risk tolerance, and long-term vision.",
},
title: "Client-Focused Strategy", description: "We design tailored solutions aligned with each client's specific financial objectives, risk tolerance, and long-term vision."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -83,64 +109,10 @@ export default function AboutPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Connect"
title="Learn More About Our Services"
description="Reach out to CDG today to discuss how our elite financial advisory and strategic consulting can support your wealth management goals and investment objectives."
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/couple-serious-colleagues-discussing-content-computer-monitor-pointing-display-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-11650.jpg?_wi=2"
imageAlt="Professional consultation with CDG advisors"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Get in Touch"
termsText="We respect your privacy. Your information is kept confidential and will only be used for consultation scheduling."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="CDG"
columns={[
{
title: "Services",
items: [
{ label: "Financial Consulting", href: "/services" },
{ label: "Risk Management", href: "/services" },
{ label: "Portfolio Strategy", href: "/services" },
{ label: "Investment Advisory", href: "/services" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Approach", href: "#process" },
{ label: "Team", href: "/about" },
{ label: "Insights", href: "/insights" },
],
},
{
title: "Contact",
items: [
{ label: "Schedule Consultation", href: "#contact" },
{ label: "Contact Us", href: "/contact" },
{ label: "Support", href: "/contact" },
{ label: "Careers", href: "#" },
],
},
{
title: "Resources",
items: [
{ label: "Financial Insights", href: "#" },
{ label: "Market Analysis", href: "#" },
{ label: "Investment Guide", href: "#" },
{ label: "Risk Framework", href: "#" },
],
},
]}
columns={footerColumns}
copyrightText="© 2025 CDG Financial Advisory. All rights reserved."
/>
</div>

228
src/app/page.tsx
View File

@@ -1,5 +1,6 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
@@ -12,6 +13,48 @@ import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Briefcase, TrendingUp, Shield, PieChart, Award, Zap, CheckCircle, Target } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Services", items: [
{ label: "Financial Consulting", href: "/services" },
{ label: "Risk Management", href: "/services" },
{ label: "Portfolio Strategy", href: "/services" },
{ label: "Investment Advisory", href: "/services" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Approach", href: "#process" },
{ label: "Team", href: "/about" },
{ label: "Insights", href: "#insights" },
],
},
{
title: "Contact", items: [
{ label: "Schedule Consultation", href: "#cta" },
{ label: "Contact Us", href: "/contact" },
{ label: "Support", href: "/contact" },
{ label: "Careers", href: "#" },
],
},
{
title: "Resources", items: [
{ label: "Financial Insights", href: "#" },
{ label: "Market Analysis", href: "#" },
{ label: "Investment Guide", href: "#" },
{ label: "Risk Framework", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -26,16 +69,7 @@ export default function HomePage() {
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="CDG"
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" },
{ name: "Insights", id: "insights" },
]}
/>
<NavbarStyleApple brandName="CDG" navItems={navItems} />
</div>
<div id="hero" data-section="hero">
@@ -43,13 +77,13 @@ export default function HomePage() {
title="Elite Financial Consulting for Modern Investors"
description="CDG delivers high-level financial advisory, advanced risk management, and professional investment strategies designed for serious capital. Strategic Financial Intelligence."
tag="Precision. Strategy. Growth."
background={{ variant: "plain" }}
background={{ variant: "fluid" }}
buttons={[
{ text: "Schedule a Consultation", href: "contact" },
{ text: "Discover Our Approach", href: "process" },
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg"
imageAlt="Financial district skyline representing institutional expertise"
imageAlt="financial district skyline night cityscape"
/>
</div>
@@ -62,10 +96,11 @@ export default function HomePage() {
{ value: "500+", title: "High-Net-Worth Clients Served" },
{ value: "$2.3B+", title: "Assets Under Advisory" },
]}
imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg?_wi=1"
imageAlt="Advanced financial analytics and data visualization"
imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg"
imageAlt="abstract financial data visualization"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -76,24 +111,16 @@ export default function HomePage() {
features={[
{
icon: Briefcase,
title: "Strategic Financial Consulting",
description: "Professional financial advisory designed to align financial decisions with long-term strategic objectives and capital preservation.",
},
title: "Strategic Financial Consulting", description: "Professional financial advisory designed to align financial decisions with long-term strategic objectives and capital preservation."},
{
icon: TrendingUp,
title: "Advanced Financial Instruments",
description: "Access to sophisticated financial tools and instruments designed to optimize investment performance and market positioning.",
},
title: "Advanced Financial Instruments", description: "Access to sophisticated financial tools and instruments designed to optimize investment performance and market positioning."},
{
icon: Shield,
title: "Risk Management & Assessment",
description: "Our proprietary assessment models help identify, measure, and manage financial risk with precision and institutional discipline.",
},
title: "Risk Management & Assessment", description: "Our proprietary assessment models help identify, measure, and manage financial risk with precision and institutional discipline."},
{
icon: PieChart,
title: "Portfolio Strategy",
description: "We help investors structure portfolios that balance opportunity, diversification, and protection for long-term wealth creation.",
},
title: "Portfolio Strategy", description: "We help investors structure portfolios that balance opportunity, diversification, and protection for long-term wealth creation."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -107,37 +134,13 @@ export default function HomePage() {
description="A disciplined, four-step methodology refined through years of institutional financial advisory experience."
metrics={[
{
id: "1",
value: "01",
title: "Financial Analysis",
description: "Deep assessment of financial objectives and risk tolerance",
imageSrc: "http://img.b2bpic.net/free-photo/executives-giving-ideas-meeting_1098-816.jpg?_wi=1",
imageAlt: "Financial analysis and strategic planning",
},
id: "1", value: "01", title: "Financial Analysis", description: "Deep assessment of financial objectives and risk tolerance", imageSrc: "http://img.b2bpic.net/free-photo/executives-giving-ideas-meeting_1098-816.jpg", imageAlt: "financial strategy planning boardroom"},
{
id: "2",
value: "02",
title: "Strategic Planning",
description: "Tailored financial strategies using advanced tools and models",
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg?_wi=2",
imageAlt: "Strategic planning and analysis",
},
id: "2", value: "02", title: "Strategic Planning", description: "Tailored financial strategies using advanced tools and models", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148433573.jpg", imageAlt: "abstract financial data visualization"},
{
id: "3",
value: "03",
title: "Implementation",
description: "Execution through carefully selected financial instruments",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-his-staff_1098-2177.jpg?_wi=1",
imageAlt: "Implementation and execution",
},
id: "3", value: "03", title: "Implementation", description: "Execution through carefully selected financial instruments", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-his-staff_1098-2177.jpg", imageAlt: "professional financial advisor meeting client"},
{
id: "4",
value: "04",
title: "Continuous Optimization",
description: "Markets evolve. Our strategies evolve with them.",
imageSrc: "http://img.b2bpic.net/free-photo/executives-giving-ideas-meeting_1098-816.jpg?_wi=2",
imageAlt: "Continuous optimization and adaptation",
},
id: "4", value: "04", title: "Continuous Optimization", description: "Markets evolve. Our strategies evolve with them.", imageSrc: "http://img.b2bpic.net/free-photo/executives-giving-ideas-meeting_1098-816.jpg", imageAlt: "financial strategy planning boardroom"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -151,53 +154,17 @@ export default function HomePage() {
description="Hear directly from institutional and high-net-worth clients who have experienced CDG's expertise firsthand."
testimonials={[
{
id: "1",
name: "Jonathan Pierce",
handle: "CEO, Capital Growth Partners",
testimonial: "Professional financial advisors with multiple advanced tools. Their strategies and financial knowledge are truly exceptional. CDG transformed our portfolio strategy.",
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=1",
imageAlt: "Jonathan Pierce",
},
id: "1", name: "Jonathan Pierce", handle: "CEO, Capital Growth Partners", testimonial: "Professional financial advisors with multiple advanced tools. Their strategies and financial knowledge are truly exceptional. CDG transformed our portfolio strategy.", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", imageAlt: "professional businessman headshot portrait"},
{
id: "2",
name: "Victoria Chen",
handle: "CIO, Wealth Management Group",
testimonial: "Financial advisors of the highest level. Their professionalism and skills set them apart. The institutional expertise is evident in every recommendation.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012908.jpg?_wi=1",
imageAlt: "Victoria Chen",
},
id: "2", name: "Victoria Chen", handle: "CIO, Wealth Management Group", testimonial: "Financial advisors of the highest level. Their professionalism and skills set them apart. The institutional expertise is evident in every recommendation.", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012908.jpg", imageAlt: "professional woman headshot business"},
{
id: "3",
name: "Michael Thompson",
handle: "Director, Investment Strategy",
testimonial: "Excellent risk management and financial assessment models. Highly recommended for any serious investor. Their analytical rigor is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-businessman-black-suit_23-2147955368.jpg?_wi=1",
imageAlt: "Michael Thompson",
},
id: "3", name: "Michael Thompson", handle: "Director, Investment Strategy", testimonial: "Excellent risk management and financial assessment models. Highly recommended for any serious investor. Their analytical rigor is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-businessman-black-suit_23-2147955368.jpg", imageAlt: "mature business professional portrait"},
{
id: "4",
name: "Alexandra Ross",
handle: "Partner, Private Investment Fund",
testimonial: "High-level financial consulting with exceptional professionalism. CDG's approach to strategic planning elevated our entire advisory framework.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg?_wi=1",
imageAlt: "Alexandra Ross",
},
id: "4", name: "Alexandra Ross", handle: "Partner, Private Investment Fund", testimonial: "High-level financial consulting with exceptional professionalism. CDG's approach to strategic planning elevated our entire advisory framework.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "professional business woman portrait"},
{
id: "5",
name: "David Hartley",
handle: "Managing Director, Institutional Wealth",
testimonial: "The caliber of financial expertise and institutional knowledge CDG brings is exceptional. A true partner in complex financial strategy.",
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=2",
imageAlt: "David Hartley",
},
id: "5", name: "David Hartley", handle: "Managing Director, Institutional Wealth", testimonial: "The caliber of financial expertise and institutional knowledge CDG brings is exceptional. A true partner in complex financial strategy.", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", imageAlt: "professional businessman headshot portrait"},
{
id: "6",
name: "Sarah Mitchell",
handle: "VP, Global Financial Strategy",
testimonial: "Working with CDG has been transformational. Their risk management frameworks and strategic insights consistently exceed expectations.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012908.jpg?_wi=2",
imageAlt: "Sarah Mitchell",
},
id: "6", name: "Sarah Mitchell", handle: "VP, Global Financial Strategy", testimonial: "Working with CDG has been transformational. Their risk management frameworks and strategic insights consistently exceed expectations.", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012908.jpg", imageAlt: "professional woman headshot business"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -205,15 +172,39 @@ export default function HomePage() {
/>
</div>
<div id="contact" data-section="contact">
<div id="differentiation" data-section="differentiation">
<FeatureHoverPattern
title="Why CDG"
description="What distinguishes our firm from conventional financial advisory practices and positions us as leaders in institutional-grade financial strategy."
features={[
{
icon: Award,
title: "Elite Financial Expertise", description: "Our advisors operate with institutional-level financial knowledge and strategic insight refined through decades of market experience."},
{
icon: Zap,
title: "Advanced Analytical Models", description: "Our decision-making is supported by proprietary financial assessment tools and sophisticated analytical frameworks."},
{
icon: CheckCircle,
title: "Professional Advisory Standards", description: "Every strategy is built with discipline, rigorous analysis, and precision. No shortcuts in our approach to wealth management."},
{
icon: Target,
title: "Client-Focused Strategy", description: "We design tailored solutions aligned with each client's specific financial objectives, risk tolerance, and long-term vision."},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="cta" data-section="cta">
<ContactSplit
tag="Consultation"
title="Work With Elite Financial Advisors"
description="Connect with CDG to access professional financial consulting and advanced strategic advisory tailored to your investment objectives and capital preservation goals."
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/couple-serious-colleagues-discussing-content-computer-monitor-pointing-display-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-11650.jpg?_wi=1"
imageAlt="Professional financial consultation setting"
imageSrc="http://img.b2bpic.net/free-photo/couple-serious-colleagues-discussing-content-computer-monitor-pointing-display-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-11650.jpg"
imageAlt="financial advisor consultation meeting"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
@@ -225,44 +216,7 @@ export default function HomePage() {
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="CDG"
columns={[
{
title: "Services",
items: [
{ label: "Financial Consulting", href: "/services" },
{ label: "Risk Management", href: "/services" },
{ label: "Portfolio Strategy", href: "/services" },
{ label: "Investment Advisory", href: "/services" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Approach", href: "#process" },
{ label: "Team", href: "/about" },
{ label: "Insights", href: "/insights" },
],
},
{
title: "Contact",
items: [
{ label: "Schedule Consultation", href: "#contact" },
{ label: "Contact Us", href: "/contact" },
{ label: "Support", href: "/contact" },
{ label: "Careers", href: "#" },
],
},
{
title: "Resources",
items: [
{ label: "Financial Insights", href: "#" },
{ label: "Market Analysis", href: "#" },
{ label: "Investment Guide", href: "#" },
{ label: "Risk Framework", href: "#" },
],
},
]}
columns={footerColumns}
copyrightText="© 2025 CDG Financial Advisory. All rights reserved."
/>
</div>

76
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,53 @@
"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?: string | number;
letterSpacing?: number;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 48,
fontWeight = 700,
letterSpacing = 0,
}) => {
const textLength = text.length;
const charWidth = fontSize * 0.6;
const width = textLength * charWidth + letterSpacing * (textLength - 1);
const height = fontSize * 1.4;
const padding = 20;
const viewBoxWidth = width + padding * 2;
const viewBoxHeight = height + padding * 2;
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 ${viewBoxWidth} ${viewBoxHeight}`}
className={className}
preserveAspectRatio="xMidYMid meet"
>
<defs>
<linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style={{ stopColor: 'currentColor', stopOpacity: 1 }} />
<stop offset="100%" style={{ stopColor: 'currentColor', stopOpacity: 0.7 }} />
</linearGradient>
</defs>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x={viewBoxWidth / 2}
y={viewBoxHeight / 2}
textAnchor="middle"
dominantBaseline="middle"
fontSize={fontSize}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill="url(#textGradient)"
fontFamily="system-ui, -apple-system, sans-serif"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
};