Update src/app/shop/page.tsx

Merge version_5 into main

src/app/blog/page.tsx

@@ -29,13 +29,14 @@ export default function BlogPage() {
                         navItems={[
                             { name: "Home", id: "/" },
                             { name: "Features", id: "/#features" },
+                            { name: "Products", id: "/#products" },
                             { name: "Testimonials", id: "/#testimonials" },
                             { name: "Blog", id: "/blog" },
                             { name: "Shop", id: "/shop" },
-                            { name: "Contact", id: "/#contact" }
+                            { name: "Contact", id: "#contact" }
                         ]}
                         brandName="NoteGenius AI"
-                        button={{ text: "Get Started", href: "/#contact" }}
+                        button={{ text: "Get Started", href: "#contact" }}
                     />
                 </div>
 

src/app/page.tsx

@@ -7,9 +7,10 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
 
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { CheckCircle, Clock, ShieldCheck, Smile, Sparkles, Users, Workflow } from "lucide-react";
 
@@ -33,6 +34,7 @@ export default function LandingPage() {
             navItems={[
               { name: "Home", id: "/" },
               { name: "Features", id: "#features" },
+              { name: "Products", id: "#products" },
               { name: "Testimonials", id: "#testimonials" },
               { name: "Blog", id: "/blog" },
               { name: "Shop", id: "/shop" },
@@ -90,6 +92,23 @@ export default function LandingPage() {
             tag="Our Results"
           />
         </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            title="Our Bestselling AI Solutions"
+            description="Explore our top-rated tools designed to elevate your business productivity."
+            products={[
+              { id: '1', name: 'NoteGenius Pro', price: '$299', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/product-card-1.webp', imageAlt: 'NoteGenius Pro Software' },
+              { id: '2', name: 'Meeting Summarizer', price: '$149', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/product-card-2.webp', imageAlt: 'Meeting Summarizer Tool' },
+              { id: '3', name: 'Collaboration Hub', price: '$199', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/product-card-3.webp', imageAlt: 'Collaboration Hub Interface' },
+              { id: '4', name: 'AI Assistant Pack', price: '$349', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/product-card-4.webp', imageAlt: 'AI Assistant Bundle' }
+            ]}
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            tag="Product Showcase"
+          />
+        </div>
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardTen
             title="Trusted by Leading B2B Companies"
@@ -126,20 +145,20 @@ export default function LandingPage() {
           />
         </div>
         <div id="contact" data-section="contact">
-          <ContactSplitForm
+          <ContactSplit
+            tag="Contact Us"
             title="Ready to Revolutionize Your Notetaking?"
             description="Connect with our team to discover how NoteGenius AI can empower your business."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Business Email", required: true }
-            ]}
-            textarea={{ name: "message", placeholder: "Tell us about your needs...", rows: 5, required: false }}
+            background={{ variant: 'plain' }}
             useInvertedBackground={false}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-stylized-illustration-of-a-diverse-tea-1771701003795-99c299cf.png"
             imageAlt="Diverse team collaborating with AI notetaking tools"
             mediaAnimation="opacity"
             mediaPosition="left"
+            inputPlaceholder="Your Business Email"
             buttonText="Send Message"
+            termsText="By signing up, you agree to our Terms and Conditions."
+            onSubmit={(email) => console.log("Email submitted:", email)}
           />
         </div>
         <div id="footer" data-section="footer">

src/app/shop/[id]/page.tsx

@@ -94,10 +94,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                             navItems={[
                                 { name: "Home", id: "/" },
                                 { name: "Features", id: "/#features" },
+                                { name: "Products", id: "/#products" },
                                 { name: "Testimonials", id: "/#testimonials" },
                                 { name: "Blog", id: "/blog" },
                                 { name: "Shop", id: "/shop" },
-                                { name: "Contact", id: "/#contact" }
+                                { name: "Contact", id: "#contact" }
                             ]}
                             brandName="NoteGenius AI"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -146,10 +147,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                             navItems={[
                                 { name: "Home", id: "/" },
                                 { name: "Features", id: "/#features" },
+                                { name: "Products", id: "/#products" },
                                 { name: "Testimonials", id: "/#testimonials" },
                                 { name: "Blog", id: "/blog" },
                                 { name: "Shop", id: "/shop" },
-                                { name: "Contact", id: "/#contact" }
+                                { name: "Contact", id: "#contact" }
                             ]}
                             brandName="NoteGenius AI"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -205,10 +207,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                         navItems={[
                             { name: "Home", id: "/" },
                             { name: "Features", id: "/#features" },
+                            { name: "Products", id: "/#products" },
                             { name: "Testimonials", id: "/#testimonials" },
                             { name: "Blog", id: "/blog" },
                             { name: "Shop", id: "/shop" },
-                            { name: "Contact", id: "/#contact" }
+                            { name: "Contact", id: "#contact" }
                         ]}
                         brandName="NoteGenius AI"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}

src/app/shop/page.tsx

@@ -37,10 +37,11 @@ function ShopPageContent() {
                             navItems={[
                                 { name: "Home", id: "/" },
                                 { name: "Features", id: "/#features" },
+                                { name: "Products", id: "/#products" },
                                 { name: "Testimonials", id: "/#testimonials" },
                                 { name: "Blog", id: "/blog" },
                                 { name: "Shop", id: "/shop" },
-                                { name: "Contact", id: "/#contact" }
+                                { name: "Contact", id: "#contact" }
                             ]}
                             brandName="NoteGenius AI"
                             button={{ text: "Cart", onClick: () => {} }}
@@ -88,10 +89,11 @@ function ShopPageContent() {
                         navItems={[
                             { name: "Home", id: "/" },
                             { name: "Features", id: "/#features" },
+                            { name: "Products", id: "/#products" },
                             { name: "Testimonials", id: "/#testimonials" },
                             { name: "Blog", id: "/blog" },
                             { name: "Shop", id: "/shop" },
-                            { name: "Contact", id: "/#contact" }
+                            { name: "Contact", id: "#contact" }
                         ]}
                         brandName="NoteGenius AI"
                         button={{ text: "Cart", onClick: () => {} }}