From 9f6e4b8206678abcf36e537d380d80cebade9c98 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 19:12:56 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 451420b..938c2d0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FooterBase from '@/components/sections/footer/FooterBase'; -import { CheckCircle, Cloud, Code, CreditCard, MessageSquare, Users, Zap } from 'lucide-react'; +import { CheckCircle, Cloud, Code, CreditCard, MessageSquare, Users, Zap, Crown } from 'lucide-react'; export default function LandingPage() { return ( @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="smallMedium" sizing="medium" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -49,7 +49,7 @@ export default function LandingPage() { tag="Developer Platform" tagIcon={Code} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "sparkles-gradient" }} buttons={[ { text: "Start Free Trial", href: "https://www.zoho.com" }, { text: "View Demo", href: "#features" } @@ -57,19 +57,19 @@ export default function LandingPage() { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-modern-software-development-dashboard--1773169871759-b767b421.png?_wi=1", imageAlt: "Development Dashboard" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-modern-software-development-dashboard--1773169871759-b767b421.png", imageAlt: "Development Dashboard" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/multiple-integration-icons-and-api-docum-1773169871363-d402e1d8.png?_wi=1", imageAlt: "Integration Tools" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/multiple-integration-icons-and-api-docum-1773169871363-d402e1d8.png", imageAlt: "Integration Tools" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-team-collaboration-workspace-showing-m-1773169872937-a8b70574.png?_wi=1", imageAlt: "Team Collaboration" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-team-collaboration-workspace-showing-m-1773169872937-a8b70574.png", imageAlt: "Team Collaboration" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/ci-cd-pipeline-automation-dashboard-show-1773169871839-9175ccab.png?_wi=1", imageAlt: "CI/CD Automation" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/ci-cd-pipeline-automation-dashboard-show-1773169871839-9175ccab.png", imageAlt: "CI/CD Automation" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-modern-software-development-dashboard--1773169871759-b767b421.png?_wi=2", imageAlt: "Development Dashboard" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-modern-software-development-dashboard--1773169871759-b767b421.png", imageAlt: "Development Dashboard" } ]} ariaLabel="Hero section showcasing SaaS development platform" @@ -88,10 +88,10 @@ export default function LandingPage() { title: "Code Collaboration", description: "Real-time code editing with your team. Share snippets, leave comments, and resolve issues instantly.", icon: Users, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-team-collaboration-workspace-showing-m-1773169872937-a8b70574.png?_wi=2", imageAlt: "Real-time Collaboration" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-team-collaboration-workspace-showing-m-1773169872937-a8b70574.png", imageAlt: "Real-time Collaboration" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/multiple-integration-icons-and-api-docum-1773169871363-d402e1d8.png?_wi=2", imageAlt: "Integration Features" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/multiple-integration-icons-and-api-docum-1773169871363-d402e1d8.png", imageAlt: "Integration Features" } ] }, @@ -99,10 +99,10 @@ export default function LandingPage() { title: "Integrated Deployment", description: "Deploy to cloud with one click. Supports AWS, Azure, Google Cloud, and on-premise deployments.", icon: Cloud, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/ci-cd-pipeline-automation-dashboard-show-1773169871839-9175ccab.png?_wi=2", imageAlt: "Deployment Pipeline" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/ci-cd-pipeline-automation-dashboard-show-1773169871839-9175ccab.png", imageAlt: "Deployment Pipeline" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-modern-software-development-dashboard--1773169871759-b767b421.png?_wi=3", imageAlt: "Dashboard Overview" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-modern-software-development-dashboard--1773169871759-b767b421.png", imageAlt: "Dashboard Overview" } ] }, @@ -110,10 +110,10 @@ export default function LandingPage() { title: "Automated Testing", description: "Comprehensive testing framework with unit, integration, and end-to-end test automation.", icon: CheckCircle, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/ci-cd-pipeline-automation-dashboard-show-1773169871839-9175ccab.png?_wi=3", imageAlt: "Automated Testing" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/ci-cd-pipeline-automation-dashboard-show-1773169871839-9175ccab.png", imageAlt: "Automated Testing" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-team-collaboration-workspace-showing-m-1773169872937-a8b70574.png?_wi=3", imageAlt: "Team Testing" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-team-collaboration-workspace-showing-m-1773169872937-a8b70574.png", imageAlt: "Team Testing" } ] }, @@ -121,10 +121,10 @@ export default function LandingPage() { title: "API Integrations", description: "Connect with 500+ tools including Slack, GitHub, Jira, and more. Build custom integrations easily.", icon: Zap, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/multiple-integration-icons-and-api-docum-1773169871363-d402e1d8.png?_wi=3", imageAlt: "API Integration" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/multiple-integration-icons-and-api-docum-1773169871363-d402e1d8.png", imageAlt: "API Integration" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-modern-software-development-dashboard--1773169871759-b767b421.png?_wi=4", imageAlt: "Integration Dashboard" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlaphNdnHanxn9l6GCnD990u7n/a-modern-software-development-dashboard--1773169871759-b767b421.png", imageAlt: "Integration Dashboard" } ] } @@ -161,7 +161,7 @@ export default function LandingPage() { ] }, { - id: "enterprise", badge: "Enterprise", badgeIcon: Zap, + id: "enterprise", badge: "Enterprise", badgeIcon: Crown, price: "Custom", subtitle: "For large-scale enterprises", features: [ "Unlimited team members", "Unlimited projects", "Unlimited storage", "Enterprise CI/CD with advanced features", "24/7 phone & email support", "Dedicated account manager", "Custom integrations", "On-premise deployment" ] @@ -313,4 +313,4 @@ export default function LandingPage() { ); -} \ No newline at end of file +} -- 2.49.1 From 46448abbf0f57b355dddf6d26ad2d1cc947b5b01 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 19:12:57 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 53 +++++++------------ 1 file changed, 18 insertions(+), 35 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..59dc893 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,34 @@ -"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; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 24, +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1