diff --git a/src/app/page.tsx b/src/app/page.tsx index 7d1860e..3dfd4c9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -14,7 +14,7 @@ import { DollarSign, Eye, Key, - Lightning, + Zap, Lock, Mail, Shield, @@ -22,7 +22,6 @@ import { Star, Users, Workflow, - Zap, } from "lucide-react"; export default function LandingPage() { @@ -60,11 +59,14 @@ export default function LandingPage() { background={{ variant: "downward-rays-animated" }} avatars={[ { - src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg", alt: "professional business person headshot"}, + src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg", alt: "professional business person headshot" + }, { - src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg", alt: "professional businessman headshot"}, + src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg", alt: "professional businessman headshot" + }, { - src: "http://img.b2bpic.net/free-photo/cheerful-elegant-young-woman-with-sunglasses-street_23-2148068428.jpg", alt: "professional woman business portrait"}, + src: "http://img.b2bpic.net/free-photo/cheerful-elegant-young-woman-with-sunglasses-street_23-2148068428.jpg", alt: "professional woman business portrait" + }, ]} avatarText="Trusted by 5,000+ companies worldwide" buttons={[ @@ -84,10 +86,12 @@ export default function LandingPage() { features={[ { title: "Real-time Analytics", description: - "Monitor your performance with live dashboards and instant insights.", bentoComponent: "animated-bar-chart"}, + "Monitor your performance with live dashboards and instant insights.", bentoComponent: "animated-bar-chart" + }, { title: "Global Integration", description: - "Connect with tools worldwide and scale your operations effortlessly.", bentoComponent: "globe"}, + "Connect with tools worldwide and scale your operations effortlessly.", bentoComponent: "globe" + }, { title: "Smart Automation", description: "Automate repetitive tasks and focus on what matters most.", bentoComponent: "3d-task-list", items: [ @@ -119,21 +123,25 @@ export default function LandingPage() { description="Built for modern businesses that demand excellence and innovation." features={[ { - icon: Lightning, + icon: Zap, title: "Lightning Fast", description: - "Optimized performance with millisecond response times and seamless scalability."}, + "Optimized performance with millisecond response times and seamless scalability." + }, { icon: Shield, title: "Enterprise Security", description: - "Multi-layer encryption, compliance certifications, and proactive threat detection."}, + "Multi-layer encryption, compliance certifications, and proactive threat detection." + }, { icon: Users, title: "Team Collaboration", description: - "Real-time collaboration tools that keep your team synchronized across time zones."}, + "Real-time collaboration tools that keep your team synchronized across time zones." + }, { icon: Zap, title: "Instant Setup", description: - "Get up and running in minutes with our intuitive onboarding experience."}, + "Get up and running in minutes with our intuitive onboarding experience." + }, ]} textboxLayout="default" animationType="blur-reveal" @@ -149,13 +157,17 @@ export default function LandingPage() { author="Sarah Johnson, Chief Technology Officer at InnovateCorp" avatars={[ { - src: "http://img.b2bpic.net/free-photo/snarling-angry-man_1154-81.jpg", alt: "Sarah Johnson"}, + src: "http://img.b2bpic.net/free-photo/snarling-angry-man_1154-81.jpg", alt: "Sarah Johnson" + }, { - src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-clasped-hands_23-2147955358.jpg", alt: "Michael Chen"}, + src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-clasped-hands_23-2147955358.jpg", alt: "Michael Chen" + }, { - src: "http://img.b2bpic.net/free-photo/woman-winks-eye-sticks-out-tongue-has-fun-while-walking-urban-setting-dressed-fashionable-pink-jacket-has-optimistic-mood_273609-54819.jpg", alt: "Emily Rodriguez"}, + src: "http://img.b2bpic.net/free-photo/woman-winks-eye-sticks-out-tongue-has-fun-while-walking-urban-setting-dressed-fashionable-pink-jacket-has-optimistic-mood_273609-54819.jpg", alt: "Emily Rodriguez" + }, { - src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "David Kim"}, + src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "David Kim" + }, ]} ratingAnimation="slide-up" avatarsAnimation="blur-reveal" @@ -177,19 +189,22 @@ export default function LandingPage() { id: "starter", badge: "For Individuals", badgeIcon: Sparkles, price: "$29", subtitle: "Perfect for getting started", buttons: [{ text: "Start Free", href: "#contact" }], features: [ - "Up to 5 projects", "10GB storage", "Basic analytics", "Email support", "Community access"], + "Up to 5 projects", "10GB storage", "Basic analytics", "Email support", "Community access" + ], }, { id: "professional", badge: "Most Popular", badgeIcon: Star, price: "$99", subtitle: "For growing teams", buttons: [{ text: "Start Free", href: "#contact" }], features: [ - "Unlimited projects", "500GB storage", "Advanced analytics", "Priority support", "API access", "Team collaboration"], + "Unlimited projects", "500GB storage", "Advanced analytics", "Priority support", "API access", "Team collaboration" + ], }, { id: "enterprise", badge: "Custom", badgeIcon: Zap, price: "Custom", subtitle: "For large organizations", buttons: [{ text: "Contact Sales", href: "#contact" }], features: [ - "Unlimited everything", "Dedicated support", "Custom integrations", "SLA guarantee", "Advanced security", "White-label options"], + "Unlimited everything", "Dedicated support", "Custom integrations", "SLA guarantee", "Advanced security", "White-label options" + ], }, ]} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..2f55f81 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,50 @@ -"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; + fontWeight?: number | 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, + fontSize = 24, + fontWeight = 'bold', + fill = 'currentColor', + className = '', +}) => { + const textLength = text.length; + const charWidth = fontSize * 0.6; + const totalWidth = charWidth * textLength + 40; + const totalHeight = fontSize * 1.5 + 40; + const x = 20; + const y = fontSize + 20; return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file