From 223c9a0b5e352118e7e5cea7302a698b9e873e1d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 13:14:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 360 +++++++++++++++--------------------------------
 1 file changed, 116 insertions(+), 244 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4b5e6a4..ff02965 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,258 +27,130 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Order Now",
-          id: "contact",
-        },
-      ]}
-      brandName="Al-Madina Boutique"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Collection", id: "products" },
+              { name: "FAQ", id: "faq" },
+              { name: "Order Now", id: "contact" },
+            ]}
+            brandName="Al-Madina Boutique"
+            button={{ text: "WhatsApp", href: "https://wa.me/923024325668" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Al-Madina Boutique"
-      description="Exquisite modest fashion tailored for your unique style. Bringing boutique-quality elegance directly to your doorstep."
-      buttons={[
-        {
-          text: "View Collection",
-          href: "#products",
-        },
-        {
-          text: "WhatsApp Order",
-          href: "https://wa.me/923024325668",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164750.jpg"
-      imageAlt="Elegant boutique fashion"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Al-Madina Boutique"
+            description="Exquisite modest fashion tailored for your unique style. Bringing boutique-quality elegance directly to your doorstep."
+            buttons={[
+              { text: "View Collection", href: "#products" },
+              { text: "WhatsApp Order", href: "https://wa.me/923024325668" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164750.jpg"
+            imageAlt="Elegant boutique fashion"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Crafting Elegance for Every Occasion"
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={true}
+            title="Crafting Elegance for Every Occasion"
+            buttons={[
+              { text: "Contact Us", href: "#contact" },
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Classic Elegance Abaya",
-          price: "PKR 5,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/handmade-embroidery-folk-arts-crafts_469670-53.jpg",
-        },
-        {
-          id: "p2",
-          name: "Embroidered Silk Shawl",
-          price: "PKR 3,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-folk-dance-costume_23-2149646807.jpg",
-        },
-        {
-          id: "p3",
-          name: "Floral Summer Kaftan",
-          price: "PKR 4,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-afro-american-man-wearing-traditional-clothes-modern-city_627829-188.jpg",
-        },
-        {
-          id: "p4",
-          name: "Formal Occasion Suit",
-          price: "PKR 8,900",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-customer-s-hand-choosing-shirt-hanging-rail-shop_23-2148175704.jpg",
-        },
-        {
-          id: "p5",
-          name: "Minimalist Chiffon Hijab",
-          price: "PKR 1,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-medieval-queen-with-rosary_23-2150306025.jpg",
-        },
-        {
-          id: "p6",
-          name: "Velvet Evening Gown",
-          price: "PKR 12,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-indoors-front-view_23-2150154510.jpg",
-        },
-      ]}
-      title="Our Latest Collection"
-      description="Explore our curated selection of fine modest wear."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Classic Elegance Abaya", price: "PKR 5,500", imageSrc: "http://img.b2bpic.net/free-photo/handmade-embroidery-folk-arts-crafts_469670-53.jpg" },
+              { id: "p2", name: "Embroidered Silk Shawl", price: "PKR 3,200", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-folk-dance-costume_23-2149646807.jpg" },
+              { id: "p3", name: "Floral Summer Kaftan", price: "PKR 4,800", imageSrc: "http://img.b2bpic.net/free-photo/handsome-afro-american-man-wearing-traditional-clothes-modern-city_627829-188.jpg" },
+              { id: "p4", name: "Formal Occasion Suit", price: "PKR 8,900", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-customer-s-hand-choosing-shirt-hanging-rail-shop_23-2148175704.jpg" },
+              { id: "p5", name: "Minimalist Chiffon Hijab", price: "PKR 1,200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-medieval-queen-with-rosary_23-2150306025.jpg" },
+              { id: "p6", name: "Velvet Evening Gown", price: "PKR 12,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-indoors-front-view_23-2150154510.jpg" },
+            ]}
+            title="Our Latest Collection"
+            description="Explore our curated selection of fine modest wear."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Premium Quality",
-          subtitle: "Hand-picked fabrics",
-          category: "Standard",
-          value: "High",
-        },
-        {
-          id: "f2",
-          title: "Home Delivery",
-          subtitle: "Across Pakistan",
-          category: "Shipping",
-          value: "Fast",
-        },
-        {
-          id: "f3",
-          title: "Easy Ordering",
-          subtitle: "Just WhatsApp us",
-          category: "Service",
-          value: "Simple",
-        },
-      ]}
-      title="Why Choose Us"
-      description="Quality and convenience at your fingertips."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Premium Quality", subtitle: "Hand-picked fabrics", category: "Standard", value: "High" },
+              { id: "f2", title: "Home Delivery", subtitle: "Across Pakistan", category: "Shipping", value: "Fast" },
+              { id: "f3", title: "Easy Ordering", subtitle: "Just WhatsApp us", category: "Service", value: "Simple" },
+            ]}
+            title="Why Choose Us"
+            description="Quality and convenience at your fingertips."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ayesha Khan",
-          role: "Client",
-          company: "Happy Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-holding-eyeglasses-while-smiling-gray-background_114579-60199.jpg",
-        },
-        {
-          id: "t2",
-          name: "Fatima Z.",
-          role: "Client",
-          company: "Happy Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg",
-        },
-        {
-          id: "t3",
-          name: "Zara Ali",
-          role: "Client",
-          company: "Happy Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sana M.",
-          role: "Client",
-          company: "Happy Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-women-playing-with-shopping-cart_23-2148495450.jpg",
-        },
-        {
-          id: "t5",
-          name: "Mehwish R.",
-          role: "Client",
-          company: "Happy Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
-        },
-      ]}
-      title="Loved by Our Community"
-      description="What our wonderful clients are saying."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Ayesha Khan", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-holding-eyeglasses-while-smiling-gray-background_114579-60199.jpg" },
+              { id: "t2", name: "Fatima Z.", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg" },
+              { id: "t3", name: "Zara Ali", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg" },
+              { id: "t4", name: "Sana M.", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-women-playing-with-shopping-cart_23-2148495450.jpg" },
+              { id: "t5", name: "Mehwish R.", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg" },
+            ]}
+            title="Loved by Our Community"
+            description="What our wonderful clients are saying."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "How to order?",
-          content: "Just send a message to 0302-4325668 on WhatsApp!",
-        },
-        {
-          id: "q2",
-          title: "Shipping time?",
-          content: "Usually 3-5 business days across Pakistan.",
-        },
-        {
-          id: "q3",
-          title: "Return policy?",
-          content: "We offer easy exchanges on defective items.",
-        },
-      ]}
-      title="Frequently Asked"
-      description="Common questions about our services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "How to order?", content: "Just send a message to 0302-4325668 on WhatsApp!" },
+              { id: "q2", title: "Shipping time?", content: "Usually 3-5 business days across Pakistan." },
+              { id: "q3", title: "Return policy?", content: "We offer easy exchanges on defective items." },
+            ]}
+            title="Frequently Asked"
+            description="Common questions about our services."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Ready to Shop?"
-      description="Order your favorites today via WhatsApp. Click the button below to start your conversation."
-      buttons={[
-        {
-          text: "WhatsApp Us Now",
-          href: "https://wa.me/923024325668",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Ready to Shop?"
+            description="Order your favorites today via WhatsApp. Click the button below to start your conversation."
+            buttons={[
+              { text: "WhatsApp Us Now", href: "https://wa.me/923024325668" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Al-Madina Boutique"
-      leftLink={{
-        text: "© 2024 Al-Madina",
-        href: "#",
-      }}
-      rightLink={{
-        text: "WhatsApp 0302-4325668",
-        href: "https://wa.me/923024325668",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Al-Madina Boutique"
+            leftLink={{ text: "© 2024 Al-Madina", href: "#" }}
+            rightLink={{ text: "WhatsApp 0302-4325668", href: "https://wa.me/923024325668" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1