From b5300d7443108ef57700b46058fc388d31cb0bdb Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 20:41:28 +0000
Subject: [PATCH] Bob AI: Add example prices to New Arrivals product cards

---
 src/pages/HomePage.tsx                   | 148 +++-----------------
 src/pages/HomePage/sections/About.tsx    |  22 +++
 src/pages/HomePage/sections/Arrivals.tsx | 166 +++++++++++++++++++++++
 src/pages/HomePage/sections/Contact.tsx  |  27 ++++
 src/pages/HomePage/sections/Faq.tsx      |  42 ++++++
 src/pages/HomePage/sections/Hero.tsx     |  29 ++++
 6 files changed, 304 insertions(+), 130 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Arrivals.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/Hero.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 5542bfe..a9c33f3 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,139 +1,27 @@
-import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-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 ArrivalsSection from './HomePage/sections/Arrivals';
+import AboutSection from './HomePage/sections/About';
+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">
-          <HeroOverlay
-      tag="Effortless Everyday Style"
-      title="LV Levoti"
-      description="Made for you. Explore our collection of comfortable, beautiful everyday fashion."
-      primaryButton={{
-        text: "Shop the Collection",
-        href: "#arrivals",
-      }}
-      secondaryButton={{
-        text: "Our Story",
-        href: "#about",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-with-spring-flowers_23-2148834827.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="arrivals" data-section="arrivals">
-    <SectionErrorBoundary name="arrivals">
-          <FeaturesImageBento
-      tag="Collection"
-      title="New Arrivals"
-      description="Fresh pieces added regularly — designed to fit your everyday life."
-      items={[
-        {
-          title: "Essential Tee",
-          description: "Soft everyday basic",
-          imageSrc: "http://img.b2bpic.net/free-photo/backpack-casual-outfit_23-2147710428.jpg",
-        },
-        {
-          title: "Linen Wrap",
-          description: "Comfortable elegance",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-happy-attractive-smiling-woman-posing-desert-sand-dressed-white-clothes-wearing-straw-hat-sunglasses-sunset-sunny-summer-day_285396-9209.jpg",
-        },
-        {
-          title: "Silk Midi",
-          description: "Graceful everyday wear",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-colorful-summer-pink-hipster-clothes-sunglasses-posing-near-wall-full-length_158538-8875.jpg",
-        },
-        {
-          title: "Classic Trouser",
-          description: "Tailored for comfort",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-present-with-citrus-slice-copy-space_23-2148370119.jpg",
-        },
-        {
-          title: "Cotton Knit",
-          description: "Soft and breathable",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773385.jpg",
-        },
-        {
-          title: "Neutral Blazer",
-          description: "Polished layers",
-          imageSrc: "http://img.b2bpic.net/free-photo/collection-beige-tone-colored-pants_23-2150773386.jpg",
-        },
-        {
-          title: "Comfort Slip",
-          description: "Elegant simplicity",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830422.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ArrivalsSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTextSplit
-      title="Our Story"
-      descriptions={[
-        "LV Levoti was created with one goal in mind — to make beautiful, comfortable everyday fashion accessible to every woman.",
-        "Every piece is chosen with care, blending quality and style for the moments that matter, big or small.",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSimple
-      tag="FAQ"
-      title="Common Questions"
-      description="Everything you need to know about shopping with LV Levoti."
-      items={[
-        {
-          question: "Do you offer delivery?",
-          answer: "Currently, we offer local pickup only at our Heliopolis location.",
-        },
-        {
-          question: "Where are you located?",
-          answer: "You can find us at 10-22 Al Ahram, El-Montaza, Heliopolis, Cairo.",
-        },
-        {
-          question: "What is the return policy?",
-          answer: "We accept returns on unworn items within 7 days of purchase.",
-        },
-        {
-          question: "How can I check sizing?",
-          answer: "Please message us on WhatsApp with the specific product, and we will guide you.",
-        },
-        {
-          question: "Do you have a physical store?",
-          answer: "Yes, our studio is open for visits in Heliopolis by appointment.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Support"
-      text="Have a question about an order, sizing, or just want to say hi? Reach out — we’d love to hear from you."
-      primaryButton={{
-        text: "WhatsApp: 01094494313",
-        href: "https://wa.me/201094494313",
-      }}
-      secondaryButton={{
-        text: "Visit Us (Heliopolis)",
-        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..88359b9
--- /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 AboutTextSplit from '@/components/sections/about/AboutTextSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTextSplit
+          title="Our Story"
+          descriptions={[
+            "LV Levoti was created with one goal in mind — to make beautiful, comfortable everyday fashion accessible to every woman.",
+            "Every piece is chosen with care, blending quality and style for the moments that matter, big or small.",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Arrivals.tsx b/src/pages/HomePage/sections/Arrivals.tsx
new file mode 100644
index 0000000..672fd24
--- /dev/null
+++ b/src/pages/HomePage/sections/Arrivals.tsx
@@ -0,0 +1,166 @@
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import Button from "@/components/ui/Button";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import { cls } from "@/lib/utils";
+
+const items = [
+  {
+    title: "Essential Tee",
+    description: "Soft everyday basic",
+    price: "EGP 450",
+    imageSrc: "http://img.b2bpic.net/free-photo/backpack-casual-outfit_23-2147710428.jpg"
+  },
+  {
+    title: "Linen Wrap",
+    description: "Comfortable elegance",
+    price: "EGP 650",
+    imageSrc: "http://img.b2bpic.net/free-photo/stylish-happy-attractive-smiling-woman-posing-desert-sand-dressed-white-clothes-wearing-straw-hat-sunglasses-sunset-sunny-summer-day_285396-9209.jpg"
+  },
+  {
+    title: "Silk Midi",
+    description: "Graceful everyday wear",
+    price: "EGP 850",
+    imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-colorful-summer-pink-hipster-clothes-sunglasses-posing-near-wall-full-length_158538-8875.jpg"
+  },
+  {
+    title: "Classic Trouser",
+    description: "Tailored for comfort",
+    price: "EGP 550",
+    imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-present-with-citrus-slice-copy-space_23-2148370119.jpg"
+  },
+  {
+    title: "Cotton Knit",
+    description: "Soft and breathable",
+    price: "EGP 400",
+    imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773385.jpg"
+  },
+  {
+    title: "Neutral Blazer",
+    description: "Polished layers",
+    price: "EGP 950",
+    imageSrc: "http://img.b2bpic.net/free-photo/collection-beige-tone-colored-pants_23-2150773386.jpg"
+  },
+  {
+    title: "Comfort Slip",
+    description: "Elegant simplicity",
+    price: "EGP 350",
+    imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830422.jpg"
+  }
+];
+
+type FeatureItem = {
+  title: string;
+  description: string;
+  href?: string;
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+
+interface FeaturesImageBentoProps {
+  tag: string;
+  title: string;
+  description: string;
+  primaryButton?: { text: string; href: string };
+  secondaryButton?: { text: string; href: string };
+  items: [FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem];
+}
+
+const ArrivalsInline = () => {
+  const gridClasses = [
+    "md:col-span-2",
+    "md:col-span-4",
+    "md:col-span-3",
+    "md:col-span-3",
+    "md:col-span-2",
+    "md:col-span-2",
+    "md:col-span-2",
+  ];
+
+  const staggerDelays = [
+    0,
+    0.1,
+    0,
+    0.1,
+    0,
+    0.1,
+    0.2,
+  ];
+
+  return (
+    <section aria-label="Features image bento section" className="py-20">
+      <div className="flex flex-col gap-8 md:gap-10">
+        <div className="flex flex-col items-center w-content-width mx-auto gap-2">
+          <div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
+            <p>{"Collection"}</p>
+          </div>
+
+          <TextAnimation
+            text={"New Arrivals"}
+            variant="fade-blur"
+            gradientText={true}
+            tag="h2"
+            className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance"
+          />
+
+          <TextAnimation
+            text={"Fresh pieces added regularly — designed to fit your everyday life."}
+            variant="fade-blur"
+            gradientText={false}
+            tag="p"
+            className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance"
+          />
+
+          {(undefined || undefined) && (
+            <div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
+              {undefined && <Button text={undefined.text} href={undefined.href} variant="primary"/>}
+              {undefined && <Button text={undefined.text} href={undefined.href} variant="secondary" animationDelay={0.1} />}
+            </div>
+          )}
+        </div>
+
+        <div className="w-content-width mx-auto grid grid-cols-1 md:grid-cols-6 gap-3">
+          {items.map((item, index) => {
+            const content = (
+              <div className="relative h-80 xl:h-100 2xl:h-120 overflow-hidden">
+                <ImageOrVideo
+                  imageSrc={item.imageSrc}
+                  videoSrc={item.videoSrc}
+                  className="rounded group-hover:scale-105 transition-transform duration-500"
+                />
+
+                <div className="absolute inset-x-5 bottom-5 xl:inset-x-6 xl:bottom-6 2xl:inset-x-7 2xl:bottom-7 flex flex-col text-background">
+                  <span className="text-2xl font-semibold leading-snug truncate">{item.title}</span>
+                  <span className="text-base leading-snug truncate">{item.description}</span>
+                  <span className="text-lg font-medium mt-1">{item.price}</span>
+                </div>
+              </div>
+            );
+
+            return (
+              <ScrollReveal key={index} variant="slide-up" delay={staggerDelays[index]} className={cls("col-span-1 group", gridClasses[index])}>
+                {item.href ? (
+                  <a href={item.href} className="block overflow-hidden rounded">
+                    {content}
+                  </a>
+                ) : (
+                  <div className="overflow-hidden rounded">
+                    {content}
+                  </div>
+                )}
+              </ScrollReveal>
+            );
+          })}
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default function ArrivalsSection() {
+  return (
+    <div data-webild-section="arrivals" id="arrivals">
+      <ArrivalsInline />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..f98be78
--- /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="Have a question about an order, sizing, or just want to say hi? Reach out — we’d love to hear from you."
+          primaryButton={{
+            text: "WhatsApp: 01094494313",
+            href: "https://wa.me/201094494313",
+          }}
+          secondaryButton={{
+            text: "Visit Us (Heliopolis)",
+            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..51c13de
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,42 @@
+// 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="FAQ"
+          title="Common Questions"
+          description="Everything you need to know about shopping with LV Levoti."
+          items={[
+            {
+              question: "Do you offer delivery?",
+              answer: "Currently, we offer local pickup only at our Heliopolis location.",
+            },
+            {
+              question: "Where are you located?",
+              answer: "You can find us at 10-22 Al Ahram, El-Montaza, Heliopolis, Cairo.",
+            },
+            {
+              question: "What is the return policy?",
+              answer: "We accept returns on unworn items within 7 days of purchase.",
+            },
+            {
+              question: "How can I check sizing?",
+              answer: "Please message us on WhatsApp with the specific product, and we will guide you.",
+            },
+            {
+              question: "Do you have a physical store?",
+              answer: "Yes, our studio is open for visits in Heliopolis by appointment.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..639ab47
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,29 @@
+// 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 HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroOverlay
+          tag="Effortless Everyday Style"
+          title="LV Levoti"
+          description="Made for you. Explore our collection of comfortable, beautiful everyday fashion."
+          primaryButton={{
+            text: "Shop the Collection",
+            href: "#arrivals",
+          }}
+          secondaryButton={{
+            text: "Our Story",
+            href: "#about",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-with-spring-flowers_23-2148834827.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}