Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -3,9 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
-import AboutMetric from "@/components/sections/about/AboutMetric";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Award, Users, Clock, MapPin } from "lucide-react";
+import { Award, Phone } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -61,54 +62,52 @@ export default function AboutPage() {
         <NavbarStyleApple brandName="Aajel" navItems={navItems} />
       </div>
 
-      {/* About Hero Section */}
-      <div id="about-hero" data-section="about-hero">
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
         <HeroBillboardScroll
           tag="About Aajel"
-          tagAnimation="slide-up"
-          title="Your Trusted Partner for Professional Business Services in Dubai"
-          description="With over a decade of experience, Aajel Business Services has been helping thousands of individuals, families, and businesses navigate their documentation and administrative needs with professionalism and care. Based in Al Twar, Dubai, we pride ourselves on fast response times and transparent pricing."
+          title="Your Trusted Partner for Business Services in Dubai"
+          description="With over 10 years of experience serving Dubai's business community, Aajel Business Services has become the go-to provider for professional typing, documentation, visa assistance, and comprehensive business support."
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Contact Us", href: "/contact" },
-            { text: "View Services", href: "/services" },
+            { text: "Get in Touch", href: "tel:+97142344002" },
+            { text: "Learn More", href: "/services" },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/crop-businesswoman-using-laptop_1098-19997.jpg?_wi=2"
-          imageAlt="About Aajel Business Services"
+          imageSrc="http://img.b2bpic.net/free-photo/office-employee-with-documents-folders-working-job-sitting-table_1262-20399.jpg"
+          imageAlt="Aajel Team at Work"
         />
       </div>
 
-      {/* Company Metrics Section */}
-      <div id="company-metrics" data-section="company-metrics">
-        <AboutMetric
-          title="Our Track Record of Excellence and Commitment to Service Quality"
-          metricsAnimation="slide-up"
-          metrics={[
-            { icon: Users, label: "Satisfied Customers", value: "500+" },
-            { icon: Clock, label: "Average Response", value: "4 Hours" },
-            { icon: Award, label: "Years in Service", value: "10+" },
-            { icon: MapPin, label: "Serving Since", value: "2014" },
-          ]}
+      {/* About/Company Story Section */}
+      <div id="about" data-section="about">
+        <TestimonialAboutCard
+          tag="Our Story"
+          title="Founded on the principle of delivering excellence and building lasting relationships with our clients."
+          description="Aajel Business Services"
+          subdescription="Serving Dubai Since 2015"
+          icon={Award}
+          imageSrc="http://img.b2bpic.net/free-photo/diverse-team-working-together-office-meeting_1262-18843.jpg"
+          imageAlt="Aajel Business Services Team"
           useInvertedBackground={false}
         />
       </div>
 
-      {/* Our Story Section */}
-      <div id="our-story" data-section="our-story">
-        <HeroBillboardScroll
-          tag="Our Story"
+      {/* Contact CTA Section */}
+      <div id="contact-cta" data-section="contact-cta">
+        <ContactCTA
+          tag="Connect With Us"
+          tagIcon={Phone}
           tagAnimation="slide-up"
-          title="Building Trust Through Expertise and Dedication"
-          description="Aajel was founded with a simple mission: to make professional business and typing services accessible and affordable for everyone in the UAE. From humble beginnings in Al Twar, we've grown into a trusted partner for hundreds of satisfied customers. Today, we combine experienced professionals, modern processes, and genuine care to deliver exceptional results for every client we serve. Your success is our success."
-          background={{ variant: "plain" }}
+          title="Let's Work Together"
+          description="Have questions about our services or want to discuss your business needs? Reach out to our team today. We're ready to provide professional support tailored to your requirements."
           buttons={[
-            { text: "Explore Services", href: "/services" },
-            { text: "Get Started", href: "/contact" },
+            { text: "Call Now: 04 234 4002", href: "tel:+97142344002" },
+            { text: "WhatsApp Us", href: "https://wa.me/97142344002" },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-businesswoman-talking-female-colleagues-while-working-office_637285-9843.jpg?_wi=2"
-          imageAlt="Our Team"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
       </div>
 
@@ -121,4 +120,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}