diff --git a/src/app/page.tsx b/src/app/page.tsx index 47ed410..b8a3819 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,16 +51,16 @@ export default function LandingPage() { tagAnimation="slide-up" background={{ variant: "cell-wave" }} leftCarouselItems={[ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png?_wi=1", imageAlt: "Dashboard interface preview 1" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png?_wi=2", imageAlt: "Dashboard interface preview 2" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png?_wi=3", imageAlt: "Dashboard interface preview 3" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png?_wi=4", imageAlt: "Dashboard interface preview 4" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png", imageAlt: "Dashboard interface preview 1" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png", imageAlt: "Dashboard interface preview 2" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png", imageAlt: "Dashboard interface preview 3" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png", imageAlt: "Dashboard interface preview 4" } ]} rightCarouselItems={[ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png?_wi=5", imageAlt: "Dashboard analytics view 1" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png?_wi=6", imageAlt: "Dashboard analytics view 2" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png?_wi=7", imageAlt: "Dashboard analytics view 3" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png?_wi=8", imageAlt: "Dashboard analytics view 4" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png", imageAlt: "Dashboard analytics view 1" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png", imageAlt: "Dashboard analytics view 2" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png", imageAlt: "Dashboard analytics view 3" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/a-futuristic-ai-dashboard-interface-with-1773313941171-f8c71f6f.png", imageAlt: "Dashboard analytics view 4" } ]} buttons={[ { text: "Start Free Trial", href: "#contact" }, @@ -89,13 +89,13 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - id: "01", title: "Unified Workflows", description: "Connect all your tools and processes into one seamless ecosystem. Eliminate context switching and keep your team aligned with real-time collaboration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-minimalist-icon-representing-un-1773313938269-cab6b20a.png?_wi=1" + id: "01", title: "Unified Workflows", description: "Connect all your tools and processes into one seamless ecosystem. Eliminate context switching and keep your team aligned with real-time collaboration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-minimalist-icon-representing-un-1773313938269-cab6b20a.png" }, { - id: "02", title: "Deep Focus Mode", description: "Enable distraction-free work with intelligent notifications, smart scheduling, and environmental controls. Achieve flow state and maximize creative output.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-deep-focus-an-1773313938306-899386ca.png?_wi=1" + id: "02", title: "Deep Focus Mode", description: "Enable distraction-free work with intelligent notifications, smart scheduling, and environmental controls. Achieve flow state and maximize creative output.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-deep-focus-an-1773313938306-899386ca.png" }, { - id: "03", title: "AI-Powered Automation", description: "Automate repetitive tasks with intelligent workflows. Save hours every week and focus on what matters most with machine learning-driven insights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-automation-an-1773313938071-42bcd222.png?_wi=1" + id: "03", title: "AI-Powered Automation", description: "Automate repetitive tasks with intelligent workflows. Save hours every week and focus on what matters most with machine learning-driven insights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-automation-an-1773313938071-42bcd222.png" }, { id: "04", title: "Smart Analytics", description: "Understand your productivity patterns with advanced AI analytics. Get actionable insights on team performance, bottlenecks, and optimization opportunities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-intelligent-i-1773313938148-5c896a1c.png" @@ -125,13 +125,13 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - id: "1", title: "Capture Ideas", description: "Instantly capture thoughts, tasks, and insights with voice, text, or visual input. Your ideas are immediately organized and ready for action.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-minimalist-icon-representing-un-1773313938269-cab6b20a.png?_wi=2" + id: "1", title: "Capture Ideas", description: "Instantly capture thoughts, tasks, and insights with voice, text, or visual input. Your ideas are immediately organized and ready for action.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-minimalist-icon-representing-un-1773313938269-cab6b20a.png" }, { - id: "2", title: "Intelligent Routing", description: "AI analyzes and automatically routes work to the right team members, projects, and timelines. Eliminate manual assignment overhead.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-deep-focus-an-1773313938306-899386ca.png?_wi=2" + id: "2", title: "Intelligent Routing", description: "AI analyzes and automatically routes work to the right team members, projects, and timelines. Eliminate manual assignment overhead.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-deep-focus-an-1773313938306-899386ca.png" }, { - id: "3", title: "Collaborative Execution", description: "Work together in real-time with built-in communication, feedback loops, and version control. Stay aligned every step of the way.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-automation-an-1773313938071-42bcd222.png?_wi=2" + id: "3", title: "Collaborative Execution", description: "Work together in real-time with built-in communication, feedback loops, and version control. Stay aligned every step of the way.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqI9dWfkadUVMKI3xtngrisyJt/abstract-icon-representing-automation-an-1773313938071-42bcd222.png" } ]} textboxLayout="default" @@ -219,7 +219,7 @@ export default function LandingPage() { } ]} textboxLayout="default" - animationType="slide-up" + animationType="smooth" faqsAnimation="slide-up" useInvertedBackground={false} className="py-16 md:py-24 relative" @@ -299,4 +299,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..aa5999f 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,44 @@ -"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; + width?: number; + height?: number; + fontSize?: number; + fontFamily?: string; + fill?: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + width = 200, + height = 100, + fontSize = 24, + fontFamily = 'Arial, sans-serif', + fill = '#000000', + className = '', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;