From 384054114e757204bdcf74b57c7b7fa0d840a069 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 08:43:54 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b2596a7..394bbe6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -46,6 +46,7 @@ export default function LandingPage() { description="Get your diamonds instantly. Safe, secure, and 100% reliable top-up service trusted by thousands of players worldwide." tag="Trusted Gaming Provider" tagIcon={Shield} + mediaAnimation="opacity" background={{ variant: "glowing-orb" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/epic-free-fire-game-promotional-banner-f-1773218537141-6121fc61.png" imageAlt="Free Fire diamonds showcase" @@ -69,16 +70,16 @@ export default function LandingPage() { animationType="slide-up" products={[ { - id: "basic", name: "500 Diamonds", price: "$4.99", variant: "Starter Pack", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/product-card-showcase-of-500-free-fire-d-1773218537045-0e945e1e.png?_wi=1", imageAlt: "500 diamonds package" + id: "basic", name: "500 Diamonds", price: "$4.99", variant: "Starter Pack", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/product-card-showcase-of-500-free-fire-d-1773218537045-0e945e1e.png", imageAlt: "500 diamonds package" }, { - id: "standard", name: "1000 Diamonds", price: "$9.99", variant: "Popular Choice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/product-card-showcase-of-500-free-fire-d-1773218537045-0e945e1e.png?_wi=2", imageAlt: "1000 diamonds package" + id: "standard", name: "1000 Diamonds", price: "$9.99", variant: "Popular Choice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/product-card-showcase-of-500-free-fire-d-1773218537045-0e945e1e.png", imageAlt: "1000 diamonds package" }, { - id: "pro", name: "1500 Diamonds", price: "$14.99", variant: "Best Value", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/premium-1500-free-fire-diamonds-bundle-w-1773218537121-4a22e836.png?_wi=1", imageAlt: "1500 diamonds elite package" + id: "pro", name: "1500 Diamonds", price: "$14.99", variant: "Best Value", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/premium-1500-free-fire-diamonds-bundle-w-1773218537121-4a22e836.png", imageAlt: "1500 diamonds elite package" }, { - id: "mega", name: "3500 Diamonds", price: "$29.99", variant: "Ultimate Bundle", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/mega-3500-free-fire-diamonds-legendary-b-1773218537215-ac0e08e2.png?_wi=1", imageAlt: "3500 diamonds mega bundle" + id: "mega", name: "3500 Diamonds", price: "$29.99", variant: "Ultimate Bundle", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/mega-3500-free-fire-diamonds-legendary-b-1773218537215-ac0e08e2.png", imageAlt: "3500 diamonds mega bundle" } ]} /> @@ -94,19 +95,19 @@ export default function LandingPage() { animationType="slide-up" plans={[ { - id: "entry", title: "Entry Level", price: "$4.99", period: "per 500 diamonds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/product-card-showcase-of-500-free-fire-d-1773218537045-0e945e1e.png?_wi=3", imageAlt: "Entry level diamonds", features: [ + id: "entry", title: "Entry Level", price: "$4.99", period: "per 500 diamonds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/product-card-showcase-of-500-free-fire-d-1773218537045-0e945e1e.png", imageAlt: "Entry level diamonds", features: [ "Instant delivery", "Secure payment", "24/7 support" ], button: { text: "Get Started", href: "contact" } }, { - id: "popular", title: "Popular Plan", price: "$14.99", period: "per 1500 diamonds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/premium-1500-free-fire-diamonds-bundle-w-1773218537121-4a22e836.png?_wi=2", imageAlt: "Popular plan diamonds", features: [ + id: "popular", title: "Popular Plan", price: "$14.99", period: "per 1500 diamonds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/premium-1500-free-fire-diamonds-bundle-w-1773218537121-4a22e836.png", imageAlt: "Popular plan diamonds", features: [ "Instant delivery", "Secure payment", "Priority support", "Bonus events access" ], button: { text: "Choose Plan", href: "contact" } }, { - id: "ultimate", title: "Ultimate Bundle", price: "$29.99", period: "per 3500 diamonds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/mega-3500-free-fire-diamonds-legendary-b-1773218537215-ac0e08e2.png?_wi=2", imageAlt: "Ultimate bundle diamonds", features: [ + id: "ultimate", title: "Ultimate Bundle", price: "$29.99", period: "per 3500 diamonds", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/mega-3500-free-fire-diamonds-legendary-b-1773218537215-ac0e08e2.png", imageAlt: "Ultimate bundle diamonds", features: [ "Instant delivery", "Secure payment", "VIP support", "Exclusive rewards", "Best value guarantee" ], button: { text: "Go Premium", href: "contact" } @@ -124,7 +125,7 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", name: "Alex Chen, Pro Player", date: "Date: 15 January 2025", title: "Fastest delivery ever!", quote: "I've been using FireTop for months now. The diamonds arrive instantly and the prices are unbeatable. Highly recommend!", tag: "Verified Purchase", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/professional-gaming-player-portrait-conf-1773218538153-4d66e792.png", avatarAlt: "Alex Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/professional-gaming-player-portrait-conf-1773218538153-4d66e792.png?_wi=1" + id: "1", name: "Alex Chen, Pro Player", date: "Date: 15 January 2025", title: "Fastest delivery ever!", quote: "I've been using FireTop for months now. The diamonds arrive instantly and the prices are unbeatable. Highly recommend!", tag: "Verified Purchase", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/professional-gaming-player-portrait-conf-1773218538153-4d66e792.png", avatarAlt: "Alex Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/professional-gaming-player-portrait-conf-1773218538153-4d66e792.png" }, { id: "2", name: "Sarah Martinez, Streamer", date: "Date: 12 January 2025", title: "Perfect for content creation", quote: "As a streamer, I need reliable diamond supplies. FireTop has never let me down. Customer service is amazing too!", tag: "Verified Purchase", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/gaming-streamer-portrait-female-content--1773218537839-e4ac5bde.png", avatarAlt: "Sarah Martinez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/gaming-streamer-portrait-female-content--1773218537839-e4ac5bde.png" @@ -139,7 +140,7 @@ export default function LandingPage() { id: "5", name: "James Rodriguez, Competitive Gamer", date: "Date: 5 January 2025", title: "Reliability you can trust", quote: "Never had an issue. Every transaction is smooth, secure, and transparent. FireTop is the go-to service!", tag: "Verified Purchase", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/competitive-esports-player-professional--1773218536612-d66910ce.png", avatarAlt: "James Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/competitive-esports-player-professional--1773218536612-d66910ce.png" }, { - id: "6", name: "Emma Taylor, Pro Streamer", date: "Date: 2 January 2025", title: "Industry leading service", quote: "Finally found a top-up service that matches my standards. Instant, secure, and professional. A+", tag: "Verified Purchase", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/professional-gaming-player-portrait-conf-1773218538153-4d66e792.png", avatarAlt: "Emma Taylor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/professional-gaming-player-portrait-conf-1773218538153-4d66e792.png?_wi=2" + id: "6", name: "Emma Taylor, Pro Streamer", date: "Date: 2 January 2025", title: "Industry leading service", quote: "Finally found a top-up service that matches my standards. Instant, secure, and professional. A+", tag: "Verified Purchase", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/professional-gaming-player-portrait-conf-1773218538153-4d66e792.png", avatarAlt: "Emma Taylor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBSg93DD5cHabDyE7mHiXYLgg/professional-gaming-player-portrait-conf-1773218538153-4d66e792.png" } ]} /> -- 2.49.1 From b872fce3ea823a7112f4a33f791544b2e986a4fb Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 08:43:54 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 75 ++++++++----------- 1 file changed, 31 insertions(+), 44 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..a66fcdb 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,38 @@ -"use client"; +import React, { SVGProps } from 'react'; -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; - -interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; +interface SvgTextLogoProps extends SVGProps { + text?: string; + fontSize?: number; + fontWeight?: number | string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - - return ( - - ( + ({ text = 'Logo', fontSize = 32, fontWeight = 'bold', className = '', ...props }, ref) => { + return ( + - {logoText} - - - ); -}); + + {text} + + + ); + } +); -SvgTextLogo.displayName = "SvgTextLogo"; +SvgTextLogo.displayName = 'SvgTextLogo'; -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1