diff --git a/src/app/page.tsx b/src/app/page.tsx index 231cf54..16ae4e1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function FinanceTrackPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="largeSmallSizeLargeTitles" - background="circleGradient" + background="aurora" cardStyle="subtle-shadow" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="radial-glow" @@ -48,7 +48,7 @@ export default function FinanceTrackPage() { tag="Financial Freedom" tagIcon={TrendingUp} tagAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "glowing-orb" }} imageSrc="http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg" imageAlt="Financial dashboard interface" imagePosition="right" @@ -56,11 +56,11 @@ export default function FinanceTrackPage() { testimonials={[ { name: "Sarah Mitchell", handle: "CFO, StartupCo", testimonial: "Finally, a finance tracker that makes sense. Saved me hours every month!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg?_wi=1", imageAlt: "Sarah Mitchell" + imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", imageAlt: "Sarah Mitchell" }, { name: "James Chen", handle: "Freelancer", testimonial: "Clear, intuitive, and exactly what I needed for my business finances.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg?_wi=1", imageAlt: "James Chen" + imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", imageAlt: "James Chen" } ]} testimonialRotationInterval={5000} @@ -181,10 +181,10 @@ export default function FinanceTrackPage() { topMarqueeDirection="left" testimonials={[ { - id: "1", name: "Sarah Mitchell", handle: "CFO, StartupCo", testimonial: "This has transformed how I manage my business finances. The insights are invaluable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg?_wi=2", imageAlt: "Sarah Mitchell" + id: "1", name: "Sarah Mitchell", handle: "CFO, StartupCo", testimonial: "This has transformed how I manage my business finances. The insights are invaluable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", imageAlt: "Sarah Mitchell" }, { - id: "2", name: "James Chen", handle: "Freelance Designer", testimonial: "Finally a tool that makes expense tracking simple and enjoyable. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg?_wi=2", imageAlt: "James Chen" + id: "2", name: "James Chen", handle: "Freelance Designer", testimonial: "Finally a tool that makes expense tracking simple and enjoyable. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", imageAlt: "James Chen" }, { id: "3", name: "Emily Rodriguez", handle: "Finance Manager", testimonial: "The dashboard is intuitive, the features are comprehensive, and support is excellent.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiracial-business-team_1262-21007.jpg", imageAlt: "Emily Rodriguez" @@ -193,10 +193,10 @@ export default function FinanceTrackPage() { id: "4", name: "David Park", handle: "Small Business Owner", testimonial: "Worth every penny. Saved me hours each month on financial management.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "David Park" }, { - id: "5", name: "Lisa Anderson", handle: "Accountant", testimonial: "I recommend this to all my clients. It's a game-changer for personal finance.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg?_wi=3", imageAlt: "Lisa Anderson" + id: "5", name: "Lisa Anderson", handle: "Accountant", testimonial: "I recommend this to all my clients. It's a game-changer for personal finance.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", imageAlt: "Lisa Anderson" }, { - id: "6", name: "Marcus Johnson", handle: "Investment Analyst", testimonial: "The analytics features rival professional accounting software at a fraction of the cost.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg?_wi=3", imageAlt: "Marcus Johnson" + id: "6", name: "Marcus Johnson", handle: "Investment Analyst", testimonial: "The analytics features rival professional accounting software at a fraction of the cost.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", imageAlt: "Marcus Johnson" } ]} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..b52df70 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,37 @@ -"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; + textClassName?: string; + fontSize?: number; } -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 = 48, +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;