Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -3,13 +3,14 @@
 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 TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import { Star, Heart, Users, Camera, Sparkles, Crown, Phone, MessageCircle, User } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -35,7 +36,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 +50,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 +79,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 +102,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="about" data-section="about">
+        <TestimonialAboutCard
+          tag="Meet Our Founder"
+          tagIcon={User}
+          tagAnimation="slide-up"
+          title="Iren Ulikhanova  "
+          description="Iren Ulikhanova is an accomplished professional in the wedding and dance industry, with years of experience as a dancer, choreographer, and wedding coach. As the owner of a refined wedding dress rental boutique, she combines artistic vision with deep understanding of bridal elegance, delivering a polished and personalized experience for every client.  Known for her professionalism and attention to detail, Iren has helped countless couples bring their wedding visions to life, both through exquisite bridal styling and beautifully choreographed first dances."
+          subdescription=""
+          icon={Heart}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg"
+          imageAlt="Irentall owner with bride"
+          mediaAnimation="slide-up"
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
           title="Real Brides, Real Love"
@@ -131,7 +134,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 +150,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 +157,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 +197,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 +231,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 +256,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 +303,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" }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);