Update src/app/products/page.tsx

Merge version_2 into main

src/app/contact/page.tsx

@@ -2,10 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
 export default function ContactPage() {
   return (
@@ -22,53 +21,45 @@ export default function ContactPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Products", id: "/products" },
-        { name: "About Us", id: "/about" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="WorkNest Interiors"
-      button={{ text: "Contact Now", href: "/contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "About Us", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="WorkNest Interiors"
+            button={{ text: "Contact Now", href: "/contact" }}
+          />
+        </div>
 
-  <div id="contact-section" data-section="contact-section">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Contact Us"
-      title="Get in Touch"
-      description="Have questions about your workspace? Reach out to info@worknest.in or follow our journey on Instagram."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Get In Touch"
+            title="How can we help you?"
+            description="Reach out to our expert team for inquiries about ergonomic setups, bulk orders, or support."
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+            inputPlaceholder="Enter your email"
+            buttonText="Send Message"
+            termsText="By sending a message, you agree to our contact policy."
+            onSubmit={(email) => console.log("Form submitted for:", email)}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Visit Us"
-      title="Our Showroom"
-      description="Come experience our products in person."
-      imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797747.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        { title: "Brand", items: [{ label: "WorkNest Interiors", href: "/" }] },
-        { title: "Navigation", items: [{ label: "Products", href: "/products" }, { label: "About Us", href: "/about" }] },
-        { title: "Get In Touch", items: [{ label: "info@worknest.in", href: "mailto:info@worknest.in" }] },
-      ]}
-      bottomLeftText="© 2024 WorkNest Interiors. All rights reserved."
-      bottomRightText="Bangalore, India"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Brand", items: [{ label: "WorkNest Interiors", href: "/" }] },
+              { title: "Navigation", items: [{ label: "Products", href: "/products" }, { label: "About Us", href: "/about" }] },
+              { title: "Get In Touch", items: [{ label: "info@worknest.in", href: "mailto:info@worknest.in" }] },
+            ]}
+            bottomLeftText="© 2024 WorkNest Interiors. All rights reserved."
+            bottomRightText="Bangalore, India"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Mulish } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'WorkNest Interiors | Ergonomic Solutions for India',
-  description: 'Premium ergonomic furniture designed for the modern Indian professional. Improve your workspace, reduce pain.',
+  title: 'Contact Us | WorkNest Interiors',
+  description: 'Reach out to WorkNest Interiors for inquiries, support, and ergonomic solutions.',
   openGraph: {
     "siteName": "WorkNest Interiors"
   },

src/app/page.tsx

@@ -31,7 +31,6 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "/" },
         { name: "Products", id: "/products" },
-        { name: "About Us", id: "/about" },
         { name: "Contact", id: "/contact" },
       ]}
       brandName="WorkNest Interiors"
@@ -118,7 +117,7 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         { title: "Brand", items: [{ label: "WorkNest Interiors", href: "/" }] },
-        { title: "Navigation", items: [{ label: "Products", href: "/products" }, { label: "About Us", href: "/about" }] },
+        { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/contact" }] },
         { title: "Get In Touch", items: [{ label: "info@worknest.in", href: "mailto:info@worknest.in" }] },
       ]}
       bottomLeftText="© 2024 WorkNest Interiors. All rights reserved."
@@ -128,4 +127,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -2,10 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
 
 export default function ProductsPage() {
   return (
@@ -22,65 +21,61 @@ export default function ProductsPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Products", id: "/products" },
-        { name: "About Us", id: "/about" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="WorkNest Interiors"
-      button={{ text: "Contact Now", href: "/contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "About Us", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="WorkNest Interiors"
+            button={{ text: "Contact Now", href: "/contact" }}
+          />
+        </div>
 
-  <div id="product-list" data-section="product-list">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "Ergo Desk Pro", price: "₹10,91,500 Revenue", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132302.jpg" },
-        { id: "p2", name: "Air Mesh Chair", price: "67 Units Sold", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108732.jpg" },
-        { id: "p3", name: "Monitor Riser", price: "144 Units Sold", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913288.jpg" },
-        { id: "p4", name: "Cable Organizer", price: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/working-place-designer-closeup_93675-131355.jpg" },
-        { id: "p5", name: "StandDesk Elite", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132314.jpg" },
-        { id: "p6", name: "Lumbar Support", price: "Seating", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108704.jpg" },
-      ]}
-      title="Ergonomic Catalogue"
-      description="Premium selections for the modern workspace."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            title="Our Products"
+            description="Browse our collection of premium, ergonomic furniture solutions."
+            useInvertedBackground={false}
+            animationType="slide-up"
+            gridVariant="four-items-2x2-equal-grid"
+            textboxLayout="default"
+            products={[
+              {
+                id: "1",                name: "Ergo-Mesh Pro",                price: "₹14,999",                variant: "Black",                imageSrc: "http://img.b2bpic.net/free-photo/black-red-round-chairs-close-up_250224-172.jpg"
+              },
+              {
+                id: "2",                name: "Rise-Desk Standard",                price: "₹28,500",                variant: "Oak Finish",                imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132309.jpg"
+              },
+              {
+                id: "3",                name: "Lumbar Support Plus",                price: "₹3,499",                variant: "Gray",                imageSrc: "http://img.b2bpic.net/free-photo/keyboard-surrounded-by-colorful-stationery_23-2148319726.jpg"
+              },
+              {
+                id: "4",                name: "Task Chair Lite",                price: "₹9,999",                variant: "Grey Mesh",                imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg"
+              },
+              {
+                id: "5",                name: "Electric Standing Desk",                price: "₹35,000",                variant: "Walnut Finish",                imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797693.jpg"
+              },
+              {
+                id: "6",                name: "Ergo Footrest",                price: "₹1,999",                variant: "Anti-Slip",                imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg"
+              }
+            ]}
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Best Sellers"
-      description="Our most trusted ergonomic gear."
-      products={[
-        { id: "feat-1", name: "ProMesh Chair", price: "₹15,000", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108725.jpg" },
-        { id: "feat-2", name: "Minimalist Desk", price: "₹22,000", variant: "White Oak", imageSrc: "http://img.b2bpic.net/free-photo/modern-small-chair-with-blue-cushion-it-room_181624-44108.jpg" },
-        { id: "feat-3", name: "Task Lamp", price: "₹4,000", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg?_wi=2" },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        { title: "Brand", items: [{ label: "WorkNest Interiors", href: "/" }] },
-        { title: "Navigation", items: [{ label: "Products", href: "/products" }, { label: "About Us", href: "/about" }] },
-        { title: "Get In Touch", items: [{ label: "info@worknest.in", href: "mailto:info@worknest.in" }] },
-      ]}
-      bottomLeftText="© 2024 WorkNest Interiors. All rights reserved."
-      bottomRightText="Bangalore, India"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Brand", items: [{ label: "WorkNest Interiors", href: "/" }] },
+              { title: "Navigation", items: [{ label: "Products", href: "/products" }, { label: "About Us", href: "/about" }] },
+              { title: "Get In Touch", items: [{ label: "info@worknest.in", href: "mailto:info@worknest.in" }] },
+            ]}
+            bottomLeftText="© 2024 WorkNest Interiors. All rights reserved."
+            bottomRightText="Bangalore, India"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );