Update src/app/shop/page.tsx

Merge version_12 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();
@@ -18,7 +18,7 @@ export default function BlogPage() {
             contentWidth="mediumSmall"
             sizing="largeSmallSizeMediumTitles"
             background="noiseDiagonalGradient"
-            cardStyle="gradient-bordered"
+            cardStyle="glass-elevated"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="radial-glow"
             headingFontWeight="bold"
@@ -27,10 +27,10 @@ export default function BlogPage() {
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         navItems={[
+                            { name: "Home", id: "/" },
                             { name: "Features", id: "/#features" },
+                            
                             { name: "Testimonials", id: "/#testimonials" },
-                            { name: "Blog", id: "/blog" },
-                            { name: "Shop", id: "/shop" },
                             { name: "Contact", id: "/#contact" }
                         ]}
                         brandName="NoteGenius AI"
@@ -44,8 +44,8 @@ export default function BlogPage() {
                         </div>
                     ) : (
                         <div id="blog" data-section="blog">
-                            <BlogCardTwo
-                                blogs={posts}
+                            <BlogCardOne
+                                blogs={posts.map(post => ({...post, onBlogClick: () => {}}))}
                                 title="Latest Articles"
                                 description="Insights and updates from our team"
                                 animationType="slide-up"
@@ -61,8 +61,8 @@ 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: "Company", items: [{ label: "About Us", href: "/#about" }] },
+                               { title: "Product", items: [{ label: "Features", href: "/#features" }] },
+                               { title: "Company", items: [] },
                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                            ]}
                            logoText="NoteGenius AI"

src/app/layout.tsx

@@ -13,9 +13,11 @@ 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"},
+    type: "website"
+  },
   twitter: {
     card: "summary_large_image",    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.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png"],
   },

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 MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { CheckCircle, Clock, ShieldCheck, Smile, Sparkles, Users, Workflow } from "lucide-react";
 
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { CheckCircle, Clock, Smile } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
@@ -22,7 +22,7 @@ export default function LandingPage() {
       contentWidth="mediumSmall"
       sizing="largeSmallSizeMediumTitles"
       background="noiseDiagonalGradient"
-      cardStyle="gradient-bordered"
+      cardStyle="glass-elevated"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="bold"
@@ -31,14 +31,14 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             navItems={[
-              { name: "Features", id: "features" },
-              { name: "Testimonials", id: "testimonials" },
-              { name: "Blog", id: "/blog" },
-              { name: "Shop", id: "/shop" },
-              { name: "Contact", id: "contact" }
+              { name: "Home", id: "/" },
+              { name: "Features", id: "/#features" },
+              
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" }
             ]}
             brandName="NoteGenius AI"
-            button={{ text: "Get Started", href: "#contact" }}
+            button={{ text: "Get Started", href: "/#contact" }}
           />
         </div>
         <div id="hero" data-section="hero">
@@ -48,8 +48,8 @@ export default function LandingPage() {
             background={{ variant: 'downward-rays-animated-grid' }}
             tag="NoteGenius AI"
             buttons={[
-              { text: "Start Free Trial", href: "#contact" },
-              { text: "Learn More", href: "#features" }
+              { text: "Start Free Trial", href: "/#contact" },
+              { 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,32 +57,20 @@ 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
+          <FeatureCardTwentyThree
             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." },
-              { icon: Users, title: "Real-time Collaboration", description: "Share notes, insights, and actions with your team instantly, fostering seamless communication and project alignment." },
-              { icon: ShieldCheck, title: "Enterprise-Grade Security", description: "Your data is protected with industry-leading encryption and compliance standards, ensuring privacy and peace of mind." },
-              { icon: Workflow, title: "Seamless Integrations", description: "Connect NoteGenius AI with your favorite tools like CRM, project management, and communication platforms." },
+              { id: '1', title: "Automated Summarization", tags: ['AI', 'Efficiency', 'Summaries'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716326215-52a98235.avif" },
+              { id: '2', title: "Real-time Collaboration", tags: ['Teamwork', 'Communication', 'Sync'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716588795-sbmt1r2s.avif" },
+              { id: '3', title: "Enterprise-Grade Security", tags: ['Data Protection', 'Compliance', 'Secure'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716888790-ad58rivc.avif" }
             ]}
-            animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
             tag="Core Capabilities"
+            animationType="slide-up"
           />
         </div>
         <div id="metrics" data-section="metrics">
@@ -100,21 +88,19 @@ export default function LandingPage() {
             tag="Our Results"
           />
         </div>
+        
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTen
-            title="Trusted by Leading B2B Companies"
-            description="Hear directly from the businesses transforming their workflows with NoteGenius AI."
+          <TestimonialCardTwelve
+            cardTitle="Trusted by Leading B2B Companies"
+            cardTag="Customer Success Stories"
             testimonials={[
-              { 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: "1", name: "Sarah Johnson", 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", name: "Michael Chen", 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", name: "Emily Davis", 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", name: "David Lee", 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"
+            cardAnimation="slide-up"
             useInvertedBackground={false}
-            tag="Customer Success Stories"
-            tagAnimation="slide-up"
-            buttonAnimation="slide-up"
           />
         </div>
         <div id="faq" data-section="faq">
@@ -136,29 +122,29 @@ 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">
           <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=3"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716839726-zx8yi4uy.png"
             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" }] },
+              { title: "Product", items: [{ label: "Features", href: "/#features" }] },
+              { title: "Company", items: [] },
               { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
             ]}
             logoText="NoteGenius AI"

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

@@ -83,19 +83,19 @@ function ProductPageContent({ params }: ProductPageProps) {
                 contentWidth="mediumSmall"
                 sizing="largeSmallSizeMediumTitles"
                 background="noiseDiagonalGradient"
-                cardStyle="gradient-bordered"
+                cardStyle="glass-elevated"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="radial-glow"
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             navItems={[
+                                { name: "Home", id: "/" },
                                 { name: "Features", id: "/#features" },
+                                
                                 { name: "Testimonials", id: "/#testimonials" },
-                                { name: "Blog", id: "/blog" },
-                                { name: "Shop", id: "/shop" },
                                 { name: "Contact", id: "/#contact" }
                             ]}
                             brandName="NoteGenius AI"
@@ -112,9 +112,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                             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" }] },
-                                { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "/#faq" }] }
+                                { title: "Product", items: [{ label: "Features", href: "/#features" }] },
+                                { title: "Company", items: [] },
+                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                             ]}
                             logoText="NoteGenius AI"
                             copyrightText="© 2024 NoteGenius AI. All rights reserved."
@@ -134,19 +134,19 @@ function ProductPageContent({ params }: ProductPageProps) {
                 contentWidth="mediumSmall"
                 sizing="largeSmallSizeMediumTitles"
                 background="noiseDiagonalGradient"
-                cardStyle="gradient-bordered"
+                cardStyle="glass-elevated"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="radial-glow"
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             navItems={[
+                                { name: "Home", id: "/" },
                                 { name: "Features", id: "/#features" },
+                                
                                 { name: "Testimonials", id: "/#testimonials" },
-                                { name: "Blog", id: "/blog" },
-                                { name: "Shop", id: "/shop" },
                                 { name: "Contact", id: "/#contact" }
                             ]}
                             brandName="NoteGenius AI"
@@ -171,9 +171,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                             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" }] },
-                                { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "/#faq" }] }
+                                { title: "Product", items: [{ label: "Features", href: "/#features" }] },
+                                { title: "Company", items: [] },
+                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                             ]}
                             logoText="NoteGenius AI"
                             copyrightText="© 2024 NoteGenius AI. All rights reserved."
@@ -192,19 +192,19 @@ function ProductPageContent({ params }: ProductPageProps) {
             contentWidth="mediumSmall"
             sizing="largeSmallSizeMediumTitles"
             background="noiseDiagonalGradient"
-            cardStyle="gradient-bordered"
+            cardStyle="glass-elevated"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="radial-glow"
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         navItems={[
+                            { name: "Home", id: "/" },
                             { name: "Features", id: "/#features" },
+                            
                             { name: "Testimonials", id: "/#testimonials" },
-                            { name: "Blog", id: "/blog" },
-                            { name: "Shop", id: "/shop" },
                             { name: "Contact", id: "/#contact" }
                         ]}
                         brandName="NoteGenius AI"
@@ -252,9 +252,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                         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" }] },
-                            { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "/#faq" }] }
+                            { title: "Product", items: [{ label: "Features", href: "/#features" }] },
+                            { 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

@@ -26,19 +26,19 @@ function ShopPageContent() {
                 contentWidth="mediumSmall"
                 sizing="largeSmallSizeMediumTitles"
                 background="noiseDiagonalGradient"
-                cardStyle="gradient-bordered"
+                cardStyle="glass-elevated"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="radial-glow"
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             navItems={[
+                                { name: "Home", id: "/" },
                                 { name: "Features", id: "/#features" },
+                                
                                 { name: "Testimonials", id: "/#testimonials" },
-                                { name: "Blog", id: "/blog" },
-                                { name: "Shop", id: "/shop" },
                                 { name: "Contact", id: "/#contact" }
                             ]}
                             brandName="NoteGenius AI"
@@ -55,9 +55,9 @@ function ShopPageContent() {
                             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" }] },
-                                { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "/#faq" }] }
+                                { title: "Product", items: [{ label: "Features", href: "/#features" }] },
+                                { title: "Company", items: [] },
+                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                             ]}
                             logoText="NoteGenius AI"
                             copyrightText="© 2024 NoteGenius AI. All rights reserved."
@@ -76,19 +76,19 @@ function ShopPageContent() {
             contentWidth="mediumSmall"
             sizing="largeSmallSizeMediumTitles"
             background="noiseDiagonalGradient"
-            cardStyle="gradient-bordered"
+            cardStyle="glass-elevated"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="radial-glow"
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         navItems={[
+                            { name: "Home", id: "/" },
                             { name: "Features", id: "/#features" },
+                            
                             { name: "Testimonials", id: "/#testimonials" },
-                            { name: "Blog", id: "/blog" },
-                            { name: "Shop", id: "/shop" },
                             { name: "Contact", id: "/#contact" }
                         ]}
                         brandName="NoteGenius AI"
@@ -111,9 +111,9 @@ function ShopPageContent() {
                         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" }] },
-                            { "title": "Resources", "items": [{ "label": "Blog", "href": "/blog" }, { "label": "Support", "href": "/#faq" }] }
+                            { title: "Product", items: [{ label: "Features", href: "/#features" }] },
+                            { title: "Company", items: [] },
+                            { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                         ]}
                         logoText="NoteGenius AI"
                         copyrightText="© 2024 NoteGenius AI. All rights reserved."