src/app/about/page.tsx

@@ -3,10 +3,10 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import TextAbout from "@/components/sections/about/TextAbout";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Shield, Star } from "lucide-react";
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { Shield } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -18,74 +18,57 @@ export default function AboutPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Work", id: "work" },
-            { name: "Services", id: "services" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "contact" },
-          ]}
-          button={{ text: "Get Started", href: "/contact" }}
-        />
-        <TextAbout
-          title="Our Mission: Redefining Quality & Service"
-          tag="About Us"
-          tagIcon={Shield}
-          className="pt-32 pb-20"
-        />
-        <TestimonialCardSixteen
-          title="Client Stories"
-          description="See why our clients trust us with their digital transformation."
-          textboxLayout="split"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          kpiItems={[
-            { value: "100%", label: "Satisfaction" },
-            { value: "24/7", label: "Support" },
-            { value: "50+", label: "Partners" }
-          ]}
-          testimonials={[
-            { id: "1", name: "Maria Santos", role: "CEO", company: "Luxuria", rating: 5 },
-            { id: "2", name: "John Doe", role: "Manager", company: "Tech Solutions", rating: 5 }
-          ]}
-        />
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            {
-              title: "Company",              items: [
-                { label: "About", href: "/about" },
-                { label: "Services", href: "/services" },
-                { label: "Work", href: "/work" },
-                { label: "Contact", href: "/contact" },
-              ],
-            },
-            {
-              title: "Services",              items: [
-                { label: "Web Development", href: "#" },
-                { label: "SEO", href: "#" },
-                { label: "Branding", href: "#" },
-                { label: "UI/UX Design", href: "#" },
-              ],
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "#" },
-                { label: "LinkedIn", href: "#" },
-                { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" },
-              ],
-            },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Webild"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+          />
+        </div>
+        <div id="about-section" data-section="about-section">
+          <InlineImageSplitTextAbout
+            heading={[{ type: "text", content: "Our Mission: Redefining Quality & Service" }]}
+            useInvertedBackground={false}
+            className="pt-32 pb-20"
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            title="Client Stories"
+            description="See why our clients trust us with their digital transformation."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            showRating={true}
+            testimonials={[
+              { id: "1", name: "Maria Santos", handle: "@luxuria", testimonial: "Excellent service and quality.", rating: 5 },
+              { id: "2", name: "John Doe", handle: "@techsol", testimonial: "Very professional and fast.", rating: 5 }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}