Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx

src/app/page.tsx

@@ -10,7 +10,7 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Award, Globe, Heart, Lightbulb, MessageCircle, Star, Trophy, Users, Zap } from 'lucide-react';
+import { Award, Globe, Heart, Lightbulb, MessageCircle, Star, Trophy, Users, Zap, TrendingUp, DollarSign, Rocket } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -28,14 +28,14 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Apple"
+          brandName="Earn"
           navItems={[
-            { name: "Products", id: "products" },
             { name: "Features", id: "features" },
-            { name: "About", id: "about" },
+            { name: "How It Works", id: "about" },
+            { name: "Products", id: "products" },
             { name: "Testimonials", id: "testimonials" }
           ]}
-          button={{ text: "Get Started", href: "contact" }}
+          button={{ text: "Start Earning", href: "contact" }}
           animateOnLoad={true}
           className="backdrop-blur-md bg-background/80"
         />
@@ -43,14 +43,14 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroLogo
-          logoText="Apple"
+          logoText="Earn Now"
-          description="Experience innovation redefined. Premium technology designed for the way you live."
+          description="Turn your time into money. Join thousands earning passive income through our innovative platform. Simple, fast, and completely secure."
           buttons={[
-            { text: "Explore Products", href: "products" },
+            { text: "Start Earning Today", href: "contact" },
             { text: "Learn More", href: "features" }
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808016.jpg"
-          imageAlt="Premium product showcase"
+          imageAlt="Premium earning opportunity showcase"
           showDimOverlay={true}
           buttonAnimation="slide-up"
           className="min-h-screen"
@@ -59,26 +59,26 @@ export default function LandingPage() {
 
       <div id="features" data-section="features">
         <FeatureCardTwentyOne
-          title="Innovation That Matters"
+          title="Multiple Ways to Earn"
-          description="Our commitment to excellence drives every detail. From cutting-edge technology to intuitive design, we create products that seamlessly integrate into your life."
+          description="Our platform offers flexible earning opportunities designed to fit your lifestyle. From passive income to active work, we've got options for everyone."
-          tag="Why Choose Us"
+          tag="Earning Methods"
           accordionItems={[
             {
-              id: "1",              title: "Precision Engineering",              content: "Every component is meticulously crafted with attention to detail. We combine advanced manufacturing techniques with premium materials to create products that last."
+              id: "1",              title: "Passive Income Stream",              content: "Earn money while you sleep. Our automated system generates consistent passive income based on your initial investment. Watch your earnings grow without daily effort."
             },
             {
-              id: "2",              title: "Intelligent Design",              content: "Our design philosophy prioritizes simplicity and elegance. We believe technology should be intuitive, beautiful, and disappear into the background of your daily life."
+              id: "2",              title: "Active Task Completion",              content: "Complete tasks and get paid instantly. Whether it's content creation, data analysis, or consulting, we match you with opportunities that align with your skills and schedule."
             },
             {
-              id: "3",              title: "Ecosystem Integration",              content: "Our products work seamlessly together, creating a unified experience. Once you enter our ecosystem, everything just works—effortlessly and beautifully."
+              id: "3",              title: "Referral Rewards Program",              content: "Share and earn commissions. Invite friends and colleagues to join our platform and earn generous referral bonuses. The more you refer, the more you earn."
             }
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-researcher-works-notebook-improve-efficiency_482257-120638.jpg"
-          imageAlt="Feature showcase"
+          imageAlt="Earning opportunities showcase"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
           mediaPosition="left"
-          buttons={[{ text: "Discover More", href: "#" }]}
+          buttons={[{ text: "Explore Methods", href: "#" }]}
         />
       </div>
 
@@ -86,38 +86,38 @@ export default function LandingPage() {
         <ProductCardTwo
           products={[
             {
-              id: "1",              brand: "Apple",              name: "Pro Display",              price: "$1,299.00",              rating: 5,
+              id: "1",              brand: "Earn",              name: "Starter Package",              price: "$99.00",              rating: 5,
-              reviewCount: "2.8k",              imageSrc: "http://img.b2bpic.net/free-photo/hands-man-looking-business-calendar-tablet-suitcase-with-electronic-devices-nearby_1098-20120.jpg",              imageAlt: "Pro Display"
+              reviewCount: "2.8k",              imageSrc: "http://img.b2bpic.net/free-photo/hands-man-looking-business-calendar-tablet-suitcase-with-electronic-devices-nearby_1098-20120.jpg",              imageAlt: "Starter Package"
             },
             {
-              id: "2",              brand: "Apple",              name: "Studio Device",              price: "$899.00",              rating: 5,
+              id: "2",              brand: "Earn",              name: "Professional Plan",              price: "$299.00",              rating: 5,
-              reviewCount: "3.2k",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-dslr-camera-phone_53876-71248.jpg",              imageAlt: "Studio Device"
+              reviewCount: "3.2k",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-dslr-camera-phone_53876-71248.jpg",              imageAlt: "Professional Plan"
             },
             {
-              id: "3",              brand: "Apple",              name: "Innovation Hub",              price: "$1,599.00",              rating: 5,
+              id: "3",              brand: "Earn",              name: "Premium Pro",              price: "$599.00",              rating: 5,
-              reviewCount: "1.9k",              imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938369.jpg",              imageAlt: "Innovation Hub"
+              reviewCount: "1.9k",              imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938369.jpg",              imageAlt: "Premium Pro"
             }
           ]}
-          title="Our Premium Collection"
+          title="Earning Plans for Every Goal"
-          description="Explore our curated selection of innovative products designed for modern living."
+          description="Choose the plan that matches your earning ambitions. Upgrade anytime to unlock more earning opportunities."
-          tag="Featured Products"
+          tag="Pricing Plans"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Products", href: "#" }]}
+          buttons={[{ text: "View All Plans", href: "#" }]}
         />
       </div>
 
       <div id="about" data-section="about">
         <TestimonialAboutCard
-          tag="Our Story"
+          tag="How It Works"
-          title="Designed by engineers. Built for everyone."
+          title="Simple Steps to Start Earning"
-          description="Apple Team"
+          description="Our proven system has helped thousands"
-          subdescription="Founded on principles of innovation and excellence"
+          subdescription="Sign up, complete your profile, and start earning within minutes"
-          icon={Lightbulb}
+          icon={Rocket}
           imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149337237.jpg"
-          imageAlt="Innovation workspace"
+          imageAlt="Earning workspace"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
         />
@@ -127,25 +127,25 @@ export default function LandingPage() {
         <TestimonialCardTwo
           testimonials={[
             {
-              id: "1",              name: "Sarah Anderson",              role: "Product Designer",              testimonial: "The attention to detail is extraordinary. Every interaction feels thoughtfully designed. It's the gold standard of product excellence.",              icon: Star,
+              id: "1",              name: "Sarah Anderson",              role: "Full-Time Earner",              testimonial: "I made $5,000 in my first month. This platform is legitimate and pays on time. Best decision I made for my financial future.",              icon: DollarSign,
               imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",              imageAlt: "Sarah Anderson"
             },
             {
-              id: "2",              name: "Michael Chen",              role: "Tech Entrepreneur",              testimonial: "Seamless integration across all devices. Once you experience this ecosystem, nothing else compares. Pure innovation.",              icon: Heart,
+              id: "2",              name: "Michael Chen",              role: "Part-Time Professional",              testimonial: "Perfect side income source. I earn $2,000 monthly with just a few hours per week. Flexible and rewarding.",              icon: TrendingUp,
               imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg",              imageAlt: "Michael Chen"
             },
             {
-              id: "3",              name: "Emily Rodriguez",              role: "Creative Director",              testimonial: "The design is minimal yet powerful. It enhances my workflow without getting in the way. Truly transformative.",              icon: Zap,
+              id: "3",              name: "Emily Rodriguez",              role: "Student Entrepreneur",              testimonial: "As a student, this helped me pay for college while studying. Passive income is real and it works!",              icon: Zap,
               imageSrc: "http://img.b2bpic.net/free-photo/women-career-education-people-concept-portrait-smart-attractive-woman-sitting-floor-lean-wall-as-relaxing-have-break-after-courses-holding-mobile-phone-smiling-happy_197531-22171.jpg",              imageAlt: "Emily Rodriguez"
             },
             {
-              id: "4",              name: "David Kim",              role: "Software Engineer",              testimonial: "Precision engineering meets elegant design. Every detail matters. This is how premium products should be built.",              icon: Trophy,
+              id: "4",              name: "David Kim",              role: "Entrepreneur",              testimonial: "The best earning opportunity I've found online. Transparent, reliable, and incredibly profitable. Highly recommended!",              icon: Trophy,
               imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",              imageAlt: "David Kim"
             }
           ]}
-          title="Loved by Users Worldwide"
+          title="Success Stories from Our Community"
-          description="See what our customers have to say about their experience."
+          description="See how people are earning real money with our platform."
-          tag="Customer Reviews"
+          tag="Real Results"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
@@ -156,21 +156,21 @@ export default function LandingPage() {
         <MetricCardOne
           metrics={[
             {
-              id: "1",              value: "15",              title: "million",              description: "Users worldwide",              icon: Users
+              id: "1",              value: "50K+",              title: "Active Earners",              description: "Growing community worldwide",              icon: Users
             },
             {
-              id: "2",              value: "98",              title: "percent",              description: "Customer satisfaction",              icon: Heart
+              id: "2",              value: "$10M+",              title: "Paid Out",              description: "To our members this year",              icon: DollarSign
             },
             {
-              id: "3",              value: "50",              title: "countries",              description: "Global presence",              icon: Globe
+              id: "3",              value: "180+",              title: "Countries",              description: "Earning opportunities available",              icon: Globe
             },
             {
-              id: "4",              value: "25",              title: "awards",              description: "Industry recognition",              icon: Award
+              id: "4",              value: "98%",              title: "Satisfaction",              description: "Member approval rating",              icon: Award
             }
           ]}
-          title="Our Impact"
+          title="By The Numbers"
-          description="Key achievements that define our commitment to excellence."
+          description="Our impact in the earning economy."
-          tag="By The Numbers"
+          tag="Our Growth"
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
@@ -180,22 +180,22 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactFaq
-          ctaTitle="Get in Touch"
+          ctaTitle="Ready to Start Earning?"
-          ctaDescription="Have questions? Our team is here to help you discover the perfect solution."
+          ctaDescription="Join thousands of successful earners. Get started in minutes and see your first earnings today."
-          ctaButton={{ text: "Schedule a Demo", href: "#" }}
+          ctaButton={{ text: "Begin Your Journey", href: "#" }}
           ctaIcon={MessageCircle}
           faqs={[
             {
-              id: "1",              title: "What makes our products different?",              content: "Our products combine cutting-edge technology with intuitive design. We focus on creating seamless experiences that integrate naturally into your life, backed by world-class engineering and premium materials."
+              id: "1",              title: "How much can I really earn?",              content: "Earnings vary based on your effort, skills, and the plan you choose. Many members earn $1,000-$5,000+ monthly. Your earnings depend on how actively you participate and which opportunities you take."
             },
             {
-              id: "2",              title: "How does the ecosystem work?",              content: "Our ecosystem is designed to work together effortlessly. All our devices communicate intelligently, sharing data seamlessly and creating a unified experience. Once you enter the ecosystem, everything just works."
+              id: "2",              title: "Is this really legitimate?",              content: "Yes, we're a registered company with transparent payment practices. We've paid over $10M to our members and maintain a 98% satisfaction rating. All earnings are tracked in real-time through your dashboard."
             },
             {
-              id: "3",              title: "What's your warranty and support policy?",              content: "We stand behind our products with comprehensive warranties and dedicated support. Our team is available to assist you, ensuring you get the most out of your investment."
+              id: "3",              title: "When do I get paid?",              content: "Payments are processed weekly directly to your bank account, PayPal, or crypto wallet. There are no hidden fees or delays. You'll see earnings in your account within 24-48 hours of completion."
             },
             {
-              id: "4",              title: "Can I customize my order?",              content: "Absolutely. We offer extensive customization options to match your preferences. From finishes to configurations, your product should be uniquely yours."
+              id: "4",              title: "Do I need experience?",              content: "No experience needed! We have opportunities for all skill levels. Whether you're a beginner or expert, there are tasks and earning methods suited to you. Our platform matches you with appropriate opportunities."
             }
           ]}
           animationType="slide-up"
@@ -207,12 +207,12 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
-          logoText="Apple"
+          logoText="Earn"
           columns={[
             {
               items: [
-                { label: "Products", href: "products" },
+                { label: "How to Earn", href: "features" },
-                { label: "Features", href: "features" },
+                { label: "Pricing Plans", href: "products" },
                 { label: "Support", href: "#" }
               ]
             },
@@ -220,7 +220,7 @@ export default function LandingPage() {
               items: [
                 { label: "About Us", href: "about" },
                 { label: "Careers", href: "#" },
-                { label: "Newsroom", href: "#" }
+                { label: "Blog", href: "#" }
               ]
             },
             {

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;
+  text: string;
-  adjustHeightFactor?: number;
-  verticalAlign?: "top" | "center";
   className?: string;
+  fontSize?: number;
+  fontWeight?: number | string;
+  letterSpacing?: number;
+  fill?: string;
 }
 
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
+const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
-  logoText,
+  text,
-  adjustHeightFactor,
+  className = '',
-  verticalAlign = "top",
+  fontSize = 48,
-  className = "",
+  fontWeight = 700,
-}) {
+  letterSpacing = 0,
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+  fill = 'currentColor',
+}) => {
+  const charWidth = fontSize * 0.5;
+  const width = text.length * charWidth + 20;
+  const height = fontSize + 20;
 
   return (
     <svg
-      ref={svgRef}
+      width={width}
-      viewBox={viewBox}
+      height={height}
-      className={cls("w-full", className)}
+      viewBox={`0 0 ${width} ${height}`}
-      style={{ aspectRatio: aspectRatio }}
+      className={className}
-      preserveAspectRatio="none"
       role="img"
-      aria-label={`${logoText} logo`}
+      aria-label={text}
     >
       <text
-        ref={textRef}
+        x="10"
-        x="0"
+        y={fontSize}
-        y={verticalAlign === "center" ? "50%" : "0"}
+        fontSize={fontSize}
-        className="font-bold fill-current"
+        fontWeight={fontWeight}
-        style={{
+        letterSpacing={letterSpacing}
-          fontSize: "20px",
+        fill={fill}
-          letterSpacing: "-0.02em",
+        fontFamily="inherit"
-          dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
+        dominantBaseline="hanging"
-        }}
       >
-        {logoText}
+        {text}
       </text>
     </svg>
   );
-});
+};
-
-SvgTextLogo.displayName = "SvgTextLogo";
 
 export default SvgTextLogo;