Merge version_1 into main #2
@@ -46,7 +46,7 @@ export default function LandingPage() {
|
||||
tag="Software Innovation"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/abstract-futuristic-tech-animation-backg-1773385817135-5843950e.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/abstract-futuristic-tech-animation-backg-1773385817135-5843950e.png"
|
||||
imageAlt="Futuristic tech animation background"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
@@ -54,7 +54,7 @@ export default function LandingPage() {
|
||||
{ text: "Explore Our Services", href: "services" },
|
||||
{ text: "Get in Touch", href: "contact" }
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="slide-up"
|
||||
className="relative min-h-screen flex items-center justify-center"
|
||||
/>
|
||||
</div>
|
||||
@@ -88,7 +88,7 @@ export default function LandingPage() {
|
||||
id: "1", name: "Web Development", price: "WordPress • MERN • Maintenance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/modern-web-development-interface-mockup--1773385817246-37f40481.png", imageAlt: "Web development showcase"
|
||||
},
|
||||
{
|
||||
id: "2", name: "UI/UX Design", price: "Design • Prototyping • Systems", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/creative-ui-ux-design-interface-showing--1773385817429-ad50809f.png?_wi=1", imageAlt: "UI/UX design interface"
|
||||
id: "2", name: "UI/UX Design", price: "Design • Prototyping • Systems", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/creative-ui-ux-design-interface-showing--1773385817429-ad50809f.png", imageAlt: "UI/UX design interface"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Mobile Apps", price: "iOS • Android • Cross-Platform", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/mobile-app-development-showcase-with-ios-1773385817222-9d0dfc98.png", imageAlt: "Mobile app development"
|
||||
@@ -117,11 +117,11 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Design & Prototyping", description: "Our creative team crafts beautiful, functional designs with interactive prototypes that bring your vision to life before development begins.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/design-phase-visualization-with-figma-de-1773385817646-4119f953.png?_wi=1", imageAlt: "Design phase interface mockups"
|
||||
title: "Design & Prototyping", description: "Our creative team crafts beautiful, functional designs with interactive prototypes that bring your vision to life before development begins.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/design-phase-visualization-with-figma-de-1773385817646-4119f953.png", imageAlt: "Design phase interface mockups"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Development", description: "Expert developers build your solution using modern tech stacks and best practices. We ensure scalability, performance, and clean code architecture.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/development-phase-showing-code-editor-ve-1773385818509-7ebc6320.png?_wi=1", imageAlt: "Development workspace coding"
|
||||
title: "Development", description: "Expert developers build your solution using modern tech stacks and best practices. We ensure scalability, performance, and clean code architecture.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/development-phase-showing-code-editor-ve-1773385818509-7ebc6320.png", imageAlt: "Development workspace coding"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
@@ -146,19 +146,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Lightning Fast Delivery", description: "Agile methodologies and efficient workflows ensure your project launches on time without compromising quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/abstract-futuristic-tech-animation-backg-1773385817135-5843950e.png?_wi=2", imageAlt: "Fast delivery performance"
|
||||
title: "Lightning Fast Delivery", description: "Agile methodologies and efficient workflows ensure your project launches on time without compromising quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/abstract-futuristic-tech-animation-backg-1773385817135-5843950e.png", imageAlt: "Fast delivery performance"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Creative Excellence", description: "Award-winning designers and developers who push boundaries and create memorable digital experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/creative-ui-ux-design-interface-showing--1773385817429-ad50809f.png?_wi=2", imageAlt: "Creative design excellence"
|
||||
title: "Creative Excellence", description: "Award-winning designers and developers who push boundaries and create memorable digital experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/creative-ui-ux-design-interface-showing--1773385817429-ad50809f.png", imageAlt: "Creative design excellence"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Modern Tech Stack", description: "We leverage the latest technologies and frameworks to build scalable, secure, and future-proof solutions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/development-phase-showing-code-editor-ve-1773385818509-7ebc6320.png?_wi=2", imageAlt: "Modern technology development"
|
||||
title: "Modern Tech Stack", description: "We leverage the latest technologies and frameworks to build scalable, secure, and future-proof solutions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/development-phase-showing-code-editor-ve-1773385818509-7ebc6320.png", imageAlt: "Modern technology development"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Reliable Support", description: "Dedicated support team ready to assist with maintenance, updates, and optimization long after launch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/abstract-futuristic-digital-landscape-wi-1773385817115-63dbf28f.png?_wi=1", imageAlt: "Reliable support services"
|
||||
title: "Reliable Support", description: "Dedicated support team ready to assist with maintenance, updates, and optimization long after launch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/abstract-futuristic-digital-landscape-wi-1773385817115-63dbf28f.png", imageAlt: "Reliable support services"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -176,13 +176,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "E-Commerce Platform", price: "Web Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/e-commerce-website-project-showcase-with-1773385818027-345851a8.png?_wi=1", imageAlt: "E-commerce project showcase"
|
||||
id: "1", name: "E-Commerce Platform", price: "Web Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/e-commerce-website-project-showcase-with-1773385818027-345851a8.png", imageAlt: "E-commerce project showcase"
|
||||
},
|
||||
{
|
||||
id: "2", name: "SaaS Dashboard", price: "Full Stack", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/saas-platform-interface-showing-dashboar-1773385818242-0ce6bf1f.png?_wi=1", imageAlt: "SaaS platform project"
|
||||
id: "2", name: "SaaS Dashboard", price: "Full Stack", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/saas-platform-interface-showing-dashboar-1773385818242-0ce6bf1f.png", imageAlt: "SaaS platform project"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Mobile App Suite", price: "App Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/mobile-app-design-showcase-showing-ios-a-1773385817530-abbbc0b4.png?_wi=1", imageAlt: "Mobile app project showcase"
|
||||
id: "3", name: "Mobile App Suite", price: "App Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/mobile-app-design-showcase-showing-ios-a-1773385817530-abbbc0b4.png", imageAlt: "Mobile app project showcase"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -200,22 +200,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson, CEO of TechCorp", date: "Date: 15 January 2025", title: "Exceptional Digital Transformation", quote: "Webild Studios completely transformed our digital presence. Their team's creativity and technical expertise resulted in a platform that exceeded our expectations. The project was delivered on time and continues to perform flawlessly.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-headshot-of-successful-busi-1773385818011-14bd7673.png", avatarAlt: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/e-commerce-website-project-showcase-with-1773385818027-345851a8.png?_wi=2"
|
||||
id: "1", name: "Sarah Johnson, CEO of TechCorp", date: "Date: 15 January 2025", title: "Exceptional Digital Transformation", quote: "Webild Studios completely transformed our digital presence. Their team's creativity and technical expertise resulted in a platform that exceeded our expectations. The project was delivered on time and continues to perform flawlessly.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-headshot-of-successful-busi-1773385818011-14bd7673.png", avatarAlt: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/e-commerce-website-project-showcase-with-1773385818027-345851a8.png"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen, Founder of InnovateLab", date: "Date: 20 December 2024", title: "Perfect Partner for Startup Growth", quote: "Working with Webild Studios was a game-changer for our startup. They understood our vision, provided valuable insights, and delivered a world-class product. Their dedication to quality and innovation is unmatched.", tag: "Startup", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-portrait-of-business-profes-1773385818420-01157e88.png", avatarAlt: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/saas-platform-interface-showing-dashboar-1773385818242-0ce6bf1f.png?_wi=2"
|
||||
id: "2", name: "Michael Chen, Founder of InnovateLab", date: "Date: 20 December 2024", title: "Perfect Partner for Startup Growth", quote: "Working with Webild Studios was a game-changer for our startup. They understood our vision, provided valuable insights, and delivered a world-class product. Their dedication to quality and innovation is unmatched.", tag: "Startup", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-portrait-of-business-profes-1773385818420-01157e88.png", avatarAlt: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/saas-platform-interface-showing-dashboar-1773385818242-0ce6bf1f.png"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez, Marketing Director at GrowthCo", date: "Date: 10 December 2024", title: "Brilliant Design and Development", quote: "The team at Webild delivered stunning designs combined with robust functionality. Our new platform has significantly improved user engagement and conversion rates. Highly recommend their services.", tag: "Marketing", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-business-team-member-portra-1773385818373-6b0e2a97.png", avatarAlt: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/creative-ui-ux-design-interface-showing--1773385817429-ad50809f.png?_wi=3"
|
||||
id: "3", name: "Emily Rodriguez, Marketing Director at GrowthCo", date: "Date: 10 December 2024", title: "Brilliant Design and Development", quote: "The team at Webild delivered stunning designs combined with robust functionality. Our new platform has significantly improved user engagement and conversion rates. Highly recommend their services.", tag: "Marketing", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-business-team-member-portra-1773385818373-6b0e2a97.png", avatarAlt: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/creative-ui-ux-design-interface-showing--1773385817429-ad50809f.png"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim, Product Manager at StartupXYZ", date: "Date: 5 December 2024", title: "Professional Excellence Throughout", quote: "From initial consultation to post-launch support, Webild Studios demonstrated professionalism and expertise. They built us a scalable, secure application that our users love. Exceptional team!", tag: "Product", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-marketing-or-business-direc-1773385817773-c374c1fa.png", avatarAlt: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/mobile-app-design-showcase-showing-ios-a-1773385817530-abbbc0b4.png?_wi=2"
|
||||
id: "4", name: "David Kim, Product Manager at StartupXYZ", date: "Date: 5 December 2024", title: "Professional Excellence Throughout", quote: "From initial consultation to post-launch support, Webild Studios demonstrated professionalism and expertise. They built us a scalable, secure application that our users love. Exceptional team!", tag: "Product", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-marketing-or-business-direc-1773385817773-c374c1fa.png", avatarAlt: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/mobile-app-design-showcase-showing-ios-a-1773385817530-abbbc0b4.png"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jessica Martinez, Operations Lead at CloudSync", date: "Date: 28 November 2024", title: "Innovative Solutions, Outstanding Support", quote: "Webild Studios brought innovative ideas to the table and executed flawlessly. Their ongoing support ensures our platform stays optimized and secure. An invaluable partner for our growth.", tag: "Operations", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-startup-founder-or-product--1773385817260-77e473ff.png", avatarAlt: "Jessica Martinez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/design-phase-visualization-with-figma-de-1773385817646-4119f953.png?_wi=2"
|
||||
id: "5", name: "Jessica Martinez, Operations Lead at CloudSync", date: "Date: 28 November 2024", title: "Innovative Solutions, Outstanding Support", quote: "Webild Studios brought innovative ideas to the table and executed flawlessly. Their ongoing support ensures our platform stays optimized and secure. An invaluable partner for our growth.", tag: "Operations", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-startup-founder-or-product--1773385817260-77e473ff.png", avatarAlt: "Jessica Martinez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/design-phase-visualization-with-figma-de-1773385817646-4119f953.png"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Robert Thompson, CTO at TechVision", date: "Date: 20 November 2024", title: "Technical Excellence and Innovation", quote: "The technical depth and creative approach Webild Studios brings to every project is remarkable. They built us a enterprise-grade platform with cutting-edge architecture. Absolutely impressed.", tag: "Technology", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-business-operations-manager-1773385815685-e42968ce.png", avatarAlt: "Robert Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/development-phase-showing-code-editor-ve-1773385818509-7ebc6320.png?_wi=3"
|
||||
id: "6", name: "Robert Thompson, CTO at TechVision", date: "Date: 20 November 2024", title: "Technical Excellence and Innovation", quote: "The technical depth and creative approach Webild Studios brings to every project is remarkable. They built us a enterprise-grade platform with cutting-edge architecture. Absolutely impressed.", tag: "Technology", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/professional-business-operations-manager-1773385815685-e42968ce.png", avatarAlt: "Robert Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/development-phase-showing-code-editor-ve-1773385818509-7ebc6320.png"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -232,7 +232,7 @@ export default function LandingPage() {
|
||||
{ text: "Contact Us Now", href: "https://wa.me/1234567890" },
|
||||
{ text: "Schedule a Call", href: "#" }
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -240,7 +240,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/abstract-futuristic-digital-landscape-wi-1773385817115-63dbf28f.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ase8kfwIPMQ6hiu3o0UgTqp9RI/abstract-futuristic-digital-landscape-wi-1773385817115-63dbf28f.png"
|
||||
imageAlt="Footer background"
|
||||
logoText="Webild Studios"
|
||||
copyrightText="© 2025 Webild Studios. All rights reserved."
|
||||
|
||||
@@ -1,51 +1,38 @@
|
||||
"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;
|
||||
fontSize?: number;
|
||||
fontWeight?: string | number;
|
||||
fill?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
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,
|
||||
fontSize = 32,
|
||||
fontWeight = 700,
|
||||
fill = 'currentColor',
|
||||
className = '',
|
||||
}) => {
|
||||
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 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<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"
|
||||
}}
|
||||
y={fontSize}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
dominantBaseline="hanging"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user