From fe4fa93c62211c3def575213edf823d9f3764daa Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Thu, 5 Feb 2026 12:21:17 +0200
Subject: [PATCH] Bob AI: replace about section with TextAbout

---
 src/app/page.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4910b26..624a9ed 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,6 +13,7 @@ import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-reac
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TeamCardOne1 from '@/components/sections/team/TeamCardOne1';
+import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
   return (
@@ -252,6 +253,23 @@ export default function LandingPage() {
                 />
       </div>
 
+      <div id="about" data-section="about">
+        <TextAbout tag="Discover" tagIcon="LightBulb" title="Explore the Latest iPhone Models" buttons={[
+          {
+            label: "View Products",
+            href: "#products",
+            variant: "primary",
+            icon: "ArrowRight"
+          },
+          {
+            label: "Learn More",
+            href: "#features",
+            variant: "secondary",
+            icon: "Info"
+          }
+        ]} useInvertedBackground="invertDefault" className="bg-gray-900" containerClassName="max-w-5xl" titleClassName="text-white" buttonContainerClassName="justify-center" buttonClassName="bg-white text-black hover:bg-gray-200" buttonTextClassName="text-sm" />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBase1
                   columns={[