Update src/app/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -5,6 +5,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import Link from "next/link";
 import { TrendingUp, Sparkles, Zap, Users, BarChart3, Shield } from "lucide-react";
@@ -102,6 +103,20 @@ export default function AboutPage() {
         />
       </div>
 
+      <div id="testimonials-featured" data-section="testimonials-featured">
+        <TestimonialCardFive
+          testimonials={[
+            {
+              id: "1",              name: "David Williams",              date: "December 2024",              title: "Portfolio Director",              quote: "My Trade has revolutionized how our team manages cryptocurrency portfolios. The advanced analytics and real-time monitoring capabilities have enabled us to make faster, more informed decisions. We couldn't imagine our trading operations without it.",              tag: "5 Stars",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/professional-headshot-portrait-of-a-succ-1773136514328-34a1bb04.png",              avatarAlt: "David Williams profile photo"
+            }
+          ]}
+          title="Featured Success Story"
+          description="Hear from our valued clients"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <FooterLogoReveal
         logoText="My Trade"
         leftLink={{

src/app/page.tsx

@@ -1,13 +1,14 @@
 "use client";
 
 import Link from 'next/link';
-import { TrendingUp, Sparkles, Zap, Users, BarChart3, Shield, Clock } from 'lucide-react';
+import { TrendingUp, Sparkles, Zap, Users, BarChart3, Shield, Clock, ExternalLink } from 'lucide-react';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -74,9 +75,12 @@ export default function HomePage() {
       <div id="features" data-section="features">
         <FeatureCardThree
           title="Powerful Trading Features"
-          description="Everything you need to succeed in cryptocurrency trading"
+          description="Discover comprehensive tools designed to elevate your cryptocurrency trading performance and maximize your potential returns"
           tag="Core Features"
           tagIcon={Zap}
+          buttons={[
+            { text: "Explore All Features", href: "/features" }
+          ]}
           features={[
             {
               id: "01",              title: "Real-Time Market Analytics",              description: "Track live price movements, volume trends, and market sentiment across major cryptocurrencies with instant notifications.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/a-detailed-trading-analytics-screen-show-1773136515159-009a965c.png?_wi=1",              imageAlt: "A detailed trading analytics screen showing advanced statistical analysis tools for cryptocurrency t"
@@ -150,6 +154,20 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="testimonials-featured" data-section="testimonials-featured">
+        <TestimonialCardFive
+          testimonials={[
+            {
+              id: "1",              name: "James Carter",              date: "January 2025",              title: "Senior Investment Officer",              quote: "This product has completely transformed how we approach cryptocurrency trading. The real-time analytics and risk management tools have helped us optimize our strategies and significantly improve our returns. My Trade is truly the gold standard for professional traders.",              tag: "5 Stars",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/professional-headshot-portrait-of-a-succ-1773136514328-34a1bb04.png",              avatarAlt: "James Carter profile photo"
+            }
+          ]}
+          title="Featured Testimonial"
+          description="What our top clients are saying"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCenter
           tag="Newsletter"