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: "Call Now", href: "tel:747-800-7770" }
-            { text: "Book Appointment", href: "#appointment" }
           ]}
           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,67 +256,22 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="crowns" data-section="crowns">
+      <div id="contact" data-section="contact">
-        <ProductCardFour
+        <ContactCTA
-          title="Crowns & Tiaras"
+          tag="Get in Touch"
-          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."
+          tagIcon={Phone}
-          textboxLayout="default"
-          useInvertedBackground={true}
-          tag="Crown Collection"
-          tagIcon={Crown}
           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"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-3 justify-center"
-          buttonText="Book Now"
+          buttonClassName="first:order-first second:order-last"
-          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"
         />
       </div>
 
@@ -339,7 +281,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 +298,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" }
@@ -375,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;
+  --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);