Update src/app/page.tsx

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -35,6 +35,7 @@ export default function LandingPage() {
             { name: "Portfolio", id: "portfolio" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonials" },
+            { name: "Products", id: "products" },
             { name: "Contact", id: "contact-cta" }
           ]}
           button={{
@@ -185,6 +186,26 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="products" data-section="products">
+        <ProductCardOne
+          title="Our Products"
+          description="Discover our carefully curated selection of digital products designed to enhance your business."
+          tag="Products"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          products={[
+            {
+              id: "book-1",              name: "Hello There",              price: "$29.99",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",              imageAlt: "Hello There book cover"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Products section"
+        />
+      </div>
+
       <div id="metrics" data-section="metrics">
         <MetricCardEleven
           title="Proven Results That Matter"