Update src/app/shop/page.tsx

Merge version_7 into main

src/app/blog/page.tsx

@@ -33,10 +33,10 @@ export default function BlogPage() {
                             { 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>
 
@@ -63,7 +63,7 @@ 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" }] },
                                { title: "Company", items: [] },
                                { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                            ]}

src/app/page.tsx

@@ -5,15 +5,14 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 
-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 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, Smile } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
@@ -33,15 +32,15 @@ export default function LandingPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Features", id: "#features" },
-              { name: "Products", id: "#products" },
-              { name: "Testimonials", id: "#testimonials" },
+              { 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>
         <div id="hero" data-section="hero">
@@ -51,8 +50,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"
@@ -62,14 +61,13 @@ export default function LandingPage() {
         </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." },
-              { 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", 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" },
+              { 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" },
+              { 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" }
             ]}
             animationType="slide-up"
             textboxLayout="default"
@@ -166,7 +164,7 @@ 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" }] },
               { title: "Company", items: [] },
               { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
             ]}

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

@@ -98,7 +98,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { 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) }}
@@ -114,7 +114,7 @@ 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: "Product", items: [{ label: "Features", href: "/#features" }] },
                                 { title: "Company", items: [] },
                                 { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                             ]}
@@ -151,7 +151,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { 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) }}
@@ -175,7 +175,7 @@ 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: "Product", items: [{ label: "Features", href: "/#features" }] },
                                 { title: "Company", items: [] },
                                 { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                             ]}
@@ -211,7 +211,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                             { 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) }}
@@ -258,7 +258,7 @@ 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: "Product", items: [{ label: "Features", href: "/#features" }] },
                             { title: "Company", items: [] },
                             { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                         ]}

src/app/shop/page.tsx

@@ -41,7 +41,7 @@ function ShopPageContent() {
                                 { 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: () => {} }}
@@ -57,7 +57,7 @@ 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: "Product", items: [{ label: "Features", href: "/#features" }] },
                                 { title: "Company", items: [] },
                                 { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                             ]}
@@ -93,7 +93,7 @@ function ShopPageContent() {
                             { 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: () => {} }}
@@ -115,7 +115,7 @@ 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: "Product", items: [{ label: "Features", href: "/#features" }] },
                             { title: "Company", items: [] },
                             { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
                         ]}