Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -1,11 +1,12 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import AboutMetric from "@/components/sections/about/AboutMetric";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Utensils, Users, Star, MapPin } from "lucide-react";
 import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Utensils, Users, Star, MapPin } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -47,25 +48,6 @@ export default function AboutPage() {
     },
   ];
 
-  const metrics = [
-    {
-      icon: Utensils,
-      label: "Years of Experience",      value: "8+"
-    },
-    {
-      icon: Users,
-      label: "Happy Customers",      value: "2000+"
-    },
-    {
-      icon: Star,
-      label: "Customer Rating",      value: "4.8★"
-    },
-    {
-      icon: MapPin,
-      label: "Locations",      value: "1"
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -91,16 +73,54 @@ export default function AboutPage() {
       <div id="about" data-section="about">
         <AboutMetric
           title="Big Daddy's Delight is a popular food spot known for its tasty fast food, refreshing drinks, and comfortable dining atmosphere. We serve fresh, high-quality food with great flavors that keep customers coming back."
-          metrics={metrics}
+          metrics={[
+            { icon: Utensils, label: "Years of Experience", value: "8+" },
+            { icon: Users, label: "Happy Customers", value: "2000+" },
+            { icon: Star, label: "Customer Rating", value: "4.8★" },
+            { icon: MapPin, label: "Locations", value: "1" },
+          ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          testimonials={[
+            {
+              id: "1",              name: "Rajesh Kumar",              role: "Food Enthusiast",              company: "Regular Customer",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",              imageAlt: "happy customer portrait smiling"
+            },
+            {
+              id: "2",              name: "Priya Sharma",              role: "Business Owner",              company: "Corporate Client",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-gorgeous-latin-american-woman_1262-5766.jpg",              imageAlt: "business woman professional portrait"
+            },
+            {
+              id: "3",              name: "Amit Patel",              role: "Family",              company: "Weekend Regular",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-arms-crossed_1187-3243.jpg",              imageAlt: "young man portrait smiling professional"
+            },
+            {
+              id: "4",              name: "Neha Gupta",              role: "College Student",              company: "Loyal Patron",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-white_181624-25676.jpg",              imageAlt: "young woman smiling professional photo"
+            },
+          ]}
+          kpiItems={[
+            { value: "2000+", label: "Happy Customers" },
+            { value: "98%", label: "Satisfaction Rate" },
+            { value: "4.8★", label: "Average Rating" },
+          ]}
+          animationType="slide-up"
+          title="What Our Customers Say"
+          description="Join thousands of satisfied customers who love Big Daddy's Delight"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
-          columns={footerColumns}
           logoText="Big Daddy's Delight"
+          columns={footerColumns}
         />
       </div>
     </ThemeProvider>