Skip to content

Commit e3e03ee

Browse files
laveshparyanilaveshparyani
committed
Refinement: Fix brand name, sync stats, rounded image corners, and CTA logo adjustments
1 parent e1d31f9 commit e3e03ee

9 files changed

Lines changed: 42 additions & 45 deletions

File tree

‎apps/web/app/platforms/lock-it-trade/page.tsx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,7 @@ export default function LockItTradePage() {
123123
width={500}
124124
height={300}
125125
loading="lazy"
126-
className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-105"
126+
className="object-cover w-full h-full rounded-2xl transition-transform duration-500 group-hover:scale-105"
127127
/>
128128
</div>
129129
</div>
@@ -143,7 +143,7 @@ export default function LockItTradePage() {
143143
width={500}
144144
height={300}
145145
loading="lazy"
146-
className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-105"
146+
className="object-cover w-full h-full rounded-2xl transition-transform duration-500 group-hover:scale-105"
147147
/>
148148
</div>
149149
</div>
@@ -163,7 +163,7 @@ export default function LockItTradePage() {
163163
width={500}
164164
height={300}
165165
loading="lazy"
166-
className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-105"
166+
className="object-cover w-full h-full rounded-2xl transition-transform duration-500 group-hover:scale-105"
167167
/>
168168
</div>
169169
</div>
@@ -293,7 +293,7 @@ export default function LockItTradePage() {
293293
alt={feature.title}
294294
width={700}
295295
height={700}
296-
className="object-contain opacity-50 group-hover:opacity-70 transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-110"
296+
className="object-contain opacity-50 group-hover:opacity-70 transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-110 rounded-2xl"
297297
/>
298298
</div>
299299

@@ -533,35 +533,35 @@ export default function LockItTradePage() {
533533
src={withBasePath("/LockItTradeSS.png")}
534534
alt="Lock It Trade Platform"
535535
fill
536-
className="object-cover"
536+
className="object-cover rounded-[2.5rem]"
537537
/>
538538
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-32 sm:w-40 h-6 sm:h-7 bg-black/40 rounded-b-3xl z-30"></div>
539539
</div>
540540

541541
<motion.div
542-
animate={{ y: [0, -15, 0], x: [0, 8, 0], rotate: [0, 8, 0] }}
542+
animate={{ y: [0, -20, 0], x: [0, 10, 0], rotate: [0, 12, 0] }}
543543
transition={{ duration: 5, repeat: Infinity, ease: "easeInOut" }}
544-
className="absolute top-28 -left-4 sm:top-20 sm:-left-16 z-30 drop-shadow-2xl filter brightness-110"
544+
className="absolute top-12 -left-12 sm:top-8 sm:-left-24 z-30 drop-shadow-[0_20px_40px_rgba(0,0,0,0.5)] filter brightness-110"
545545
>
546546
<Image
547547
src={withBasePath("/images/LockITTradeLogoNoBg.png")}
548548
alt="Logo"
549-
width={64}
550-
height={64}
551-
className="object-contain rounded-[1rem] sm:w-[80px] sm:h-[80px]"
549+
width={96}
550+
height={96}
551+
className="object-contain rounded-[1.5rem] sm:w-[120px] sm:h-[120px]"
552552
/>
553553
</motion.div>
554554
<motion.div
555-
animate={{ y: [0, -12, 0], x: [0, -6, 0], rotate: [0, -8, 0] }}
555+
animate={{ y: [0, -15, 0], x: [0, -8, 0], rotate: [0, -12, 0] }}
556556
transition={{ duration: 6, repeat: Infinity, ease: "easeInOut", delay: 1 }}
557-
className="absolute bottom-12 -right-2 sm:-right-4 z-30 drop-shadow-2xl filter brightness-110"
557+
className="absolute -bottom-4 -right-8 sm:-bottom-10 sm:-right-24 z-30 drop-shadow-[0_20px_40px_rgba(0,0,0,0.5)] filter brightness-110"
558558
>
559559
<Image
560560
src={withBasePath("/images/LockITTradeLogoNoBg.png")}
561561
alt="Logo"
562-
width={56}
563-
height={56}
564-
className="object-contain rounded-[0.75rem] sm:w-[72px] sm:h-[72px]"
562+
width={80}
563+
height={80}
564+
className="object-contain rounded-[1.25rem] sm:w-[100px] sm:h-[100px]"
565565
/>
566566
</motion.div>
567567
</motion.div>

‎apps/web/app/platforms/tradelocker/page.tsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ export default function TradeLockerPage() {
130130
width={500}
131131
height={300}
132132
loading="lazy"
133-
className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-105"
133+
className="object-cover w-full h-full rounded-2xl transition-transform duration-500 group-hover:scale-105"
134134
/>
135135
</div>
136136
</div>
@@ -150,7 +150,7 @@ export default function TradeLockerPage() {
150150
width={500}
151151
height={300}
152152
loading="lazy"
153-
className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-105"
153+
className="object-cover w-full h-full rounded-2xl transition-transform duration-500 group-hover:scale-105"
154154
/>
155155
</div>
156156
</div>
@@ -336,7 +336,7 @@ export default function TradeLockerPage() {
336336
alt={feature.title}
337337
width={700}
338338
height={700}
339-
className="object-contain opacity-50 group-hover:opacity-70 transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-110"
339+
className="object-contain opacity-50 group-hover:opacity-70 transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-110 rounded-2xl"
340340
/>
341341
</div>
342342

@@ -489,35 +489,35 @@ export default function TradeLockerPage() {
489489
src={withBasePath("/TradeLockerSS.webp")}
490490
alt="TradeLocker Platform"
491491
fill
492-
className="object-cover"
492+
className="object-cover rounded-[2.5rem]"
493493
/>
494494
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-32 sm:w-40 h-6 sm:h-7 bg-black/40 rounded-b-3xl z-30"></div>
495495
</div>
496496

497497
<motion.div
498-
animate={{ y: [0, -15, 0], x: [0, 8, 0], rotate: [0, 8, 0] }}
498+
animate={{ y: [0, -20, 0], x: [0, 10, 0], rotate: [0, 12, 0] }}
499499
transition={{ duration: 5, repeat: Infinity, ease: "easeInOut" }}
500-
className="absolute top-28 -left-4 sm:top-20 sm:-left-16 z-30 drop-shadow-2xl filter brightness-110"
500+
className="absolute top-12 -left-12 sm:top-8 sm:-left-24 z-30 drop-shadow-[0_20px_40px_rgba(0,0,0,0.5)] filter brightness-110"
501501
>
502502
<Image
503503
src={withBasePath("/images/Trade Locker.png")}
504504
alt="TL"
505-
width={48}
506-
height={48}
507-
className="object-contain rounded-[1rem] sm:w-[56px] sm:h-[56px]"
505+
width={96}
506+
height={96}
507+
className="object-contain rounded-[1.5rem] sm:w-[120px] sm:h-[120px]"
508508
/>
509509
</motion.div>
510510
<motion.div
511-
animate={{ y: [0, -12, 0], x: [0, -6, 0], rotate: [0, -8, 0] }}
511+
animate={{ y: [0, -15, 0], x: [0, -8, 0], rotate: [0, -12, 0] }}
512512
transition={{ duration: 6, repeat: Infinity, ease: "easeInOut", delay: 1 }}
513-
className="absolute bottom-12 -right-2 sm:-right-4 z-30 drop-shadow-2xl filter brightness-110"
513+
className="absolute -bottom-4 -right-8 sm:-bottom-10 sm:-right-24 z-30 drop-shadow-[0_20px_40px_rgba(0,0,0,0.5)] filter brightness-110"
514514
>
515515
<Image
516516
src={withBasePath("/images/Trade Locker.png")}
517517
alt="TL"
518-
width={40}
519-
height={40}
520-
className="object-contain rounded-[0.75rem] sm:w-[48px] sm:h-[48px]"
518+
width={80}
519+
height={80}
520+
className="object-contain rounded-[1.25rem] sm:w-[100px] sm:h-[100px]"
521521
/>
522522
</motion.div>
523523
</motion.div>

‎apps/web/components/footer.tsx‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,16 +67,13 @@ export function Footer() {
6767
<ul className="space-y-2 text-sm text-muted-foreground">
6868
<li><Link href="/account-types" className="hover:text-primary">Account Types</Link></li>
6969
<li><Link href="/markets" className="hover:text-primary">Instruments</Link></li>
70-
<li><Link href="/liquidity" className="hover:text-primary">Liquidity</Link></li>
71-
<li><Link href="/spreads" className="hover:text-primary">Spreads</Link></li>
7270
</ul>
7371
</div>
7472
<div>
7573
<h3 className="font-bold text-foreground mb-4">Partners</h3>
7674
<ul className="space-y-2 text-sm text-muted-foreground">
7775
<li><Link href="/partners/ib" className="hover:text-primary">IB Program</Link></li>
7876
<li><Link href="/partners/affiliate" className="hover:text-primary">Affiliates</Link></li>
79-
<li><Link href="/partners/white-label" className="hover:text-primary">White Label</Link></li>
8077
</ul>
8178
</div>
8279
<div>

‎apps/web/components/sections/about-section-enhanced.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ export function AboutSectionEnhanced() {
5555
customVariants={revealVariants}
5656
className="text-sm font-medium text-muted-foreground uppercase tracking-wide"
5757
>
58-
ABOUT CRIMSONFX
58+
ABOUT RESTROFX
5959
</TimelineContent>
6060
</div>
6161
</div>
@@ -73,7 +73,7 @@ export function AboutSectionEnhanced() {
7373
src="https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1200&auto=format&fit=crop"
7474
alt="Trading platform"
7575
fill
76-
className="object-cover"
76+
className="object-cover rounded-2xl"
7777
priority
7878
/>
7979
</div>
@@ -89,13 +89,13 @@ export function AboutSectionEnhanced() {
8989
className="flex gap-4"
9090
>
9191
<div className="flex items-center gap-2 mb-2 sm:text-base text-xs">
92-
<span className="text-primary font-bold font-numbers">500K+</span>
93-
<span className="text-muted-foreground">Traders Worldwide</span>
92+
<span className="text-primary font-bold font-numbers">50K+</span>
93+
<span className="text-muted-foreground">Active Traders</span>
9494
<span className="text-border">|</span>
9595
</div>
9696
<div className="flex items-center gap-2 mb-2 sm:text-base text-xs">
97-
<span className="text-primary font-bold font-numbers">$2.5B+</span>
98-
<span className="text-muted-foreground">Withdrawals Processed</span>
97+
<span className="text-primary font-bold font-numbers">$10B+</span>
98+
<span className="text-muted-foreground">Volume Traded</span>
9999
</div>
100100
</TimelineContent>
101101
<div className="lg:absolute right-0 bottom-16 flex lg:flex-col flex-row-reverse lg:gap-0 gap-4">
@@ -159,7 +159,7 @@ export function AboutSectionEnhanced() {
159159
className="sm:text-base text-sm font-body"
160160
>
161161
<p className="leading-relaxed">
162-
CrimsonFX is a leading online trading platform dedicated to
162+
RestroFX is a leading online trading platform dedicated to
163163
providing traders with access to global financial markets. We
164164
combine cutting-edge technology with transparent trading
165165
conditions to deliver a professional trading experience.
@@ -190,7 +190,7 @@ export function AboutSectionEnhanced() {
190190
customVariants={revealVariants}
191191
className="text-primary text-2xl font-bold font-heading mb-2"
192192
>
193-
CRIMSONFX
193+
RESTROFX
194194
</TimelineContent>
195195
<TimelineContent
196196
as="div"

‎apps/web/components/sections/account-types/at-faq.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ const faqs = [
3333
},
3434
{
3535
question: "Which platforms are available?",
36-
answer: "We offer MetaTrader 5 and TradeLocker trading platforms on desktop, web, and mobile devices.",
36+
answer: "We offer Lock It Trade and TradeLocker trading platforms on desktop, web, and mobile devices.",
3737
icon: MonitorSmartphone
3838
},
3939
{

‎apps/web/components/sections/faq-section.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const faqs = [
3232
{
3333
question: "Which platforms are available?",
3434
answer:
35-
"We offer MetaTrader 5 and TradeLocker trading platforms. Both platforms are available on desktop, web, and mobile devices, giving you flexibility in how you trade.",
35+
"We offer Lock It Trade and TradeLocker trading platforms. Both platforms are available on desktop, web, and mobile devices, giving you flexibility in how you trade.",
3636
icon: MonitorSmartphone
3737
},
3838
{

‎apps/web/components/sections/hero-section-enhanced.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,7 @@ export function HeroSectionEnhanced({
113113
<Button
114114
size="lg"
115115
variant="outline"
116-
className="rounded-full px-12 h-16 text-lg font-bold border-2 border-white/30 text-white hover:bg-white hover:text-red-700 transition-all duration-500 bg-transparent active:scale-95 shadow-lg backdrop-blur-sm"
116+
className="rounded-full px-12 h-16 text-lg font-bold border-2 border-foreground/20 text-foreground hover:bg-foreground hover:text-background transition-all duration-500 bg-transparent active:scale-95 shadow-lg backdrop-blur-sm"
117117
asChild
118118
>
119119
<Link href={secondaryCtaHref}>

‎apps/web/components/sections/onboarding-steps-section.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ export function OnboardingStepsSection() {
3232
features={steps}
3333
title={<>Our <span className="bg-gradient-to-b from-red-500 via-red-600 to-red-800 bg-clip-text text-transparent">Journey</span></>}
3434
autoPlayInterval={4000}
35-
imageHeight="aspect-square h-auto w-full max-w-md mx-auto bg-transparent shadow-none"
35+
imageHeight="aspect-square h-auto w-full max-w-md mx-auto"
3636
/>
3737
);
3838
}

‎apps/web/components/ui/feature-section.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ export function FeatureSteps({
137137
<Image
138138
src={withBasePath(feature.image)}
139139
alt={feature.step}
140-
className="w-full h-full object-contain p-4 bg-white/5 rounded-2xl"
140+
className="w-full h-full object-cover rounded-2xl"
141141
width={1000}
142142
height={500}
143143
priority={index === 0}

0 commit comments

Comments
 (0)