Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -9,7 +9,8 @@ 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";
+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 (
@@ -102,16 +103,18 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "Meet the Owner Behind Irentall" }
-          ]}
+        <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}
-          ariaLabel="About the owner section"
-          buttonAnimation="slide-up"
-          buttons={[
-            { text: "Schedule a Consultation", href: "tel:747-800-7770" }
-          ]}
         />
       </div>
 
@@ -313,4 +316,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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);