bender/c1136929-13d1-4f79-b2e3-252b602ce10e
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-11 08:02:33 +00:00
Conversation 0 Commits 2 Files Changed 2 +38 -60
2 changed files with 38 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/app/page.tsx
View File

@@ -20,7 +20,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
@@ -44,7 +44,7 @@ export default function LandingPage() {
<HeroSplitKpi
title="Creative Excellence Delivered"
description="We craft compelling digital experiences that captivate audiences and drive meaningful business results. Your vision, amplified."
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "500+", label: "Projects Completed" },
{ value: "98%", label: "Client Satisfaction" },
@@ -53,13 +53,13 @@ export default function LandingPage() {
enableKpiAnimation={true}
tag="Creative Agency"
tagIcon={Sparkles}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
buttons={[
{ text: "Explore Our Work", href: "#features" },
{ text: "Start Your Project", href: "#contact" }
]}
buttonAnimation="entrance-slide"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-colleagues-debating-ideas-work_23-2149345249.jpg?_wi=1"
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-colleagues-debating-ideas-work_23-2149345249.jpg"
imageAlt="Creative agency showcase"
mediaAnimation="slide-up"
/>
@@ -69,12 +69,12 @@ export default function LandingPage() {
<TextAbout
tag="Why Choose Us"
tagIcon={Award}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
title="We transform bold ideas into stunning digital realities that inspire and engage"
buttons={[
{ text: "Discover Our Approach", href: "#metric" }
]}
buttonAnimation="entrance-slide"
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -85,7 +85,7 @@ export default function LandingPage() {
description="From concept to launch, we follow a proven methodology designed to deliver exceptional results and exceed expectations"
tag="How We Work"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
features={[
{
id: 1,
@@ -111,7 +111,7 @@ export default function LandingPage() {
description="Proven results that speak to our commitment to excellence and client success"
tag="Results Matter"
tagIcon={TrendingUp}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
metrics={[
{ id: "1", value: "500", title: "Projects", description: "Successfully completed across diverse industries", icon: Briefcase },
{ id: "2", value: "98", title: "%", description: "Client satisfaction and retention rate", icon: Heart },
@@ -131,25 +131,25 @@ export default function LandingPage() {
description="See why forward-thinking companies trust us with their most important digital projects"
tag="Testimonials"
tagIcon={Star}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Sarah Chen, CEO of TechVision", date: "Date: 15 November 2024", title: "Transformed our entire digital presence", quote: "Working with Webild was a game-changer for our company. They understood our vision immediately and delivered a website that not only looks stunning but has increased our conversions by 250%. Their team is professional, creative, and genuinely invested in our success.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=1"
id: "1", name: "Sarah Chen, CEO of TechVision", date: "Date: 15 November 2024", title: "Transformed our entire digital presence", quote: "Working with Webild was a game-changer for our company. They understood our vision immediately and delivered a website that not only looks stunning but has increased our conversions by 250%. Their team is professional, creative, and genuinely invested in our success.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg"
},
{
id: "2", name: "Marcus Rodriguez, Founder of DesignStudio", date: "Date: 08 November 2024", title: "Beyond expectations on every level", quote: "The attention to detail and creative problem-solving from the Webild team exceeded our expectations. They didn't just build a website—they created a digital experience that perfectly captures our brand identity and resonates with our audience.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/woman-office-looking-camera-holding-tablet-hands_1262-20488.jpg", avatarAlt: "Marcus Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=1"
id: "2", name: "Marcus Rodriguez, Founder of DesignStudio", date: "Date: 08 November 2024", title: "Beyond expectations on every level", quote: "The attention to detail and creative problem-solving from the Webild team exceeded our expectations. They didn't just build a website—they created a digital experience that perfectly captures our brand identity and resonates with our audience.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/woman-office-looking-camera-holding-tablet-hands_1262-20488.jpg", avatarAlt: "Marcus Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg"
},
{
id: "3", name: "Emily Watson, CMO of GrowthCorp", date: "Date: 02 November 2024", title: "Partners who truly care about results", quote: "What impressed us most was their commitment to understanding our business goals before diving into design. The strategic approach led to a website that drives real business value. Highly recommend them to any company serious about digital excellence.", tag: "Enterprise", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", avatarAlt: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=1"
id: "3", name: "Emily Watson, CMO of GrowthCorp", date: "Date: 02 November 2024", title: "Partners who truly care about results", quote: "What impressed us most was their commitment to understanding our business goals before diving into design. The strategic approach led to a website that drives real business value. Highly recommend them to any company serious about digital excellence.", tag: "Enterprise", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", avatarAlt: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg"
},
{
id: "4", name: "James Liu, Director of Innovation Labs", date: "Date: 25 October 2024", title: "Exceptional creativity and execution", quote: "From initial concept through final launch, the Webild team delivered exceptional work. Their creative vision combined with technical expertise resulted in a platform that our team and clients absolutely love. Can't wait to work together again.", tag: "Technology", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", avatarAlt: "James Liu", imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=2"
id: "4", name: "James Liu, Director of Innovation Labs", date: "Date: 25 October 2024", title: "Exceptional creativity and execution", quote: "From initial concept through final launch, the Webild team delivered exceptional work. Their creative vision combined with technical expertise resulted in a platform that our team and clients absolutely love. Can't wait to work together again.", tag: "Technology", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", avatarAlt: "James Liu", imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg"
},
{
id: "5", name: "Priya Sharma, VP Product at InnovateTech", date: "Date: 18 October 2024", title: "True digital transformation partners", quote: "The Webild team didn't just deliver a project—they became strategic partners in our digital transformation journey. Their insights and recommendations helped us avoid common pitfalls and achieve exceptional results that we're incredibly proud of.", tag: "Product", avatarSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", avatarAlt: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=2"
id: "5", name: "Priya Sharma, VP Product at InnovateTech", date: "Date: 18 October 2024", title: "True digital transformation partners", quote: "The Webild team didn't just deliver a project—they became strategic partners in our digital transformation journey. Their insights and recommendations helped us avoid common pitfalls and achieve exceptional results that we're incredibly proud of.", tag: "Product", avatarSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", avatarAlt: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg"
},
{
id: "6", name: "Alexandra Petrov, Head of Design at BrandCo", date: "Date: 11 October 2024", title: "Creativity meets strategy seamlessly", quote: "Collaborating with Webild was refreshing. They balanced creative ambition with strategic thinking, resulting in a design that's both beautiful and effective. Our analytics show measurable improvements across all key metrics since launch.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-with-tablet-side-view_23-2149442245.jpg", avatarAlt: "Alexandra Petrov", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=2"
id: "6", name: "Alexandra Petrov, Head of Design at BrandCo", date: "Date: 11 October 2024", title: "Creativity meets strategy seamlessly", quote: "Collaborating with Webild was refreshing. They balanced creative ambition with strategic thinking, resulting in a design that's both beautiful and effective. Our analytics show measurable improvements across all key metrics since launch.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-with-tablet-side-view_23-2149442245.jpg", avatarAlt: "Alexandra Petrov", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg"
}
]}
textboxLayout="default"
@@ -163,10 +163,10 @@ export default function LandingPage() {
description="End-to-end creative solutions tailored to elevate your brand and drive digital success"
tag="What We Offer"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="slide-up"
features={[
{
id: "1", title: "Brand Strategy", description: "We develop comprehensive brand strategies that establish a strong market position and create meaningful connections with your target audience.", media: { imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=3" },
id: "1", title: "Brand Strategy", description: "We develop comprehensive brand strategies that establish a strong market position and create meaningful connections with your target audience.", media: { imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg" },
items: [
{ icon: Target, text: "Market positioning and analysis" },
{ icon: Users, text: "Audience research and insights" },
@@ -175,7 +175,7 @@ export default function LandingPage() {
reverse: false
},
{
id: "2", title: "Web Design & Development", description: "Custom websites and applications built with cutting-edge technology and stunning design that convert visitors into loyal customers.", media: { imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=3" },
id: "2", title: "Web Design & Development", description: "Custom websites and applications built with cutting-edge technology and stunning design that convert visitors into loyal customers.", media: { imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg" },
items: [
{ icon: Code, text: "Responsive web development" },
{ icon: Layout, text: "UI/UX design excellence" },
@@ -184,7 +184,7 @@ export default function LandingPage() {
reverse: true
},
{
id: "3", title: "Digital Marketing", description: "Strategic digital marketing campaigns that increase visibility, engagement, and measurable ROI across all channels.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=3" },
id: "3", title: "Digital Marketing", description: "Strategic digital marketing campaigns that increase visibility, engagement, and measurable ROI across all channels.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg" },
items: [
{ icon: TrendingUp, text: "SEO and content strategy" },
{ icon: Megaphone, text: "Social media campaigns" },
@@ -193,7 +193,7 @@ export default function LandingPage() {
reverse: false
},
{
id: "4", title: "Creative Direction", description: "Visionary creative direction that brings your brand story to life through compelling visual narratives and immersive experiences.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-debating-ideas-work_23-2149345249.jpg?_wi=2" },
id: "4", title: "Creative Direction", description: "Visionary creative direction that brings your brand story to life through compelling visual narratives and immersive experiences.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-debating-ideas-work_23-2149345249.jpg" },
items: [
{ icon: Palette, text: "Visual identity design" },
{ icon: Film, text: "Video and animation" },
@@ -211,7 +211,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
text="Ready to elevate your digital presence and create something extraordinary? Let's partner together to bring your vision to life and achieve exceptional results."
animationType="entrance-slide"
animationType="reveal-blur"
buttons={[
{ text: "Start Your Project", href: "mailto:hello@webild.io?subject=Project%20Inquiry" },
{ text: "Schedule Consultation", href: "https://calendar.app/webild" }

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

@@ -1,51 +1,29 @@
"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;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export default function SvgTextLogo({ text, className = "" }: SvgTextLogoProps) {
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 200 50"
className={`w-full h-auto ${className}`}
xmlns="http://www.w3.org/2000/svg"
aria-label={text}
>
<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="50%"
y="50%"
dominantBaseline="middle"
textAnchor="middle"
fontSize="24"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
}