From 247cd5d9ca702d1112927328acabaacc1ebfd3a2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 6 Mar 2026 10:50:12 +0000
Subject: [PATCH] Switch to version 1: modified src/app/about/page.tsx

---
 src/app/about/page.tsx | 120 ++++++++++++++++++++++-------------------
 1 file changed, 65 insertions(+), 55 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index d4c6c6d..d8380e4 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,12 +1,11 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import AboutMetric from "@/components/sections/about/AboutMetric";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import Link from "next/link";
 import { Building2, TrendingUp, Users, Award } from "lucide-react";
 
 export default function AboutPage() {
@@ -23,6 +22,7 @@ export default function AboutPage() {
       secondaryButtonStyle="layered"
       headingFontWeight="extrabold"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="PropSales"
@@ -30,97 +30,106 @@ export default function AboutPage() {
             { name: "Home", id: "/" },
             { name: "Projects", id: "/projects" },
             { name: "About", id: "/about" },
-            { name: "Portfolio", id: "/portfolio" },
+            { name: "Portfolio", id: "portfolio" },
           ]}
           button={{ text: "Get Started", href: "/contact" }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
-          title="About PropSales - Leading Real Estate Platform"
-          description="Discover our mission to connect builders, investors, and property seekers through a premium real estate platform built on trust and excellence."
-          tag="Our Story"
-          background={{ variant: "plain" }}
-          mediaItems={[
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-15.jpg?_wi=3",              imageAlt: "Company culture"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/developing-district-new-living-complex_23-2147694673.jpg?_wi=4",              imageAlt: "Team collaboration"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2",              imageAlt: "Innovation hub"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/low-angle-shot-high-rise-building-clear-blue-sky-with-white-clouds_181624-2242.jpg?_wi=4",              imageAlt: "Success stories"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/new-york-city-manhattan-skyline_649448-1430.jpg?_wi=5",              imageAlt: "Global reach"},
-          ]}
-          buttons={[
-            { text: "Explore Projects", href: "/projects" },
-            { text: "Contact Us", href: "/contact" },
-          ]}
-        />
-      </div>
-
+      {/* Metrics Section */}
       <div id="metrics" data-section="metrics">
         <AboutMetric
-          title="PropSales: 15 Years of Excellence in Real Estate"
+          title="Building Trust Through Excellence in Real Estate"
           useInvertedBackground={false}
           metricsAnimation="slide-up"
           metrics={[
-            { icon: Building2, label: "Properties Listed", value: "250+" },
-            { icon: TrendingUp, label: "Projects Completed", value: "45" },
-            { icon: Users, label: "Happy Clients", value: "1,200+" },
-            { icon: Award, label: "Years Experience", value: "15+" },
+            {
+              icon: Building2,
+              label: "Properties Listed",
+              value: "250+",
+            },
+            {
+              icon: TrendingUp,
+              label: "Projects Completed",
+              value: "45",
+            },
+            {
+              icon: Users,
+              label: "Happy Clients",
+              value: "1,200+",
+            },
+            {
+              icon: Award,
+              label: "Years Experience",
+              value: "15+",
+            },
           ]}
         />
       </div>
 
-      <div id="our-values" data-section="our-values">
+      {/* Project Categories Section */}
+      <div id="project-categories" data-section="project-categories">
         <FeatureCardMedia
-          title="Our Core Values"
-          description="Built on principles of trust, innovation, and commitment to excellence in real estate"
+          title="Project Categories"
+          description="Discover projects across multiple real estate segments and property types"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
           features={[
             {
-              id: "1",              title: "Trust & Transparency",              description:
-                "Every transaction is guided by complete transparency and integrity, ensuring all parties have accurate information.",              tag: "Foundation",              imageSrc:
-                "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg?_wi=4",              imageAlt: "Trust foundation"},
+              id: "1",
+              title: "Residential Complexes",
+              description:
+                "Luxury apartments, villas, and residential communities featuring modern architecture",
+              tag: "Residential",
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg?_wi=2",
+              imageAlt: "Luxury residential complex",
+            },
             {
-              id: "2",              title: "Innovation First",              description:
-                "We continuously innovate our platform to provide cutting-edge solutions for modern real estate challenges.",              tag: "Technology",              imageSrc:
-                "http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-glimpse-into-bangkok-urban-landscape_482257-123954.jpg?_wi=4",              imageAlt: "Innovation technology"},
+              id: "2",
+              title: "Commercial Properties",
+              description:
+                "Office spaces, retail centers, and business parks designed for enterprise growth",
+              tag: "Commercial",
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg?_wi=4",
+              imageAlt: "Commercial office building",
+            },
             {
-              id: "3",              title: "Client Success",              description:
-                "Your success is our mission. We provide comprehensive support at every stage of your real estate journey.",              tag: "Excellence",              imageSrc:
-                "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162820.jpg?_wi=6",              imageAlt: "Client success"},
+              id: "3",
+              title: "Mixed-Use Developments",
+              description:
+                "Integrated projects combining residential, retail, and entertainment spaces",
+              tag: "Mixed-Use",
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg?_wi=4",
+              imageAlt: "Modern mixed-use development",
+            },
           ]}
         />
       </div>
 
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/new-york-city-manhattan-skyline_649448-1430.jpg?_wi=6"
+          imageSrc="http://img.b2bpic.net/free-vector/get-best-city-view-from-skylines-featuring-buildings-design_1017-58535.jpg?_wi=3"
           imageAlt="Real estate cityscape"
           logoText="PropSales"
           copyrightText="© 2025 PropSales. All rights reserved."
           columns={[
             {
-              title: "Company",              items: [
+              title: "Company",
+              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Our Team", href: "/about" },
                 { label: "Careers", href: "#" },
               ],
             },
             {
-              title: "Properties",              items: [
+              title: "Properties",
+              items: [
                 { label: "All Projects", href: "/projects" },
                 { label: "Ongoing", href: "/projects" },
                 { label: "Completed", href: "/projects" },
@@ -128,7 +137,8 @@ export default function AboutPage() {
               ],
             },
             {
-              title: "Support",              items: [
+              title: "Support",
+              items: [
                 { label: "Contact", href: "/contact" },
                 { label: "FAQ", href: "#" },
                 { label: "Privacy Policy", href: "#" },
@@ -140,4 +150,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file