From 7a600641600f211d32351aac731fbaa99bae5975 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Mar 2026 21:30:43 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 115 +++++++++++++++--------------------------
 1 file changed, 43 insertions(+), 72 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 070d35f..e03282a 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,39 +1,21 @@
 "use client";
-
-import Link from 'next/link';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Star, MessageCircle, Award } from 'lucide-react';
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+import Link from "next/link";
+import { Star, MessageCircle, Award } from "lucide-react";
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Gallery", id: "/gallery" },
+  { name: "Reviews", id: "/reviews" },
+  { name: "About", id: "/about" },
+  { name: "Contact", id: "/contact" },
+];
 
 export default function AboutPage() {
-  const navItems = [
-    { name: "About", id: "about", href: "/about" },
-    { name: "Contact", id: "contact", href: "/contact" },
-  ];
-
-  const assetMap = {
-    "about-craftsmanship": {
-      "url": "http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg",      "alt": "Professional landscaper working on a detailed hardscape design"
-    },
-    "testimonial-1": {
-      "url": "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",      "alt": "Sarah J. testimonial avatar"
-    },
-    "testimonial-2": {
-      "url": "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",      "alt": "Michael C. testimonial avatar"
-    },
-    "testimonial-3": {
-      "url": "http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg",      "alt": "Emily R. testimonial avatar"
-    }
-  };
-
-  const resolveAsset = (assetId) => {
-    const asset = assetMap[assetId.replace('asset://', '')];
-    return asset ? asset.url : '';
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -56,63 +38,52 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="about-us" data-section="about-us">
+      <div id="about" data-section="about">
         <MediaAbout
           title="Built on Pride, Precision, and Honest Work"
           description="RST Hardscaping LLC is built around one simple standard: do the job right and leave homeowners genuinely happy with the result. From patios and driveways to drainage, grading, and complete outdoor upgrades, the company focuses on high-quality craftsmanship, dependable service, and outdoor spaces that truly improve your home. Whether it’s a simple project or a full property transformation, RST is committed to clean work, clear communication, and lasting results."
           useInvertedBackground={false}
-          mediaAnimation="slide-up"
-          buttons={[
-            { text: "Get a Free Estimate", href: "/contact" }
-          ]}
-          imageSrc={resolveAsset("http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg")}
-          imageAlt={assetMap["about-craftsmanship"].alt}
+          buttons={[{ text: "Get a Free Estimate", href: "/contact" }]}
+          imageSrc="http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg"
+          imageAlt="Professional landscaper working on a detailed hardscape design"
         />
       </div>
 
-      <div id="our-commitment" data-section="our-commitment">
-        <MetricCardSeven
-          title="Our Commitment to Excellence"
-          description="Every project reflects our dedication to quality, customer satisfaction, and lasting relationships."
-          metrics={[
-            { id: "precision", value: "100%", title: "Precision Craftsmanship", items: ["Every project built with detail", "Ensuring durability and a polished finish"] },
-            { id: "pricing", value: "Fair", title: "Fair, Honest Pricing", items: ["Transparent quotes always", "Premium-quality work without inflated pricing"] },
-            { id: "service", value: "Fast", title: "Fast, Reliable Service", items: ["Quick communication and dependable crews", "Jobs completed the right way, on time"] }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="client-testimonials-about" data-section="client-testimonials-about">
+      <div id="testimonial" data-section="testimonial">
         <TestimonialCardSixteen
-          title="Hear From Our Happy Homeowners"
-          description="Our clients' satisfaction is the foundation of our reputation. Read their experiences with RST Hardscaping LLC."
+          title="5-Star Results. Real Homeowners."
+          description="Our clients consistently praise our attention to detail, professionalism, and the lasting beauty of their outdoor transformations."
           testimonials={[
-            { id: "1", name: "Sarah J.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: resolveAsset("http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg"), imageAlt: assetMap["testimonial-1"].alt },
-            { id: "2", name: "Michael C.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: resolveAsset("http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg"), imageAlt: assetMap["testimonial-2"].alt },
-            { id: "3", name: "Emily R.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: resolveAsset("http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg"), imageAlt: assetMap["testimonial-3"].alt }
+            { id: "1", name: "Sarah J.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Sarah J. testimonial avatar" },
+            { id: "2", name: "Michael C.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", imageAlt: "Michael C. testimonial avatar" },
+            { id: "3", name: "Emily R.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg", imageAlt: "Emily R. testimonial avatar" },
+            { id: "4", name: "David K.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg", imageAlt: "David K. testimonial avatar" }
           ]}
           kpiItems={[
-            { value: "5.0", title: "Star Rating", icon: Star },
-            { value: "36", title: "Google Reviews", icon: MessageCircle },
-            { value: "3+", title: "Years in Business", icon: Award }
+            { value: "5.0", description: "Star Rating", icon: Star },
+            { value: "36", description: "Google Reviews", icon: MessageCircle },
+            { value: "3+", description: "Years in Business", icon: Award }
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          buttons={[{ text: "Read More Reviews", href: "/reviews" }]}
         />
       </div>
 
-      <div id="footer" data-section="footer">
-        <NavbarStyleFullscreen
-          brandName="RST Hardscaping LLC"
-          navItems={navItems}
-          bottomLeftText="(910) 447-8310"
-          bottomRightText="Serving Jacksonville & Nearby Areas"
-        />
-      </div>
+      <footer className="py-12 bg-card text-foreground">
+        <div className="container mx-auto px-4 md:px-6 text-center">
+          <div className="flex flex-wrap justify-center gap-x-6 gap-y-3 mb-6">
+            {navItems.map((item) => (
+              <Link key={item.id} href={item.id} className="hover:text-primary-cta transition-colors">
+                {item.name}
+              </Link>
+            ))}
+          </div>
+          <p className="text-sm mb-2">© {new Date().getFullYear()} RST Hardscaping LLC. All rights reserved.</p>
+          <p className="text-xs">Serving Jacksonville & Nearby Areas</p>
+        </div>
+      </footer>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1