Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -8,7 +8,9 @@ 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 { Star, Heart, Users, Camera, Sparkles, Crown, Phone, MessageCircle } from "lucide-react";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import BlogCardThree from "@/components/sections/blog/BlogCardThree";
+import { Star, Heart, Users, Camera, Sparkles, Crown, Phone, MessageCircle, User, Play } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,6 +31,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 +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"
@@ -169,6 +188,33 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="reels" data-section="reels">
+        <BlogCardThree
+          title="Behind the Beauty"
+          description="Watch our stunning Instagram reels showcasing real brides, styling tips, and magical moments from the Irentall boutique."
+          textboxLayout="default"
+          useInvertedBackground={true}
+          tag="Featured Content"
+          tagIcon={Play}
+          tagAnimation="slide-up"
+          animationType="slide-up"
+          blogs={[
+            {
+              id: "reel-1",              category: "Styling",              title: "The Perfect First Look",              excerpt: "Watch this emotional moment as the groom sees his bride for the first time in her Irentall dress.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=2",              imageAlt: "Bride and groom first look moment",              authorName: "Irentall Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg",              date: "Latest"
+            },
+            {
+              id: "reel-2",              category: "Dress Reveal",              title: "Twirl & Smile",              excerpt: "The joy of finding THE dress - captured in this beautiful twirl moment at our boutique.",              imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278361.jpg?_wi=2",              imageAlt: "Bride twirling in wedding dress",              authorName: "Irentall Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg",              date: "Latest"
+            },
+            {
+              id: "reel-3",              category: "Styling Tips",              title: "Accessory Magic",              excerpt: "See how the right veil and shoes complete the perfect bridal look in seconds.",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=2",              imageAlt: "Bride with complete bridal accessories",              authorName: "Irentall Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg",              date: "Latest"
+            },
+            {
+              id: "reel-4",              category: "Fashion",              title: "Lace Details Up Close",              excerpt: "Discover the intricate craftsmanship of our most popular lace wedding dress collection.",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=2",              imageAlt: "Close-up of wedding dress lace details",              authorName: "Irentall Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg",              date: "Latest"
+            }
+          ]}
+        />
+      </div>
+
       <div id="shoes" data-section="shoes">
         <ProductCardFour
           title="Bridal Shoes"
@@ -262,6 +308,7 @@ export default function LandingPage() {
             {
               title: "Irentall",              items: [
                 { label: "Home", href: "#home" },
+                { label: "About", href: "#about" },
                 { label: "Gallery", href: "#gallery" },
                 { label: "Contact", href: "#contact" }
               ]
@@ -296,4 +343,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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