Merge version_5 into main

Merge version_5 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

@@ -8,6 +8,7 @@ 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";
@@ -31,7 +32,9 @@ export default function HomePage() {
           brandName="My Trade"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Pricing", id: "/pricing" }
+            { name: "About", id: "/about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "/contact" }
           ]}
           button={{
             text: "Start Trading",            href: "/pricing"
@@ -151,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"