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 } 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,16 +50,15 @@ 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={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg",              imageAlt: "Bride in beautiful wedding dress at Irentall boutique"
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg?_wi=1",              imageAlt: "Bride in beautiful wedding dress at Irentall boutique"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg",              imageAlt: "Elegant Irentall bridal boutique interior"
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg?_wi=1",              imageAlt: "Elegant Irentall bridal boutique interior"
             },
             {
               imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=1",              imageAlt: "Happy bride smiling in wedding dress"
@@ -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"
@@ -125,13 +128,13 @@ export default function LandingPage() {
           tagIcon={Users}
           tagAnimation="slide-up"
           kpiItems={[
-            { value: "500+", label: "Happy Brides" },
+            { value: "50+", label: "Happy Brides" },
             { value: "5.0★", label: "Average Rating" },
-            { value: "10+", label: "Years of Excellence" }
+            { value: "4.5+", label: "Month of Excellence" }
           ]}
           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={[
@@ -175,47 +170,108 @@ export default function LandingPage() {
               id: "dress-1",              name: "Classic Elegance",              price: "Starting at $1,200",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=2",              imageAlt: "Elegant white wedding dress"
             },
             {
-              id: "dress-2",              name: "Blush Romance",              price: "Starting at $1,400",              variant: "Blush Pink",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-dress-hanger_23-2149640924.jpg",              imageAlt: "Beautiful blush pink wedding gown"
+              id: "dress-2",              name: "Blush Romance",              price: "Starting at $1,400",              variant: "Blush Pink",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-dress-hanger_23-2149640924.jpg?_wi=1",              imageAlt: "Beautiful blush pink wedding gown"
             },
             {
               id: "dress-3",              name: "Modern Sophistication",              price: "Starting at $1,300",              variant: "Off-White",              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-wedding-clothes-collection_1236-88.jpg",              imageAlt: "Modern off-shoulder wedding dress"
             },
             {
-              id: "dress-4",              name: "Intricate Lace",              price: "Starting at $1,500",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2238.jpg",              imageAlt: "Detailed lace wedding dress"
+              id: "dress-4",              name: "Intricate Lace",              price: "Starting at $1,500",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2238.jpg?_wi=1",              imageAlt: "Detailed lace wedding dress"
             },
             {
-              id: "dress-5",              name: "Minimalist Chic",              price: "Starting at $1,100",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-bride-indoors_23-2149640909.jpg",              imageAlt: "Sleek minimalist wedding dress"
+              id: "dress-5",              name: "Minimalist Chic",              price: "Starting at $1,100",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-bride-indoors_23-2149640909.jpg?_wi=1",              imageAlt: "Sleek minimalist wedding dress"
             },
             {
-              id: "dress-6",              name: "Royal Drama",              price: "Starting at $1,600",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/bride-playing-with-her-skirt_1157-725.jpg",              imageAlt: "Dramatic train wedding dress"
+              id: "dress-6",              name: "Royal Drama",              price: "Starting at $1,600",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/bride-playing-with-her-skirt_1157-725.jpg?_wi=1",              imageAlt: "Dramatic train wedding dress"
             }
           ]}
         />
       </div>
 
-      <div id="appointment" data-section="appointment">
+      <div id="shoes" data-section="shoes">
-        <ContactCenter
+        <ProductCardFour
-          tag="Limited Appointments"
+          title="Bridal Shoes"
-          title="Book Your Bridal Appointment Today"
+          description="Complete your wedding day look with stunning shoes designed for comfort and elegance. From classic heels to modern designs."
-          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."
+          textboxLayout="default"
-          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+          tag="Accessory Collection"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
+            {
+              id: "shoe-1",              name: "Classic Satin Heels",              price: "Starting at $250",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=2",              imageAlt: "Classic white satin bridal heels"
+            },
+            {
+              id: "shoe-2",              name: "Jeweled Flats",              price: "Starting at $280",              variant: "Ivory",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-dress-hanger_23-2149640924.jpg?_wi=2",              imageAlt: "Comfortable jeweled flat bridal shoes"
+            },
+            {
+              id: "shoe-3",              name: "Pearl Embellished Pumps",              price: "Starting at $320",              variant: "Champagne",              imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2238.jpg?_wi=2",              imageAlt: "Pearl decorated champagne bridal pumps"
+            },
+            {
+              id: "shoe-4",              name: "Delicate Strappy Sandals",              price: "Starting at $200",              variant: "Silver",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=2",              imageAlt: "Delicate silver strappy bridal sandals"
+            },
+            {
+              id: "shoe-5",              name: "Vintage Lace Pumps",              price: "Starting at $290",              variant: "White",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-bride-indoors_23-2149640909.jpg?_wi=2",              imageAlt: "Vintage lace wedding pumps"
+            },
+            {
+              id: "shoe-6",              name: "Minimalist Ballet Flats",              price: "Starting at $220",              variant: "Ivory",              imageSrc: "http://img.b2bpic.net/free-photo/bride-playing-with-her-skirt_1157-725.jpg?_wi=2",              imageAlt: "Minimalist ivory ballet flat shoes"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="veils" data-section="veils">
+        <ProductCardFour
+          title="Veils & Crowns"
+          description="Enhance your bridal beauty with our exquisite collection of veils and headpieces. Each piece is carefully selected to complement your gown perfectly."
+          textboxLayout="default"
           useInvertedBackground={false}
-          inputPlaceholder="Your name"
+          tag="Veil Collection"
-          buttonText="Book Now"
+          tagIcon={Crown}
-          termsText="By booking an appointment, you agree to our appointment policy. We look forward to seeing you soon!"
+          tagAnimation="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          products={[
+            {
+              id: "veil-1",              name: "Cathedral Length Veil",              price: "Starting at $180",              variant: "White Tulle",              imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg?_wi=2",              imageAlt: "Elegant cathedral length bridal veil"
+            },
+            {
+              id: "veil-2",              name: "Lace Embellished Veil",              price: "Starting at $220",              variant: "Ivory Lace",              imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg?_wi=2",              imageAlt: "Beautiful lace embellished bridal veil"
+            },
+            {
+              id: "veil-3",              name: "Dramatic Detachable Veil",              price: "Starting at $250",              variant: "Ivory",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=1",              imageAlt: "Dramatic detachable bridal veil"
+            },
+            {
+              id: "veil-4",              name: "Short Birdcage Veil",              price: "Starting at $120",              variant: "Black Netting",              imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278361.jpg?_wi=1",              imageAlt: "Modern short birdcage veil"
+            },
+            {
+              id: "veil-5",              name: "Pearl Trimmed Veil",              price: "Starting at $200",              variant: "Champagne",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=1",              imageAlt: "Pearl trimmed champagne bridal veil"
+            },
+            {
+              id: "veil-6",              name: "Crystal Beaded Veil",              price: "Starting at $270",              variant: "White with Crystals",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=1",              imageAlt: "Sparkling crystal beaded bridal veil"
+            }
+          ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactCTA
-          tag="Visit Us"
+          tag="Get in Touch"
-          title="Location & Hours"
+          tagIcon={Phone}
-          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."
+          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}
-          inputPlaceholder="Your phone number"
+          buttonContainerClassName="flex flex-col sm:flex-row gap-3 justify-center"
-          buttonText="Get Directions"
+          buttonClassName="first:order-first second:order-last"
-          termsText="📍 3106 Los Feliz Blvd, Los Angeles, CA 90039 | ☎️ (747) 800-7770"
         />
       </div>
 
@@ -225,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" }
               ]
@@ -239,19 +295,18 @@ export default function LandingPage() {
               ]
             },
             {
-              title: "Contact",              items: [
+              title: "Accessories",              items: [
-                { label: "Phone", href: "tel:(747)800-7770" },
+                { label: "Shoes", href: "#shoes" },
-                { label: "Email", href: "mailto:info@irentall.com" },
+                { label: "Veils & Headpieces", href: "#veils" },
-                { label: "Address", href: "#contact" },
+                { label: "Complete Looks", href: "#appointment" }
-                { label: "Book Online", href: "#appointment" }
               ]
             },
             {
-              title: "Legal",              items: [
+              title: "Contact",              items: [
-                { label: "Privacy Policy", href: "#" },
+                { label: "Phone", href: "tel:747-800-7770" },
-                { label: "Terms of Service", href: "#" },
+                { label: "Email", href: "mailto:info@irentall.com" },
-                { label: "Appointment Policy", href: "#" },
+                { label: "Address", href: "#contact" },
-                { label: "Returns & Exchanges", href: "#" }
+                { label: "Book Online", href: "#appointment" }
               ]
             }
           ]}
@@ -261,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);