Update src/app/layout.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -87,7 +87,7 @@ export default function AboutPage() {
         <TextSplitAbout
           title="About Zamzam Cosmetics"
           description={[
-            "Zamzam Cosmetics is Multan's premier beauty destination, offering 85+ authentic Pakistani and international skincare, fragrance, haircare, and makeup products. We partner exclusively with trusted brands including Hemani, Saeed Ghani, Olivia, Vince, Golden Pearl, and English to ensure every product meets our quality standards.",            "Our mission is to provide beauty enthusiasts, salon owners, and wholesale buyers with authentic cosmetics at competitive prices. With free WhatsApp consultation, same-day pickup availability, and flexible wholesale terms, we're committed to making premium beauty accessible to everyone in Multan and beyond.",            "Located at Hussain Agahi Road, Inner City Multan, we blend convenience with trust, offering both retail and wholesale solutions for your beauty needs."]}
+            "Zamzam Cosmetics is Multan's premier beauty destination, offering 100+ authentic Pakistani and international skincare, fragrance, haircare, and makeup products. We partner exclusively with trusted brands including Hemani, Saeed Ghani, Olivia, Vince, Golden Pearl, and English to ensure every product meets our quality standards.",            "Our mission is to provide beauty enthusiasts, salon owners, and wholesale buyers with authentic cosmetics at competitive prices. With free WhatsApp consultation, same-day pickup availability, and flexible wholesale terms, we're committed to making premium beauty accessible to everyone in Multan and beyond.",            "Located at Hussain Agahi Road, Inner City Multan, we blend convenience with trust, offering both retail and wholesale solutions for your beauty needs."]}
           buttons={[{ text: "Shop Now", href: "/products" }]}
           useInvertedBackground={false}
           showBorder={true}
@@ -162,4 +162,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -91,7 +91,7 @@ export default function HomePage() {
       <div id="hero" data-section="hero">
         <HeroLogoBillboardSplit
           logoText="ZAMZAM"
-          description="Pakistan's Finest Beauty — Shop 85 authentic products from trusted brands. Wholesale & retail pricing with free WhatsApp consultation and same-day pickup at Hussain Agahi Road, Inner City Multan."
+          description="Pakistan's Finest Beauty — Shop 100+ authentic products from trusted brands. Wholesale & retail pricing with free WhatsApp consultation and same-day pickup at Hussain Agahi Road, Inner City Multan."
           background={{ variant: "sparkles-gradient" }}
           buttons={[
             { text: "Shop All Products", href: "/products" },
@@ -110,7 +110,7 @@ export default function HomePage() {
         <TextSplitAbout
           title="About Zamzam Cosmetics"
           description={[
-            "Zamzam Cosmetics is Multan's premier beauty destination, offering 85+ authentic Pakistani and international skincare, fragrance, haircare, and makeup products. We partner exclusively with trusted brands including Hemani, Saeed Ghani, Olivia, Vince, Golden Pearl, and English to ensure every product meets our quality standards.",            "Our mission is to provide beauty enthusiasts, salon owners, and wholesale buyers with authentic cosmetics at competitive prices. With free WhatsApp consultation, same-day pickup availability, and flexible wholesale terms, we're committed to making premium beauty accessible to everyone in Multan and beyond.",            "Located at Hussain Agahi Road, Inner City Multan, we blend convenience with trust, offering both retail and wholesale solutions for your beauty needs."]}
+            "Zamzam Cosmetics is Multan's premier beauty destination, offering 100+ authentic Pakistani and international skincare, fragrance, haircare, and makeup products. We partner exclusively with trusted brands including Hemani, Saeed Ghani, Olivia, Vince, Golden Pearl, and English to ensure every product meets our quality standards.",            "Our mission is to provide beauty enthusiasts, salon owners, and wholesale buyers with authentic cosmetics at competitive prices. With free WhatsApp consultation, same-day pickup availability, and flexible wholesale terms, we're committed to making premium beauty accessible to everyone in Multan and beyond.",            "Located at Hussain Agahi Road, Inner City Multan, we blend convenience with trust, offering both retail and wholesale solutions for your beauty needs."]}
           buttons={[{ text: "Visit Our Store", href: "/about" }]}
           useInvertedBackground={false}
           showBorder={true}
@@ -123,7 +123,7 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              title: "85+ Authentic Products",              description: "Carefully curated collection from trusted Pakistani and international beauty brands",              imageSrc: "http://img.b2bpic.net/free-photo/makeup-tools_23-2148109562.jpg?_wi=1",              imageAlt: "Authentic Beauty Products Collection"},
+              title: "100+ Authentic Products",              description: "Carefully curated collection from trusted Pakistani and international beauty brands",              imageSrc: "http://img.b2bpic.net/free-photo/makeup-tools_23-2148109562.jpg?_wi=1",              imageAlt: "Authentic Beauty Products Collection"},
             {
               id: 2,
               title: "WhatsApp Consultation",              description: "Free beauty advice and instant ordering through convenient WhatsApp service",              imageSrc: "http://img.b2bpic.net/free-photo/makeup-tools_23-2148109562.jpg?_wi=2",              imageAlt: "WhatsApp Beauty Consultation"},
@@ -173,9 +173,21 @@ export default function HomePage() {
               id: "english-soap",              name: "English Antibacterial Soap",              price: "PKR 180",              variant: "100g Natural Herbs",              imageSrc: "http://img.b2bpic.net/free-psd/banner-natural-cosmetics-template_23-2148644282.jpg?_wi=1",              imageAlt: "English Antibacterial Soap"},
             {
               id: "english-soap-pack",              name: "English Soap 3-Pack Bundle",              price: "PKR 480",              variant: "300g Value Pack",              imageSrc: "http://img.b2bpic.net/free-psd/banner-natural-cosmetics-template_23-2148644282.jpg?_wi=2",              imageAlt: "English Soap Bundle"},
+            {
+              id: "bonita-nail-polish",              name: "Bonita Premium Nail Polish",              price: "PKR 320",              variant: "12ml Long Wear",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-argan-oil-care-product_23-2148955837.jpg?_wi=3",              imageAlt: "Bonita Nail Polish"},
+            {
+              id: "bonita-nail-care",              name: "Bonita Nail Care Kit",              price: "PKR 550",              variant: "5-piece Set",              imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-relaxing-bathtub-with-petals_273609-4782.jpg?_wi=3",              imageAlt: "Bonita Nail Care Kit"},
+            {
+              id: "revlon-foundation",              name: "Revlon ColorStay Foundation",              price: "PKR 1100",              variant: "30ml Full Coverage",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-using-skin-care-cream_23-2148976837.jpg?_wi=3",              imageAlt: "Revlon Foundation"},
+            {
+              id: "revlon-mascara",              name: "Revlon Volumizing Mascara",              price: "PKR 750",              variant: "9ml Black",              imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-composition-with-towels_23-2147817700.jpg?_wi=3",              imageAlt: "Revlon Mascara"},
+            {
+              id: "hemani-clay-mask",              name: "Hemani Charcoal Clay Mask",              price: "PKR 600",              variant: "150g Deep Cleanse",              imageSrc: "http://img.b2bpic.net/free-vector/lotion-background-design_1268-666.jpg?_wi=3",              imageAlt: "Hemani Clay Mask"},
+            {
+              id: "saeed-ghani-powder",              name: "Saeed Ghani Setting Powder",              price: "PKR 480",              variant: "50g Translucent",              imageSrc: "http://img.b2bpic.net/free-psd/banner-natural-cosmetics-template_23-2148644282.jpg?_wi=3",              imageAlt: "Saeed Ghani Powder"},
           ]}
           title="Featured Product Brands"
-          description="Discover our curated collection of authentic Pakistani beauty brands trusted by thousands of customers across Punjab"
+          description="Discover our expanded collection of 100+ authentic Pakistani beauty brands trusted by thousands of customers across Punjab"
           tag="Authentic Brands"
           tagIcon={Sparkles}
           gridVariant="three-columns-all-equal-width"
@@ -183,7 +195,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           buttonAnimation="slide-up"
-          buttons={[{ text: "Browse All 85+ Products", href: "/products" }]}
+          buttons={[{ text: "Browse All 100+ Products", href: "/products" }]}
         />
       </div>
 
@@ -316,4 +328,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #0c0c0c;
-  --foreground: #27231f;
+  --foreground: #ffffff;
-  --primary-cta: #27231f;
+  --primary-cta: #00ff00;
   --primary-cta-text: #e3deea;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
   --secondary-cta-text: #27231f;
-  --accent: #c68a62;
+  --accent: #00ff00;
-  --background-accent: #c68a62;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);