diff --git a/src/app/page.tsx b/src/app/page.tsx index 7422bd2..809c8df 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -62,7 +62,6 @@ export default function LandingPage() { imageAlt="PointsHub dashboard interface" mediaAnimation="slide-up" imagePosition="right" - useInvertedBackground={false} /> @@ -78,15 +77,15 @@ export default function LandingPage() { features={[ { id: "1", title: "Award Points for Achievements", tags: ["Setup", "Real-time"], - imageSrc: "http://img.b2bpic.net/free-vector/businesswoman-with-coins-cup-prize-with-gears_24640-45043.jpg?_wi=1", imageAlt: "Points accumulation system" + imageSrc: "http://img.b2bpic.net/free-vector/businesswoman-with-coins-cup-prize-with-gears_24640-45043.jpg", imageAlt: "Points accumulation system" }, { id: "2", title: "Accumulate to 100 Points", tags: ["Tracking", "Transparent"], - imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333731.jpg?_wi=1", imageAlt: "Team achievement celebration" + imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333731.jpg", imageAlt: "Team achievement celebration" }, { id: "3", title: "Automatic Salary Increase (+0.1%)", tags: ["Reward", "Automatic"], - imageSrc: "http://img.b2bpic.net/free-vector/reopen-economy-after-coronavirus_52683-38435.jpg?_wi=1", imageAlt: "Salary increase benefit" + imageSrc: "http://img.b2bpic.net/free-vector/reopen-economy-after-coronavirus_52683-38435.jpg", imageAlt: "Salary increase benefit" } ]} /> @@ -117,19 +116,19 @@ export default function LandingPage() { animationType="slide-up" plans={[ { - id: "starter", title: "Starter", price: "$299", period: "/month", imageSrc: "http://img.b2bpic.net/free-vector/businesswoman-with-coins-cup-prize-with-gears_24640-45043.jpg?_wi=2", imageAlt: "Starter plan features", button: { text: "Get Started", href: "#contact" }, + id: "starter", title: "Starter", price: "$299", period: "/month", imageSrc: "http://img.b2bpic.net/free-vector/businesswoman-with-coins-cup-prize-with-gears_24640-45043.jpg", imageAlt: "Starter plan features", button: { text: "Get Started", href: "#contact" }, features: [ "Up to 50 employees", "Basic point tracking", "Monthly rewards report", "Email support", "Unlimited point types" ] }, { - id: "professional", title: "Professional", price: "$799", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333731.jpg?_wi=2", imageAlt: "Professional plan features", button: { text: "Upgrade Now", href: "#contact" }, + id: "professional", title: "Professional", price: "$799", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333731.jpg", imageAlt: "Professional plan features", button: { text: "Upgrade Now", href: "#contact" }, features: [ "Up to 500 employees", "Advanced analytics", "Real-time dashboards", "Priority support", "Custom reward tiers", "Integration API" ] }, { - id: "enterprise", title: "Enterprise", price: "Custom", period: "/month", imageSrc: "http://img.b2bpic.net/free-vector/reopen-economy-after-coronavirus_52683-38435.jpg?_wi=2", imageAlt: "Enterprise plan features", button: { text: "Contact Sales", href: "#contact" }, + id: "enterprise", title: "Enterprise", price: "Custom", period: "/month", imageSrc: "http://img.b2bpic.net/free-vector/reopen-economy-after-coronavirus_52683-38435.jpg", imageAlt: "Enterprise plan features", button: { text: "Contact Sales", href: "#contact" }, features: [ "Unlimited employees", "Full customization", "White-label solution", "Dedicated account manager", "Advanced security", "Custom integrations" ] diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..c8c7c91 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; + fontSize?: number; + fontFamily?: string; + fontWeight?: string | number; + 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, + fontSize = 48, + fontFamily = 'system-ui, -apple-system, sans-serif', + fontWeight = 'bold', + fill = 'currentColor', + className = '', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;