Update src/app/shop/page.tsx

Merge version_2 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();
@@ -27,6 +27,7 @@ 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" },
@@ -44,8 +45,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"
@@ -62,7 +63,7 @@ export default function BlogPage() {
                            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: "Company", items: [] },
                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                            ]}
                            logoText="NoteGenius AI"

src/app/page.tsx

@@ -4,7 +4,7 @@ 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';
@@ -31,11 +31,12 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             navItems={[
-              { name: "Features", id: "features" },
-              { name: "Testimonials", id: "testimonials" },
+              { name: "Home", id: "/" },
+              { name: "Features", id: "#features" },
+              { 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" }}
@@ -57,18 +58,7 @@ 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
             title="Intelligent Features Designed for Business"
@@ -158,7 +148,7 @@ export default function LandingPage() {
             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: "Company", items: [] },
               { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
             ]}
             logoText="NoteGenius AI"

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

@@ -89,9 +89,10 @@ 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: "Features", id: "/#features" },
                                 { name: "Testimonials", id: "/#testimonials" },
                                 { name: "Blog", id: "/blog" },
@@ -112,9 +113,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" }, { 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."
@@ -140,9 +141,10 @@ 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: "Features", id: "/#features" },
                                 { name: "Testimonials", id: "/#testimonials" },
                                 { name: "Blog", id: "/blog" },
@@ -171,9 +173,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" }, { 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."
@@ -198,9 +200,10 @@ 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: "Features", id: "/#features" },
                             { name: "Testimonials", id: "/#testimonials" },
                             { name: "Blog", id: "/blog" },
@@ -252,9 +255,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" }, { 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,10 @@ function ShopPageContent() {
                 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" },
@@ -55,9 +56,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" }, { 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."
@@ -82,9 +83,10 @@ function ShopPageContent() {
             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" },
@@ -111,9 +113,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" }, { 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."