diff --git a/src/app/page.tsx b/src/app/page.tsx index 3540c1e..d20db0c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="flat" secondaryButtonStyle="radial-glow" @@ -55,14 +55,14 @@ export default function LandingPage() { { text: "See how it works" } ]} buttonAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "sparkles-gradient" }} carouselItems={[ - { id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-sleek-modern-ai-automation-workflow-da-1773387817744-ff6a530b.png?_wi=1", imageAlt: "AI automation workflow dashboard" }, - { id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-detailed-workflow-diagram-showing-auto-1773387818110-7139b7f0.png?_wi=1", imageAlt: "Workflow automation diagram" }, - { id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/an-illustration-of-ai-powered-automation-1773387817924-4b6247ba.png?_wi=1", imageAlt: "AI automation integration" }, - { id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-sophisticated-data-visualization-showi-1773387818536-c2ccebd9.png?_wi=1", imageAlt: "Automation metrics dashboard" }, - { id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/an-executive-in-a-modern-office-setting--1773387817449-947b57a4.png?_wi=1", imageAlt: "Executive automation results" }, - { id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-sleek-modern-ai-automation-workflow-da-1773387817744-ff6a530b.png?_wi=2", imageAlt: "AI automation workflow" } + { id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-sleek-modern-ai-automation-workflow-da-1773387817744-ff6a530b.png", imageAlt: "AI automation workflow dashboard" }, + { id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-detailed-workflow-diagram-showing-auto-1773387818110-7139b7f0.png", imageAlt: "Workflow automation diagram" }, + { id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/an-illustration-of-ai-powered-automation-1773387817924-4b6247ba.png", imageAlt: "AI automation integration" }, + { id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-sophisticated-data-visualization-showi-1773387818536-c2ccebd9.png", imageAlt: "Automation metrics dashboard" }, + { id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/an-executive-in-a-modern-office-setting--1773387817449-947b57a4.png", imageAlt: "Executive automation results" }, + { id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-sleek-modern-ai-automation-workflow-da-1773387817744-ff6a530b.png", imageAlt: "AI automation workflow" } ]} autoPlay={true} autoPlayInterval={4000} @@ -81,7 +81,7 @@ export default function LandingPage() { { value: "60%", title: "Average time savings" }, { value: "10x", title: "Faster process execution" } ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/an-executive-in-a-modern-office-setting--1773387817449-947b57a4.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/an-executive-in-a-modern-office-setting--1773387817449-947b57a4.png" imageAlt="Enterprise automation results" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -101,7 +101,7 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "1", title: "Discovery & Assessment", description: "We audit your current processes, identify bottlenecks, and map automation opportunities. Our team analyzes legacy systems, data flows, and team workflows to uncover high-impact use cases.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-detailed-workflow-diagram-showing-auto-1773387818110-7139b7f0.png?_wi=2", imageAlt: "Process mapping and audit" }, + id: "1", title: "Discovery & Assessment", description: "We audit your current processes, identify bottlenecks, and map automation opportunities. Our team analyzes legacy systems, data flows, and team workflows to uncover high-impact use cases.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-detailed-workflow-diagram-showing-auto-1773387818110-7139b7f0.png", imageAlt: "Process mapping and audit" }, items: [ { icon: Search, text: "Process mapping and audit" }, { icon: BarChart3, text: "ROI analysis and forecasting" }, @@ -110,7 +110,7 @@ export default function LandingPage() { reverse: false }, { - id: "2", title: "Design & Implementation", description: "We architect AI-powered workflows optimized for your systems and teams. Our solutions integrate seamlessly with existing tools, ensuring adoption and minimal disruption.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/an-illustration-of-ai-powered-automation-1773387817924-4b6247ba.png?_wi=2", imageAlt: "Custom automation design" }, + id: "2", title: "Design & Implementation", description: "We architect AI-powered workflows optimized for your systems and teams. Our solutions integrate seamlessly with existing tools, ensuring adoption and minimal disruption.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/an-illustration-of-ai-powered-automation-1773387817924-4b6247ba.png", imageAlt: "Custom automation design" }, items: [ { icon: Layers, text: "Custom automation design" }, { icon: Plug, text: "Enterprise system integration" }, @@ -119,7 +119,7 @@ export default function LandingPage() { reverse: true }, { - id: "3", title: "Monitor & Optimize", description: "We provide ongoing analytics and optimization to ensure your automation delivers sustained results. Real-time dashboards track performance and identify continuous improvement opportunities.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-sophisticated-data-visualization-showi-1773387818536-c2ccebd9.png?_wi=2", imageAlt: "Real-time performance tracking" }, + id: "3", title: "Monitor & Optimize", description: "We provide ongoing analytics and optimization to ensure your automation delivers sustained results. Real-time dashboards track performance and identify continuous improvement opportunities.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsiYc4Ovort9f0l7f7Z55oDb5Y/a-sophisticated-data-visualization-showi-1773387818536-c2ccebd9.png", imageAlt: "Real-time performance tracking" }, items: [ { icon: TrendingUp, text: "Real-time performance tracking" }, { icon: Settings, text: "Continuous optimization" }, @@ -245,7 +245,7 @@ export default function LandingPage() { { text: "Schedule Consultation", href: "#" }, { text: "Download ROI Guide", href: "#" } ]} - background={{ variant: "aurora" }} + background={{ variant: "sparkles-gradient" }} useInvertedBackground={false} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..7c6d9e7 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,43 @@ -"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 | number; + fill?: string; + textAnchor?: 'start' | 'middle' | 'end'; + dominantBaseline?: 'auto' | 'baseline' | 'middle' | 'hanging' | 'mathematical'; } -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 = 24, + fontWeight = 'bold', + fill = 'currentColor', + textAnchor = 'middle', + dominantBaseline = 'middle', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;