Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -30,14 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Products", id: "products" },
-          name: "About",          id: "about"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Manisanj Labels"
     />
@@ -45,15 +41,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       logoText="Manisanj Labels"
       description="Excellence in every thread. We provide premium garment labels, tags, and custom branding solutions for the fashion industry."
       buttons={[
-        {
+        { text: "View Products", href: "#products" },
-          text: "View Products",          href: "#products"},
+        { text: "Contact Us", href: "#contact" },
-        {
-          text: "Contact Us",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-tag-with-measuring-tape-thimble_23-2148527951.jpg"
       mediaAnimation="slide-up"
@@ -80,21 +73,15 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Woven Labels", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/tag-clothes_23-2147704082.jpg" },
-          id: "1",          name: "Woven Labels",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/tag-clothes_23-2147704082.jpg"},
+        { id: "2", name: "Hang Tags", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/red-price-tags-black-background_23-2148663123.jpg" },
-        {
+        { id: "3", name: "Textile Branding", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/clothes-labels-different-designs_23-2148765432.jpg" },
-          id: "2",          name: "Hang Tags",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/red-price-tags-black-background_23-2148663123.jpg"},
+        { id: "4", name: "Luxury Leather", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/custom-leather-tag-design_23-2149887766.jpg" },
-        {
+        { id: "5", name: "Satin Labels", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-belt-texture-military-background_23-2149341339.jpg" },
-          id: "3",          name: "Organic Labels",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-minimal-flowers_23-2149176432.jpg"},
+        { id: "6", name: "Embossed Badges", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/embossed-label-detail_23-2149998877.jpg" },
-        {
-          id: "4",          name: "Leather Badges",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-leather-jacket-s-zip_53876-33827.jpg"},
-        {
-          id: "5",          name: "Satin Labels",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-belt-texture-military-background_23-2149341339.jpg"},
-        {
-          id: "6",          name: "Heat Transfers",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/three-old-labels_23-2147775708.jpg"},
       ]}
       title="Our Collection"
-      description="Explore our wide range of premium garment accessories."
+      description="Explore our wide range of premium garment accessories and unique design variants."
     />
   </div>
 
@@ -104,12 +91,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Premium Materials", description: "We source only high-grade materials to ensure longevity and quality.", imageSrc: "http://img.b2bpic.net/free-vector/tailor-shop-vintage-emblem-signage-vector_1441-719.jpg" },
-          title: "Premium Materials",          description: "We source only high-grade materials to ensure longevity and quality.",          imageSrc: "http://img.b2bpic.net/free-vector/tailor-shop-vintage-emblem-signage-vector_1441-719.jpg"},
+        { title: "Custom Design", description: "From concept to creation, we bring your brand identity to life.", imageSrc: "http://img.b2bpic.net/free-photo/design-sketchbook-samples_23-2149409513.jpg" },
-        {
+        { title: "Rapid Delivery", description: "Fast turnaround times for all small and large orders.", imageSrc: "http://img.b2bpic.net/free-photo/paper-label-black-surface_1220-445.jpg" },
-          title: "Custom Design",          description: "From concept to creation, we bring your brand identity to life.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ouija-board-still-life_23-2149409513.jpg"},
-        {
-          title: "Rapid Delivery",          description: "Fast turnaround times for all small and large orders.",          imageSrc: "http://img.b2bpic.net/free-photo/paper-label-black-surface_1220-445.jpg"},
       ]}
       title="Why Manisanj?"
       description="Precision, reliability, and innovation in every order."
@@ -122,12 +106,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "1M+", title: "Labels Produced", description: "Yearly production capacity for global clients.", imageSrc: "http://img.b2bpic.net/free-photo/blank-leather-patch-sewn-onto-textured-fabric_9975-134388.jpg" },
-          id: "m1",          value: "1M+",          title: "Labels Produced",          description: "Yearly production capacity for global clients.",          imageSrc: "http://img.b2bpic.net/free-photo/blank-leather-patch-sewn-onto-textured-fabric_9975-134388.jpg"},
+        { id: "m2", value: "500+", title: "Happy Clients", description: "Trusted by leading garment brands.", imageSrc: "http://img.b2bpic.net/free-vector/water-label-template-design_742173-4179.jpg" },
-        {
+        { id: "m3", value: "15+", title: "Years Experience", description: "Deep expertise in label manufacturing.", imageSrc: "http://img.b2bpic.net/free-vector/circle-sticker-template-design_742173-23182.jpg" },
-          id: "m2",          value: "500+",          title: "Happy Clients",          description: "Trusted by leading garment brands.",          imageSrc: "http://img.b2bpic.net/free-vector/water-label-template-design_742173-4179.jpg"},
-        {
-          id: "m3",          value: "15+",          title: "Years Experience",          description: "Deep expertise in label manufacturing.",          imageSrc: "http://img.b2bpic.net/free-vector/circle-sticker-template-design_742173-23182.jpg"},
       ]}
       title="Industry Leaders"
       description="Proven results for major fashion brands."
@@ -137,8 +118,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="Get in touch"
       title="Let's Start Your Next Project"
       description="Ready to elevate your garment branding? Contact our team for a custom quote."
@@ -152,26 +132,12 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165790.jpg"
       logoText="Manisanj Labels"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
-          title: "Company",          items: [
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Products",              href: "#products"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "FAQ",              href: "#"},
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}