bender/298dec34-19e1-4660-b9ad-ea79f1c70baf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-12 16:41:20 +00:00
Conversation 0 Commits 2 Files Changed 2 +42 -54
2 changed files with 42 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/app/page.tsx
View File

@@ -19,7 +19,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="none"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
@@ -47,24 +47,24 @@ export default function LandingPage() {
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/a-modern-web-development-workspace-with--1773333554521-b905c907.png"
imageAlt="Modern web development workspace"
mediaAnimation="slide-up"
background={{ variant: "none" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
testimonials={[
{
name: "Alex Chen", handle: "CEO, TechVenture", testimonial: "Transformed our digital presence with exceptional attention to detail and modern design principles.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png?_wi=1"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png"
},
{
name: "Sarah Johnson", handle: "Founder, StartupXYZ", testimonial: "Professional team that delivered beyond expectations. Outstanding web development and support.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png?_wi=1"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png"
},
{
name: "Marcus Rodriguez", handle: "CTO, InnovateLab", testimonial: "Clean code, responsive design, and incredible performance. Highly recommended for any project.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-tech-entrepre-1773333554613-37369afc.png?_wi=1"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-tech-entrepre-1773333554613-37369afc.png"
},
{
name: "Emily Davis", handle: "Product Lead, CloudSync", testimonial: "The best web development experience. Collaborative, responsive, and delivered on time.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-business-mana-1773333554135-a07a7127.png?_wi=1"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-business-mana-1773333554135-a07a7127.png"
}
]}
buttons={[
@@ -96,18 +96,18 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Responsive Web Design", description: "Beautiful, adaptive websites that work perfectly on all devices. We create seamless experiences across desktop, tablet, and mobile platforms.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-responsive-web-design--1773333555354-485d8c89.png?_wi=1" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-responsive-web-design--1773333555354-485d8c89.png?_wi=2" }
title: "Responsive Web Design", description: "Beautiful, adaptive websites that work perfectly on all devices. We create seamless experiences across desktop, tablet, and mobile platforms.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-responsive-web-design--1773333555354-485d8c89.png" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-responsive-web-design--1773333555354-485d8c89.png" }
},
{
id: 2,
title: "Performance Optimization", description: "Fast-loading websites that convert. We optimize every aspect for speed, SEO, and user experience to maximize your online success.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-performance-optimi-1773333553711-e811e3b8.png?_wi=1" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-performance-optimi-1773333553711-e811e3b8.png?_wi=2" }
title: "Performance Optimization", description: "Fast-loading websites that convert. We optimize every aspect for speed, SEO, and user experience to maximize your online success.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-performance-optimi-1773333553711-e811e3b8.png" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-performance-optimi-1773333553711-e811e3b8.png" }
},
{
id: 3,
title: "Custom Development", description: "Tailored web solutions built from scratch. From concept to implementation, we create unique, scalable applications that match your vision.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-development-and-cu-1773333554287-6b304a2c.png?_wi=1" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-development-and-cu-1773333554287-6b304a2c.png?_wi=2" }
title: "Custom Development", description: "Tailored web solutions built from scratch. From concept to implementation, we create unique, scalable applications that match your vision.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-development-and-cu-1773333554287-6b304a2c.png" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-development-and-cu-1773333554287-6b304a2c.png" }
}
]}
showStepNumbers={true}
@@ -146,27 +146,27 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Alex Chen", role: "CEO", company: "TechVenture", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png?_wi=2"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png"
},
{
id: "2", name: "Sarah Johnson", role: "Founder", company: "StartupXYZ", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png?_wi=2"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png"
},
{
id: "3", name: "Marcus Rodriguez", role: "CTO", company: "InnovateLab", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-tech-entrepre-1773333554613-37369afc.png?_wi=2"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-tech-entrepre-1773333554613-37369afc.png"
},
{
id: "4", name: "Emily Davis", role: "Product Lead", company: "CloudSync", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-business-mana-1773333554135-a07a7127.png?_wi=2"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-business-mana-1773333554135-a07a7127.png"
},
{
id: "5", name: "David Kim", role: "VP Product", company: "DataFlow", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png?_wi=3"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png"
},
{
id: "6", name: "Lisa Wang", role: "Marketing Director", company: "GrowthCo", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png?_wi=3"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png"
}
]}
gridVariant="uniform-all-items-equal"
@@ -182,7 +182,7 @@ export default function LandingPage() {
tagIcon={Mail}
title="Ready to start your next web project?"
description="Let's create something amazing together. Reach out today and let's discuss how we can help bring your vision to life."
background={{ variant: "none" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
inputPlaceholder="your@email.com"
buttonText="Contact Us"

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

@@ -1,51 +1,39 @@
"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;
letterSpacing?: 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 = 24,
fontWeight = 'bold',
letterSpacing = 0,
}) => {
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.2}`}
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}
letterSpacing={letterSpacing}
fill="currentColor"
dominantBaseline="text-bottom"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;