Update src/app/shop/page.tsx

Merge version_6 into main

src/app/blog/page.tsx

@@ -5,7 +5,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
@@ -28,10 +28,15 @@ export default function BlogPage() {
                     <NavbarLayoutFloatingOverlay
                         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" }
                         ]}
                         brandName="NoteGenius AI"
-                        button={{ text: "Get Started", href: "/#contact" }}
+                        button={{ text: "Get Started", href: "#contact" }}
                     />
                 </div>
 
@@ -41,8 +46,8 @@ export default function BlogPage() {
                         </div>
                     ) : (
                         <div id="blog" data-section="blog">
-                            <BlogCardTwo
+                            <BlogCardOne
-                                blogs={posts}
+                                blogs={posts.map(post => ({...post, onBlogClick: () => {}}))}
                                 title="Latest Articles"
                                 description="Insights and updates from our team"
                                 animationType="slide-up"
@@ -58,9 +63,9 @@ export default function BlogPage() {
                            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=4"
                            imageAlt="NoteGenius AI Dashboard Footer"
                            columns={[
-                               { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+                               { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }] },
-                               { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "/careers" }] },
+                               { title: "Company", items: [] },
-                               { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "#faq" }] }
+                               { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                            ]}
                            logoText="NoteGenius AI"
                            copyrightText="© 2024 NoteGenius AI. All rights reserved."

src/app/layout.tsx

@@ -13,7 +13,7 @@ export const metadata: Metadata = {
   title: "NoteGenius AI | B2B AI Notetaking for Enhanced Productivity",  description: "Transform your business meetings with NoteGenius AI. Automated summaries, real-time collaboration, and enterprise-grade security for unparalleled productivity.",  openGraph: {
     title: "NoteGenius AI | B2B AI Notetaking for Enhanced Productivity",    description: "Transform your business meetings with NoteGenius AI. Automated summaries, real-time collaboration, and enterprise-grade security for unparalleled productivity.",    url: "https://notegeniusai.com",    siteName: "NoteGenius AI",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png",        alt: "NoteGenius AI Dashboard Preview"},
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png",        alt: "NoteGenius AI Dashboard Preview"}
     ],
     type: "website"},
   twitter: {

src/app/page.tsx

@@ -4,15 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 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";
+import { CheckCircle, Clock, ShieldCheck, Smile, Sparkles, Users } from "lucide-react";
-
 export default function LandingPage() {
   return (
     <ThemeProvider
@@ -31,11 +31,12 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             navItems={[
-              { name: "Features", id: "features" },
+              { name: "Home", id: "/" },
-              { name: "Testimonials", id: "testimonials" },
+              { name: "Features", id: "#features" },
-              { name: "Blog", id: "/blog" },
+              { 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" }}
@@ -49,7 +50,7 @@ export default function LandingPage() {
             tag="NoteGenius AI"
             buttons={[
               { text: "Start Free Trial", href: "#contact" },
-              { text: "Learn More", href: "#features" },
+              { text: "Learn More", href: "#features" }
             ]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771703462804-ycq5fdkz.avif"
             imageAlt="NoteGenius AI Dashboard Preview"
@@ -57,27 +58,15 @@ export default function LandingPage() {
             buttonAnimation="slide-up"
           />
         </div>
-        <div id="about" data-section="about">
+        
-          <MediaAbout
-            title="Unlock Unprecedented Productivity"
-            description="NoteGenius AI revolutionizes how B2B teams manage information, turning unstructured conversations into actionable intelligence. Our advanced AI listens, learns, and delivers precise summaries, freeing your team to innovate faster."
-            tag="About NoteGenius AI"
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=2"
-            imageAlt="AI powered note taking software interface"
-            useInvertedBackground={false}
-            tagAnimation="slide-up"
-            buttonAnimation="slide-up"
-          />
-        </div>
         <div id="features" data-section="features">
-          <FeatureBorderGlow
+          <FeatureCardSeven
             title="Intelligent Features Designed for Business"
             description="Experience the next generation of notetaking with AI that works as hard as you do."
             features={[
-              { icon: Sparkles, title: "Automated Summarization", description: "Get concise, accurate summaries of lengthy meetings and discussions, highlighting key decisions and action items." },
+              { id: 1, title: "Automated Summarization", description: "Get concise, accurate summaries of lengthy meetings and discussions, highlighting key decisions and action items.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-images/img-placeholder-square-1.jpg" },
-              { icon: Users, title: "Real-time Collaboration", description: "Share notes, insights, and actions with your team instantly, fostering seamless communication and project alignment." },
+              { id: 2, title: "Real-time Collaboration", description: "Share notes, insights, and actions with your team instantly, fostering seamless communication and project alignment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-images/img-placeholder-square-2.jpg" },
-              { icon: ShieldCheck, title: "Enterprise-Grade Security", description: "Your data is protected with industry-leading encryption and compliance standards, ensuring privacy and peace of mind." },
+              { id: 3, title: "Enterprise-Grade Security", description: "Your data is protected with industry-leading encryption and compliance standards, ensuring privacy and peace of mind.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-images/img-placeholder-square-3.jpg" }
-              { icon: Workflow, title: "Seamless Integrations", description: "Connect NoteGenius AI with your favorite tools like CRM, project management, and communication platforms." },
             ]}
             animationType="slide-up"
             textboxLayout="default"
@@ -92,7 +81,7 @@ export default function LandingPage() {
             metrics={[
               { id: "1", icon: Smile, title: "User Satisfaction", value: "98.5%" },
               { id: "2", icon: Clock, title: "Time Saved per Week", value: "5+ Hrs" },
-              { id: "3", icon: CheckCircle, title: "Decision Accuracy", value: "99.9%" },
+              { id: "3", icon: CheckCircle, title: "Decision Accuracy", value: "99.9%" }
             ]}
             animationType="depth-3d"
             textboxLayout="default"
@@ -100,6 +89,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"
@@ -108,7 +114,7 @@ export default function LandingPage() {
               { id: "1", title: "\"A Game-Changer for Our Sales Team!\"", quote: "NoteGenius AI has revolutionized how our sales team prepares for calls and follows up. The automated summaries are incredibly accurate and save us hours every week. Highly recommended for any B2B organization.", name: "Sarah Johnson", role: "CEO, Innovate Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-sarah-johnson-1771701002847-37f53070.png", imageAlt: "Sarah Johnson, CEO Innovate Solutions" },
               { id: "2", title: "\"Enhanced Our Project Management Workflow\"", quote: "Integrating NoteGenius AI into our project meetings has drastically improved our action item tracking and overall team alignment. Decisions are clearer, and projects move faster than ever before.", name: "Michael Chen", role: "CTO, Global Tech Ventures", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-michael-chen--1771701003064-abe03de7.png", imageAlt: "Michael Chen, CTO Global Tech Ventures" },
               { id: "3", title: "\"The Best Investment for Team Productivity\"", quote: "We've seen a significant boost in our marketing team's productivity since adopting NoteGenius AI. The ability to quickly extract insights from brainstorming sessions is invaluable. It's a must-have tool.", name: "Emily Davis", role: "Marketing Director, Growth Strategies Inc.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-emily-davis-m-1771701002472-0dfdf5d1.png", imageAlt: "Emily Davis, Marketing Director Growth Strategies Inc." },
-              { id: "4", title: "\"Seamless Integration and Unmatched Accuracy\"", quote: "NoteGenius AI's seamless integration with our existing tools and its exceptional accuracy in capturing complex discussions have made it an indispensable part of our daily operations. It truly understands our business context.", name: "David Lee", role: "Head of Product, Nexus Innovations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-david-lee-hea-1771701002701-33cc7c47.png", imageAlt: "David Lee, Head of Product Nexus Innovations" },
+              { id: "4", title: "\"Seamless Integration and Unmatched Accuracy\"", quote: "NoteGenius AI's seamless integration with our existing tools and its exceptional accuracy in capturing complex discussions have made it an indispensable part of our daily operations. It truly understands our business context.", name: "David Lee", role: "Head of Product, Nexus Innovations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-david-lee-hea-1771701002701-33cc7c47.png", imageAlt: "David Lee, Head of Product Nexus Innovations" }
             ]}
             textboxLayout="default"
             useInvertedBackground={false}
@@ -127,7 +133,7 @@ export default function LandingPage() {
               { id: "3", title: "Can I integrate NoteGenius AI with my existing tools?", content: "Yes, NoteGenius AI offers robust integration capabilities with popular CRM platforms, project management tools, and communication applications. We also provide an API for custom integrations." },
               { id: "4", title: "Is there a limit to how long a meeting can be?", content: "Our advanced infrastructure is built to handle meetings of varying lengths. Please refer to our pricing plans for specific details on recording duration limits per plan." },
               { id: "5", title: "How accurate are the AI summaries?", content: "NoteGenius AI leverages state-of-the-art natural language processing (NLP) to achieve highly accurate summaries, with ongoing improvements based on user feedback and advanced learning models." },
-              { id: "6", title: "Do you offer custom enterprise solutions?", content: "Absolutely. For larger enterprises with unique requirements, we offer tailored solutions and dedicated support. Please contact our sales team to discuss your specific needs." },
+              { id: "6", title: "Do you offer custom enterprise solutions?", content: "Absolutely. For larger enterprises with unique requirements, we offer tailored solutions and dedicated support. Please contact our sales team to discuss your specific needs." }
             ]}
             faqsAnimation="slide-up"
             textboxLayout="default"
@@ -136,20 +142,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={[
+            background={{ variant: 'plain' }}
-              { 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 }}
             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">
@@ -157,9 +163,9 @@ export default function LandingPage() {
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=3"
             imageAlt="NoteGenius AI Dashboard Footer"
             columns={[
-              { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+              { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }] },
-              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "/careers" }] },
+              { title: "Company", items: [] },
-              { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "#faq" }] },
+              { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
             ]}
             logoText="NoteGenius AI"
             copyrightText="© 2024 NoteGenius AI. All rights reserved."

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

@@ -89,9 +89,17 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            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" }
+                            ]}
                             brandName="NoteGenius AI"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -105,7 +113,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                          <FooterMedia
                             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=7"
                             imageAlt="NoteGenius AI Dashboard Footer"
-                            columns={[{ "title": "Product", "items": [{ "label": "Features", "href": "#features" }, { "label": "Pricing", "href": "#pricing" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Careers", "href": "/careers" }] }, { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "#faq" }] }]}
+                            columns={[
+                                { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }] },
+                                { title: "Company", items: [] },
+                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
+                            ]}
                             logoText="NoteGenius AI"
                             copyrightText="© 2024 NoteGenius AI. All rights reserved."
                         />
@@ -130,9 +142,17 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            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" }
+                            ]}
                             brandName="NoteGenius AI"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -154,7 +174,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <FooterMedia
                             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=8"
                             imageAlt="NoteGenius AI Dashboard Footer"
-                            columns={[{ "title": "Product", "items": [{ "label": "Features", "href": "#features" }, { "label": "Pricing", "href": "#pricing" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Careers", "href": "/careers" }] }, { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "#faq" }] }]}
+                            columns={[
+                                { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }] },
+                                { title: "Company", items: [] },
+                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
+                            ]}
                             logoText="NoteGenius AI"
                             copyrightText="© 2024 NoteGenius AI. All rights reserved."
                         />
@@ -178,9 +202,17 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        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" }
+                        ]}
                         brandName="NoteGenius AI"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -202,7 +234,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                         sku={meta.sku}
                         buttons={[
                             { text: "Add To Cart", onClick: handleAddToCart },
-                            { text: "Buy Now", onClick: handleBuyNow },
+                            { text: "Buy Now", onClick: handleBuyNow }
                         ]}
                     />
                 </div>
@@ -225,7 +257,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <FooterMedia
                         imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=9"
                         imageAlt="NoteGenius AI Dashboard Footer"
-                        columns={[{ "title": "Product", "items": [{ "label": "Features", "href": "#features" }, { "label": "Pricing", "href": "#pricing" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Careers", "href": "/careers" }] }, { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "#faq" }] }]}
+                        columns={[
+                            { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }] },
+                            { title: "Company", items: [] },
+                            { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
+                        ]}
                         logoText="NoteGenius AI"
                         copyrightText="© 2024 NoteGenius AI. All rights reserved."
                     />

src/app/shop/page.tsx

@@ -32,9 +32,17 @@ function ShopPageContent() {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            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" }
+                            ]}
                             brandName="NoteGenius AI"
                             button={{ text: "Cart", onClick: () => {} }}
                         />
@@ -48,7 +56,11 @@ function ShopPageContent() {
                         <FooterMedia
                             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=5"
                             imageAlt="NoteGenius AI Dashboard Footer"
-                            columns={[{ "title": "Product", "items": [{ "label": "Features", "href": "#features" }, { "label": "Pricing", "href": "#pricing" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Careers", "href": "/careers" }] }, { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "#faq" }] }]}
+                            columns={[
+                                { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }] },
+                                { title: "Company", items: [] },
+                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
+                            ]}
                             logoText="NoteGenius AI"
                             copyrightText="© 2024 NoteGenius AI. All rights reserved."
                         />
@@ -72,9 +84,17 @@ function ShopPageContent() {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        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" }
+                        ]}
                         brandName="NoteGenius AI"
                         button={{ text: "Cart", onClick: () => {} }}
                     />
@@ -94,7 +114,11 @@ function ShopPageContent() {
                     <FooterMedia
                         imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=6"
                         imageAlt="NoteGenius AI Dashboard Footer"
-                        columns={[{ "title": "Product", "items": [{ "label": "Features", "href": "#features" }, { "label": "Pricing", "href": "#pricing" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Careers", "href": "/careers" }] }, { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "#faq" }] }]}
+                        columns={[
+                            { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }] },
+                            { title: "Company", items: [] },
+                            { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
+                        ]}
                         logoText="NoteGenius AI"
                         copyrightText="© 2024 NoteGenius AI. All rights reserved."
                     />