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 +} 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;