From b092b8b677ab8cbdaffba990557d412a4937afe8 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 12:33:12 +0000
Subject: [PATCH] Bob AI: Update global theme to a high-end minimalist
 aesthetic

---
 src/index.css                                |  18 +-
 src/pages/HomePage.tsx                       | 277 ++-----------------
 src/pages/HomePage/sections/About.tsx        |  22 ++
 src/pages/HomePage/sections/Contact.tsx      |  27 ++
 src/pages/HomePage/sections/Faq.tsx          |  34 +++
 src/pages/HomePage/sections/Features.tsx     |  37 +++
 src/pages/HomePage/sections/Hero.tsx         |  44 +++
 src/pages/HomePage/sections/Pricing.tsx      |  52 ++++
 src/pages/HomePage/sections/Products.tsx     |  57 ++++
 src/pages/HomePage/sections/Testimonials.tsx |  57 ++++
 10 files changed, 363 insertions(+), 262 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Features.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/Products.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx

diff --git a/src/index.css b/src/index.css
index ef58396..3f6d09e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --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;
+  --background: #ffffff;
+  --card: #f8f8f8;
+  --foreground: #1a1a1a;
+  --primary-cta: #1a1a1a;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f8f8f8;
+  --secondary-cta-text: #1a1a1a;
+  --accent: #e5e5e5;
+  --background-accent: #f0f0f0;
 
   /* @layout/border-radius/rounded */
   --radius: 1.5rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index dbcf046..59f09d8 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,265 +1,36 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
-import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
-import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
-import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import FeaturesSection from './HomePage/sections/Features';
+import ProductsSection from './HomePage/sections/Products';
+import PricingSection from './HomePage/sections/Pricing';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroCenteredLogos
-      avatarsSrc={[
-        "http://img.b2bpic.net/free-photo/modern-muslim-woman-talking-phone_1303-27595.jpg",
-        "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3501.jpg",
-        "http://img.b2bpic.net/free-photo/beautiful-girl-with-hijab-smiling-outdoors_23-2148645025.jpg",
-        "http://img.b2bpic.net/free-photo/pretty-young-girls-look-phone-screen-ladies-stylish-summer-outfits-smile-pose-cozy-office-fashion-designer_197531-29841.jpg",
-        "http://img.b2bpic.net/free-photo/cute-friends-having-fun-together_23-2148262806.jpg",
-      ]}
-      avatarText="Trusted by 5,000+ fashion enthusiasts"
-      title="Modest Fashion That Expresses You"
-      description="Beautifully designed hijabs, abayas, and modest wear crafted for confidence and cultural authenticity. Shop curated collections delivered discreetly to your door."
-      primaryButton={{
-        text: "Explore Collections",
-        href: "#products",
-      }}
-      secondaryButton={{
-        text: "Our Story",
-        href: "#about",
-      }}
-      names={[
-        "Quality Craftsmanship",
-        "Worldwide Shipping",
-        "Discreet Packaging",
-        "Authentic Styles",
-        "Premium Materials",
-        "Ethical Sourcing",
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing_23-2148627181.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutText
-      title="Celebrating Modest Identity"
-      primaryButton={{
-        text: "Our Values",
-        href: "#",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesMediaCards
-      tag="Why Us"
-      title="Excellence in Every Detail"
-      description="We prioritize quality and cultural sensitivity in everything we do."
-      items={[
-        {
-          title: "Premium Fabrics",
-          description: "Hand-selected materials for comfort, durability, and a beautiful silhouette.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-manila-shawl-with-pink-background_23-2148235342.jpg",
-        },
-        {
-          title: "Discreet Delivery",
-          description: "Secure, private packaging ensures your purchases arrive exactly as you want.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-laptop-holding-box_23-2148567228.jpg",
-        },
-        {
-          title: "Perfect Fit",
-          description: "Detailed sizing guides to ensure confidence in every purchase.",
-          imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929546.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="products" data-section="products">
-    <SectionErrorBoundary name="products">
-          <FeaturesImageBento
-      tag="Collections"
-      title="Curated Modesty"
-      description="Discover our latest seasonal arrivals."
-      items={[
-        {
-          title: "Essential Abayas",
-          description: "Timeless elegance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-pink-shirt_158595-1050.jpg",
-        },
-        {
-          title: "Silk Hijabs",
-          description: "Soft and breathable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/clean-bathrobe-bed_1232-3420.jpg",
-        },
-        {
-          title: "Luxury Sets",
-          description: "Occasion wear.",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-brunette-woman-violet-gown-background-old-wooden-doors_627829-8776.jpg",
-        },
-        {
-          title: "Casual Wear",
-          description: "Daily comfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-short-sleeved-blouse-stylish-high-waisted-pants-sits-doorstep_197531-17094.jpg",
-        },
-        {
-          title: "Bridal Abayas",
-          description: "Elegant gowns.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-boho-dress-with-romantic-garden-aesthetic-vegetation_23-2150260770.jpg",
-        },
-        {
-          title: "Summer Collection",
-          description: "Light fabrics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/seductive-stylish-woman-bohemian-summer-clothes-posing-tropical-luxury-resort-vacation-concept_273443-3135.jpg",
-        },
-        {
-          title: "Scarves",
-          description: "Versatile styles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-textiles-hang-elegant-fashion-store-generated-by-ai_188544-34070.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductsSection />
 
-  <div id="pricing" data-section="pricing">
-    <SectionErrorBoundary name="pricing">
-          <PricingHighlightedCards
-      tag="Value"
-      title="Transparent Pricing"
-      description="Quality modest fashion within reach."
-      plans={[
-        {
-          tag: "Essentials",
-          price: "$49",
-          description: "Perfect for daily needs.",
-          features: [
-            "Fast Shipping",
-            "Premium Cotton",
-            "30-Day Return",
-          ],
-          primaryButton: {
-            text: "Select",
-            href: "#",
-          },
-        },
-        {
-          tag: "Premium",
-          price: "$129",
-          description: "Luxury abayas and sets.",
-          features: [
-            "Gift Packaging",
-            "Silk Blend",
-            "Priority Support",
-            "Personal Styling",
-          ],
-          highlight: "Best Seller",
-          primaryButton: {
-            text: "Select",
-            href: "#",
-          },
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PricingSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialMarqueeOverlayCards
-      tag="Reviews"
-      title="Loved by Our Community"
-      description="Hear what our customers have to say about their experience."
-      testimonials={[
-        {
-          name: "Sarah Ahmed",
-          role: "Fashion Blogger",
-          company: "Global Styles",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/arab-business-woman-working_74190-7369.jpg",
-        },
-        {
-          name: "Fatima Khan",
-          role: "Consultant",
-          company: "Daily Modesty",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg",
-        },
-        {
-          name: "Amira Noor",
-          role: "Teacher",
-          company: "Community Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
-        },
-        {
-          name: "Layla Saeed",
-          role: "Designer",
-          company: "Creative Minds",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ancient-greece-woman_23-2151026617.jpg",
-        },
-        {
-          name: "Zahra Malik",
-          role: "Architect",
-          company: "Design Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-smiley-woman-costume-outdoors_23-2148728630.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSimple
-      tag="Help"
-      title="Common Questions"
-      description="Answers to help you shop with confidence."
-      items={[
-        {
-          question: "What is your return policy?",
-          answer: "We offer a 30-day return policy for unused, original condition items.",
-        },
-        {
-          question: "Do you ship worldwide?",
-          answer: "Yes, we ship to over 100 countries with fast tracking.",
-        },
-        {
-          question: "Are packages discreet?",
-          answer: "Absolutely, all shipments are sent in plain, unmarked packaging.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Support"
-      text="Need help finding your perfect fit or have questions about a collection?"
-      primaryButton={{
-        text: "Contact Us",
-        href: "#",
-      }}
-      secondaryButton={{
-        text: "Chat Live",
-        href: "#",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..4ee37fd
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutText from '@/components/sections/about/AboutText';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutText
+          title="Celebrating Modest Identity"
+          primaryButton={{
+            text: "Our Values",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..b06e38f
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Support"
+          text="Need help finding your perfect fit or have questions about a collection?"
+          primaryButton={{
+            text: "Contact Us",
+            href: "#",
+          }}
+          secondaryButton={{
+            text: "Chat Live",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..6e187d2
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,34 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqSimple from '@/components/sections/faq/FaqSimple';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqSimple
+          tag="Help"
+          title="Common Questions"
+          description="Answers to help you shop with confidence."
+          items={[
+            {
+              question: "What is your return policy?",
+              answer: "We offer a 30-day return policy for unused, original condition items.",
+            },
+            {
+              question: "Do you ship worldwide?",
+              answer: "Yes, we ship to over 100 countries with fast tracking.",
+            },
+            {
+              question: "Are packages discreet?",
+              answer: "Absolutely, all shipments are sent in plain, unmarked packaging.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..858938f
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,37 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesMediaCards
+          tag="Why Us"
+          title="Excellence in Every Detail"
+          description="We prioritize quality and cultural sensitivity in everything we do."
+          items={[
+            {
+              title: "Premium Fabrics",
+              description: "Hand-selected materials for comfort, durability, and a beautiful silhouette.",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-manila-shawl-with-pink-background_23-2148235342.jpg",
+            },
+            {
+              title: "Discreet Delivery",
+              description: "Secure, private packaging ensures your purchases arrive exactly as you want.",
+              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-laptop-holding-box_23-2148567228.jpg",
+            },
+            {
+              title: "Perfect Fit",
+              description: "Detailed sizing guides to ensure confidence in every purchase.",
+              imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929546.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..9a0c66e
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,44 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroCenteredLogos
+          avatarsSrc={[
+            "http://img.b2bpic.net/free-photo/modern-muslim-woman-talking-phone_1303-27595.jpg",
+            "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3501.jpg",
+            "http://img.b2bpic.net/free-photo/beautiful-girl-with-hijab-smiling-outdoors_23-2148645025.jpg",
+            "http://img.b2bpic.net/free-photo/pretty-young-girls-look-phone-screen-ladies-stylish-summer-outfits-smile-pose-cozy-office-fashion-designer_197531-29841.jpg",
+            "http://img.b2bpic.net/free-photo/cute-friends-having-fun-together_23-2148262806.jpg",
+          ]}
+          avatarText="Trusted by 5,000+ fashion enthusiasts"
+          title="Modest Fashion That Expresses You"
+          description="Beautifully designed hijabs, abayas, and modest wear crafted for confidence and cultural authenticity. Shop curated collections delivered discreetly to your door."
+          primaryButton={{
+            text: "Explore Collections",
+            href: "#products",
+          }}
+          secondaryButton={{
+            text: "Our Story",
+            href: "#about",
+          }}
+          names={[
+            "Quality Craftsmanship",
+            "Worldwide Shipping",
+            "Discreet Packaging",
+            "Authentic Styles",
+            "Premium Materials",
+            "Ethical Sourcing",
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing_23-2148627181.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..c6ba40b
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,52 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "pricing" section.
+
+import React from 'react';
+import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+        <SectionErrorBoundary name="pricing">
+              <PricingHighlightedCards
+          tag="Value"
+          title="Transparent Pricing"
+          description="Quality modest fashion within reach."
+          plans={[
+            {
+              tag: "Essentials",
+              price: "$49",
+              description: "Perfect for daily needs.",
+              features: [
+                "Fast Shipping",
+                "Premium Cotton",
+                "30-Day Return",
+              ],
+              primaryButton: {
+                text: "Select",
+                href: "#",
+              },
+            },
+            {
+              tag: "Premium",
+              price: "$129",
+              description: "Luxury abayas and sets.",
+              features: [
+                "Gift Packaging",
+                "Silk Blend",
+                "Priority Support",
+                "Personal Styling",
+              ],
+              highlight: "Best Seller",
+              primaryButton: {
+                text: "Select",
+                href: "#",
+              },
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Products.tsx b/src/pages/HomePage/sections/Products.tsx
new file mode 100644
index 0000000..3c21ee1
--- /dev/null
+++ b/src/pages/HomePage/sections/Products.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "products" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductsSection(): React.JSX.Element {
+  return (
+    <div id="products" data-section="products">
+        <SectionErrorBoundary name="products">
+              <FeaturesImageBento
+          tag="Collections"
+          title="Curated Modesty"
+          description="Discover our latest seasonal arrivals."
+          items={[
+            {
+              title: "Essential Abayas",
+              description: "Timeless elegance.",
+              imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-pink-shirt_158595-1050.jpg",
+            },
+            {
+              title: "Silk Hijabs",
+              description: "Soft and breathable.",
+              imageSrc: "http://img.b2bpic.net/free-photo/clean-bathrobe-bed_1232-3420.jpg",
+            },
+            {
+              title: "Luxury Sets",
+              description: "Occasion wear.",
+              imageSrc: "http://img.b2bpic.net/free-photo/adult-brunette-woman-violet-gown-background-old-wooden-doors_627829-8776.jpg",
+            },
+            {
+              title: "Casual Wear",
+              description: "Daily comfort.",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-short-sleeved-blouse-stylish-high-waisted-pants-sits-doorstep_197531-17094.jpg",
+            },
+            {
+              title: "Bridal Abayas",
+              description: "Elegant gowns.",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-boho-dress-with-romantic-garden-aesthetic-vegetation_23-2150260770.jpg",
+            },
+            {
+              title: "Summer Collection",
+              description: "Light fabrics.",
+              imageSrc: "http://img.b2bpic.net/free-photo/seductive-stylish-woman-bohemian-summer-clothes-posing-tropical-luxury-resort-vacation-concept_273443-3135.jpg",
+            },
+            {
+              title: "Scarves",
+              description: "Versatile styles.",
+              imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-textiles-hang-elegant-fashion-store-generated-by-ai_188544-34070.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..512acd6
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialMarqueeOverlayCards
+          tag="Reviews"
+          title="Loved by Our Community"
+          description="Hear what our customers have to say about their experience."
+          testimonials={[
+            {
+              name: "Sarah Ahmed",
+              role: "Fashion Blogger",
+              company: "Global Styles",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/arab-business-woman-working_74190-7369.jpg",
+            },
+            {
+              name: "Fatima Khan",
+              role: "Consultant",
+              company: "Daily Modesty",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg",
+            },
+            {
+              name: "Amira Noor",
+              role: "Teacher",
+              company: "Community Hub",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
+            },
+            {
+              name: "Layla Saeed",
+              role: "Designer",
+              company: "Creative Minds",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ancient-greece-woman_23-2151026617.jpg",
+            },
+            {
+              name: "Zahra Malik",
+              role: "Architect",
+              company: "Design Group",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-smiley-woman-costume-outdoors_23-2148728630.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1