diff --git a/src/app/page.tsx b/src/app/page.tsx index 43411ff..2b4ba34 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="largeSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" @@ -46,26 +46,26 @@ export default function LandingPage() { tag="Premium Dashboard" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} buttons={[ { text: "Access Dashboard", href: "contact" } ]} buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-ceo-strategic-dashboard-interfac-1773307197093-64474471.png?_wi=1", imageAlt: "CEO Strategic Dashboard with Live Metrics" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-ceo-strategic-dashboard-interfac-1773307197093-64474471.png", imageAlt: "CEO Strategic Dashboard with Live Metrics" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-showing-production--1773307196514-9194aee1.png?_wi=1", imageAlt: "Production Metrics Widget" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-showing-production--1773307196514-9194aee1.png", imageAlt: "Production Metrics Widget" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-revenue-metrics-widget-with-fros-1773307197077-cbda4604.png?_wi=1", imageAlt: "Revenue Analytics Widget" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-revenue-metrics-widget-with-fros-1773307197077-cbda4604.png", imageAlt: "Revenue Analytics Widget" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-for-sales-analytics-1773307197152-f8f3361b.png?_wi=1", imageAlt: "Sales Performance Widget" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-for-sales-analytics-1773307197152-f8f3361b.png", imageAlt: "Sales Performance Widget" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/credit-forecasting-widget-with-predictiv-1773307199152-460042f3.png?_wi=1", imageAlt: "Credit Forecasting Widget" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/credit-forecasting-widget-with-predictiv-1773307199152-460042f3.png", imageAlt: "Credit Forecasting Widget" } ]} mediaAnimation="blur-reveal" @@ -87,7 +87,7 @@ export default function LandingPage() { { id: "5", value: "AR 8.2%", description: "Credit Risk Assessment" }, { id: "6", value: "89/100", description: "Agronomist Performance Score" } ]} - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={true} @@ -110,13 +110,13 @@ export default function LandingPage() { id: "production", title: "Production", descriptions: [ "Real-time manufacturing output tracking", "Quality metrics and efficiency benchmarking", "Predictive maintenance alerts and optimization" ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-showing-production--1773307196514-9194aee1.png?_wi=2", imageAlt: "Production metrics visualization" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-showing-production--1773307196514-9194aee1.png", imageAlt: "Production metrics visualization" }, { id: "sales", title: "Sales Performance", descriptions: [ "Regional and channel sales analytics", "Pipeline velocity and quota tracking", "Customer acquisition and retention metrics" ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-for-sales-analytics-1773307197152-f8f3361b.png?_wi=2", imageAlt: "Sales analytics interface" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-for-sales-analytics-1773307197152-f8f3361b.png", imageAlt: "Sales analytics interface" }, { id: "export", title: "Export Management", descriptions: [ @@ -128,13 +128,13 @@ export default function LandingPage() { id: "revenue", title: "Revenue Intelligence", descriptions: [ "Real-time revenue stream visualization", "Margin analysis and forecasting", "Revenue recognition and compliance tracking" ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-revenue-metrics-widget-with-fros-1773307197077-cbda4604.png?_wi=2", imageAlt: "Revenue analytics widget" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-revenue-metrics-widget-with-fros-1773307197077-cbda4604.png", imageAlt: "Revenue analytics widget" }, { id: "credit", title: "Credit Forecasting", descriptions: [ "Predictive credit risk modeling", "Portfolio health assessment", "Compliance and regulatory monitoring" ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/credit-forecasting-widget-with-predictiv-1773307199152-460042f3.png?_wi=2", imageAlt: "Credit forecasting interface" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/credit-forecasting-widget-with-predictiv-1773307199152-460042f3.png", imageAlt: "Credit forecasting interface" }, { id: "agronomist", title: "Agronomist Performance", descriptions: [ @@ -143,7 +143,7 @@ export default function LandingPage() { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/agronomist-performance-dashboard-showing-1773307197450-eac75bad.png", imageAlt: "Agronomist performance dashboard" } ]} - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} @@ -228,9 +228,9 @@ export default function LandingPage() { tagIcon={Mail} title="Access Your Dashboard Today" description="Join leading enterprises transforming strategic decision-making with real-time unified intelligence. Subscribe to industry insights and exclusive platform updates." - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} useInvertedBackground={true} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-ceo-strategic-dashboard-interfac-1773307197093-64474471.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-ceo-strategic-dashboard-interfac-1773307197093-64474471.png" imageAlt="Dashboard Interface Preview" mediaAnimation="slide-up" inputPlaceholder="your.email@company.com" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..b123edf 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,49 @@ -"use client"; +import React from 'react'; -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; - -interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; +export interface SvgTextLogoProps { + text: string; className?: string; + textClassName?: string; + fontSize?: number; + fontWeight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold'; } -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 = '', + textClassName = '', + fontSize = 24, + fontWeight = 'bold' +}) => { + const fontWeightMap = { + light: 300, + normal: 400, + medium: 500, + semibold: 600, + bold: 700, + extrabold: 800 + }; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;