Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -8,6 +8,7 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import { Star, Heart, Users, Camera, Sparkles, Crown, Phone, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
@@ -29,6 +30,7 @@ export default function LandingPage() {
           brandName="Irentall"
           navItems={[
             { name: "Home", id: "home" },
+            { name: "About", id: "about" },
             { name: "Gallery", id: "gallery" },
             { name: "Contact", id: "contact" }
           ]}
@@ -99,6 +101,20 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="about" data-section="about">
+        <InlineImageSplitTextAbout
+          heading={[
+            { type: "text", content: "Meet the Owner Behind Irentall" }
+          ]}
+          useInvertedBackground={true}
+          ariaLabel="About the owner section"
+          buttonAnimation="slide-up"
+          buttons={[
+            { text: "Schedule a Consultation", href: "tel:747-800-7770" }
+          ]}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
           title="Real Brides, Real Love"
@@ -262,6 +278,7 @@ export default function LandingPage() {
             {
               title: "Irentall",              items: [
                 { label: "Home", href: "#home" },
+                { label: "About", href: "#about" },
                 { label: "Gallery", href: "#gallery" },
                 { label: "Contact", href: "#contact" }
               ]