Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
 import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Star, Heart, Users, Camera, Sparkles, Crown } from "lucide-react";
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import { Star, Heart, Users, Camera, Sparkles, Crown, Phone, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -35,7 +35,7 @@ export default function LandingPage() {
             { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Call Now",            href: "tel:(747)800-7770"
+            text: "Call Now",            href: "tel:747-800-7770"
           }}
         />
       </div>
@@ -49,8 +49,7 @@ export default function LandingPage() {
           tagIcon={Star}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Call Now", href: "tel:(747)800-7770" },
+            { text: "Call Now", href: "tel:747-800-7770" }
-            { text: "Book Appointment", href: "#appointment" }
           ]}
           buttonAnimation="slide-up"
           leftCarouselItems={[
@@ -79,19 +78,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "Why Irentall Stands Out" }
-          ]}
-          buttons={[
-            { text: "Schedule Consultation", href: "#appointment" }
-          ]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="features" data-section="features">
         <FeatureCardSixteen
           title="What Makes Us Different"
@@ -115,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"
@@ -131,7 +131,7 @@ export default function LandingPage() {
           ]}
           testimonials={[
             {
-              id: "1",              name: "Sarah Johnson",              role: "Bride",              company: "Irentall Boutique",              rating: 5,
+              id: "1",              name: "Marina Farhardyan ",              role: "Bride",              company: "Irentall Boutique",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=2",              imageAlt: "Sarah Johnson - Happy bride"
             },
             {
@@ -147,10 +147,6 @@ export default function LandingPage() {
               imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=2",              imageAlt: "Michelle Rodriguez - Happy bride moment"
             }
           ]}
-          buttons={[
-            { text: "See More Reviews", href: "#" }
-          ]}
-          buttonAnimation="slide-up"
           animationType="slide-up"
         />
       </div>
@@ -158,16 +154,12 @@ export default function LandingPage() {
       <div id="gallery" data-section="gallery">
         <ProductCardFour
           title="Our Dress Collection"
-          description="Handpicked dresses for every bride, every style, every story. From classic elegance to modern minimalism."
+          description="Handpicked dresses for every bride, every style, every story. From classic elegance to modern minimalism. Some of these dresses are exquisitely and elegantly sewed and crafted by MARAL."
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Gallery"
           tagIcon={Camera}
           tagAnimation="slide-up"
-          buttons={[
-            { text: "Book Your Fitting", href: "#appointment" }
-          ]}
-          buttonAnimation="slide-up"
           gridVariant="bento-grid"
           animationType="slide-up"
           products={[
@@ -202,10 +194,6 @@ export default function LandingPage() {
           tag="Accessory Collection"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          buttons={[
-            { text: "Explore Shoes", href: "#appointment" }
-          ]}
-          buttonAnimation="slide-up"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           products={[
@@ -240,10 +228,6 @@ export default function LandingPage() {
           tag="Veil Collection"
           tagIcon={Crown}
           tagAnimation="slide-up"
-          buttons={[
-            { text: "Shop Veils", href: "#appointment" }
-          ]}
-          buttonAnimation="slide-up"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           products={[
@@ -269,13 +253,32 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Get in Touch"
+          tagIcon={Phone}
+          tagAnimation="slide-up"
+          title="Ready to Find Your Dream Dress?"
+          description="Call or text us at 747-800-7770 to schedule your personal styling appointment. Our team is here to make your bridal journey unforgettable."
+          buttons={[
+            { text: "Call (747) 800-7770", href: "tel:747-800-7770" },
+            { text: "Text (747) 800-7770", href: "sms:747-800-7770" }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttonContainerClassName="flex flex-col sm:flex-row gap-3 justify-center"
+          buttonClassName="first:order-first second:order-last"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[
             {
               title: "Irentall",              items: [
                 { label: "Home", href: "#home" },
-                { label: "About Us", href: "#about" },
+                { label: "About", href: "#about" },
                 { label: "Gallery", href: "#gallery" },
                 { label: "Contact", href: "#contact" }
               ]
@@ -297,7 +300,7 @@ export default function LandingPage() {
             },
             {
               title: "Contact",              items: [
-                { label: "Phone", href: "tel:(747)800-7770" },
+                { label: "Phone", href: "tel:747-800-7770" },
                 { label: "Email", href: "mailto:info@irentall.com" },
                 { label: "Address", href: "#contact" },
                 { label: "Book Online", href: "#appointment" }