Update src/app/shop/page.tsx

Update src/app/shop/[id]/page.tsx
Update src/app/page.tsx
2026-02-21 21:52:34 +00:00 · 2026-02-21 21:52:33 +00:00 · 2026-02-21 21:52:32 +00:00 · 2026-02-21 21:52:31 +00:00 · 2026-02-21 21:35:33 +00:00 · 2026-02-21 21:35:29 +00:00
4 changed files with 76 additions and 55 deletions
--- a/src/app/blog/page.tsx
+++ b/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,14 +27,16 @@ export default function BlogPage() {
                <div id="nav" data-section="nav">
                    <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" }
+                            { name: "Contact", id: "#contact" }
                        ]}
                        brandName="NoteGenius AI"
-                        button={{ text: "Get Started", href: "/#contact" }}
+                        button={{ text: "Get Started", href: "#contact" }}
                    />
                </div>

@@ -44,8 +46,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 +64,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"
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,12 +4,13 @@ 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 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";

@@ -31,11 +32,13 @@ 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: "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" }}
@@ -57,18 +60,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"
@@ -100,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"
@@ -136,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">
@@ -158,7 +167,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"
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,14 +89,16 @@ 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: "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) }}
@@ -112,9 +114,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,14 +142,16 @@ 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: "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) }}
@@ -171,9 +175,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,14 +202,16 @@ 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: "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) }}
@@ -252,9 +258,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."
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -32,14 +32,16 @@ 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: "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: () => {} }}
@@ -55,9 +57,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,14 +84,16 @@ 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: "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: () => {} }}
@@ -111,9 +115,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."
Author	SHA1	Message	Date
bender	e48ef51342	Update src/app/shop/page.tsx	2026-02-21 21:52:34 +00:00
bender	cc820db3f1	Update src/app/shop/[id]/page.tsx	2026-02-21 21:52:33 +00:00
bender	e9c6798cae	Update src/app/page.tsx	2026-02-21 21:52:32 +00:00
bender	d437d857f7	Update src/app/blog/page.tsx	2026-02-21 21:52:31 +00:00
bender	229b504ba3	Merge version_5 into main Merge version_5 into main	2026-02-21 21:35:33 +00:00
bender	34ab8d8034	Update src/app/shop/page.tsx	2026-02-21 21:35:29 +00:00
bender	9767c21a06	Update src/app/shop/[id]/page.tsx	2026-02-21 21:35:28 +00:00
bender	2f9fea6691	Update src/app/page.tsx	2026-02-21 21:35:28 +00:00
bender	855e69c99d	Update src/app/blog/page.tsx	2026-02-21 21:35:26 +00:00
bender	6d8ca2cb69	Merge version_4 into main Merge version_4 into main	2026-02-21 20:27:33 +00:00
bender	4070884819	Update src/app/shop/page.tsx	2026-02-21 20:27:29 +00:00
bender	3fa724e52c	Update src/app/shop/[id]/page.tsx	2026-02-21 20:27:28 +00:00
bender	dfbc4f11be	Update src/app/page.tsx	2026-02-21 20:27:28 +00:00
bender	b4d8651651	Update src/app/blog/page.tsx	2026-02-21 20:27:26 +00:00
bender	f39b970f76	Merge version_4 into main Merge version_4 into main	2026-02-21 20:23:02 +00:00
bender	8f721af898	Update src/app/shop/page.tsx	2026-02-21 20:22:58 +00:00
bender	b2b97c63ce	Update src/app/shop/[id]/page.tsx	2026-02-21 20:22:57 +00:00
bender	dc9203e7f1	Update src/app/page.tsx	2026-02-21 20:22:56 +00:00
bender	b258501d21	Update src/app/blog/page.tsx	2026-02-21 20:22:55 +00:00
bender	973a80cbf4	Merge version_2 into main Merge version_2 into main	2026-02-21 19:52:50 +00:00