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: "Book Appointment", href: "#appointment" }
+            { text: "Call Now", href: "tel:747-800-7770" }
           ]}
           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,67 +253,22 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="crowns" data-section="crowns">
-        <ProductCardFour
-          title="Crowns & Tiaras"
-          description="Add a touch of royalty to your bridal look with our stunning selection of crowns and tiaras. Each piece is designed to make you feel like a queen."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          tag="Crown Collection"
-          tagIcon={Crown}
+      <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: "Discover Crowns", href: "#appointment" }
+            { text: "Call (747) 800-7770", href: "tel:747-800-7770" },
+            { text: "Text (747) 800-7770", href: "sms:747-800-7770" }
           ]}
           buttonAnimation="slide-up"
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          products={[
-            {
-              id: "crown-1",              name: "Classic Pearl Tiara",              price: "Starting at $350",              variant: "Silver with Pearls",              imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg?_wi=3",              imageAlt: "Classic pearl tiara for brides"
-            },
-            {
-              id: "crown-2",              name: "Royal Crystal Crown",              price: "Starting at $450",              variant: "Gold with Crystals",              imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg?_wi=3",              imageAlt: "Royal crystal studded crown"
-            },
-            {
-              id: "crown-3",              name: "Vintage Style Tiara",              price: "Starting at $380",              variant: "Antique Gold",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=1",              imageAlt: "Vintage style bridal tiara"
-            },
-            {
-              id: "crown-4",              name: "Modern Geometric Crown",              price: "Starting at $420",              variant: "White Gold",              imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278361.jpg?_wi=1",              imageAlt: "Modern geometric bridal crown"
-            },
-            {
-              id: "crown-5",              name: "Delicate Rhinestone Tiara",              price: "Starting at $320",              variant: "Silver Rhinestones",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=1",              imageAlt: "Delicate rhinestone tiara"
-            },
-            {
-              id: "crown-6",              name: "Boho Flower Crown",              price: "Starting at $280",              variant: "Gold with Florals",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=1",              imageAlt: "Bohemian flower crown for brides"
-            }
-          ]}
-        />
-      </div>
-
-      <div id="appointment" data-section="appointment">
-        <ContactCenter
-          tag="Limited Appointments"
-          title="Book Your Bridal Appointment Today"
-          description="Schedule your private fitting and let our expert team help you find your dream dress. Join 500+ happy brides who found their perfect gown at Irentall."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          inputPlaceholder="Your name"
-          buttonText="Book Now"
-          termsText="By booking an appointment, you agree to our appointment policy. We look forward to seeing you soon!"
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Visit Us"
-          title="Location & Hours"
-          description="Visit Irentall Bridal Boutique in the heart of Los Feliz. We're open 6 days a week and ready to help you find your perfect dress."
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-          inputPlaceholder="Your phone number"
-          buttonText="Get Directions"
-          termsText="📍 3106 Los Feliz Blvd, Los Angeles, CA 90039 | ☎️ (747) 800-7770"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-3 justify-center"
+          buttonClassName="first:order-first second:order-last"
         />
       </div>
 
@@ -339,7 +278,7 @@ export default function LandingPage() {
             {
               title: "Irentall",              items: [
                 { label: "Home", href: "#home" },
-                { label: "About Us", href: "#about" },
+                { label: "About", href: "#about" },
                 { label: "Gallery", href: "#gallery" },
                 { label: "Contact", href: "#contact" }
               ]
@@ -356,13 +295,12 @@ export default function LandingPage() {
               title: "Accessories",              items: [
                 { label: "Shoes", href: "#shoes" },
                 { label: "Veils & Headpieces", href: "#veils" },
-                { label: "Crowns & Tiaras", href: "#crowns" },
                 { label: "Complete Looks", href: "#appointment" }
               ]
             },
             {
               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" }