From 87a2501c36963ffc347031f5364d690c405e2f9c Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 19:55:48 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3b57b89..b5855c6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="compact" sizing="mediumLargeSizeLargeTitles" - background="floatingGradient" + background="circleGradient" cardStyle="inset" primaryButtonStyle="double-inset" secondaryButtonStyle="radial-glow" @@ -48,19 +48,19 @@ export default function LandingPage() { tag="AI-Augmented Marketing" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} + background={{ variant: "animated-grid" }} buttons={[ { text: "Start Your Project →", href: "contact" }, { text: "View Our Services", href: "services" } ]} buttonAnimation="slide-up" carouselItems={[ - { id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png?_wi=1", imageAlt: "Abstract geometric gradient mesh" }, - { id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png?_wi=2", imageAlt: "Abstract geometric gradient mesh" }, - { id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png?_wi=3", imageAlt: "Abstract geometric gradient mesh" }, - { id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png?_wi=4", imageAlt: "Abstract geometric gradient mesh" }, - { id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png?_wi=5", imageAlt: "Abstract geometric gradient mesh" }, - { id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png?_wi=6", imageAlt: "Abstract geometric gradient mesh" } + { id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png", imageAlt: "Abstract geometric gradient mesh" }, + { id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png", imageAlt: "Abstract geometric gradient mesh" }, + { id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png", imageAlt: "Abstract geometric gradient mesh" }, + { id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png", imageAlt: "Abstract geometric gradient mesh" }, + { id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png", imageAlt: "Abstract geometric gradient mesh" }, + { id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZzRxFv2gFNTFbXT2tH4kQPhmC/abstract-geometric-mesh-gradient-backgro-1773172459572-e9e07466.png", imageAlt: "Abstract geometric gradient mesh" } ]} autoPlay={true} autoPlayInterval={4000} @@ -164,7 +164,7 @@ export default function LandingPage() { tagAnimation="slide-up" title="Ready to Build Something Bold?" description="Tell us about your brand and we'll put together a custom plan — no obligation, no fluff." - background={{ variant: "floatingGradient" }} + background={{ variant: "animated-grid" }} useInvertedBackground={false} inputPlaceholder="your@email.com" buttonText="Send Message →" -- 2.49.1 From 1c15963f87da15adc12d1c070e6c511049c25ce7 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 19:55:48 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 64 ++++++++----------- 1 file changed, 27 insertions(+), 37 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..2fd56be 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,41 @@ -"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; + fontFamily?: string; + fill?: string; + dominantBaseline?: SVGTextElement['dominantBaseline']; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 48, + fontFamily = 'Arial, sans-serif', + fill = 'currentColor', + dominantBaseline = 'middle', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1