Update src/app/shop/page.tsx

Merge version_7 into main

src/app/blog/page.tsx

@@ -31,9 +31,9 @@ export default function BlogPage() {
         >
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
-                    navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+                    navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                     brandName="CRM AI"
-                    button={{ text: "Get Started", href: "#contact" }}
+                    button={{ text: "Get Started", href: "/#contact" }}
                     buttonClassName="min-w-[120px] justify-center"
                     buttonTextClassName="relative top-[0.5px]"
                     className="z-50 backdrop-blur-md"
@@ -66,10 +66,6 @@ export default function BlogPage() {
                     copyrightText="© 2024 | CRM AI. All rights reserved."
                     socialLinks={footerSocialLinks}
                     className="py-16 md:py-20"
-                    cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                    logoClassName="text-lg font-bold"
-                    copyrightTextClassName="text-sm text-foreground/70"
-                    socialContainerClassName="gap-x-4"
                 />
             </div>
         </ThemeProvider>

src/app/features/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import {
   Github,
   Linkedin,
@@ -17,13 +17,13 @@ const socialLinks = [
 ];
 
 const featuresData = [
-    {id: 1, title: "Intelligent Lead Scoring", description: "Automatically prioritize high-value leads with AI-driven scoring, focusing your sales efforts where they matter most.", imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "Intelligent Lead Scoring illustration"},
-    {id: 2, title: "Automated Task Management", description: "Streamline operations by automating repetitive tasks, freeing up your team to focus on strategic initiatives.", imageSrc: "/placeholders/placeholder2.webp?_wi=1", imageAlt: "Automated Task Management illustration"},
-    {id: 3, title: "Predictive Analytics Dashboard", description: "Gain foresight with advanced analytics, predicting customer churn and future trends to stay ahead of the curve.", imageSrc: "/placeholders/placeholder3.webp?_wi=1", imageAlt: "Predictive Analytics Dashboard illustration"},
-    {id: 4, title: "Enhanced Data Security", description: "Protect sensitive customer information with robust encryption and AI-powered threat detection, ensuring compliance and trust.", imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Enhanced Data Security illustration"},
-    {id: 5, title: "Customizable Workflow Automation", description: "Tailor workflows to your unique business needs, automating processes from onboarding to customer support with ease.", imageSrc: "/placeholders/placeholder2.webp?_wi=2", imageAlt: "Customizable Workflow Automation illustration"},
-    {id: 6, title: "Omnichannel Customer Engagement", description: "Connect with customers across all channels seamlessly, providing consistent and personalized experiences at every touchpoint.", imageSrc: "/placeholders/placeholder3.webp?_wi=2", imageAlt: "Omnichannel Customer Engagement illustration"}
-  ];
+    {id: "1", title: "Intelligent Lead Scoring", description: "Automatically prioritize high-value leads with AI-driven scoring, focusing your sales efforts where they matter most.", imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "Intelligent Lead Scoring illustration"},
+    {id: "2", title: "Automated Task Management", description: "Streamline operations by automating repetitive tasks, freeing up your team to focus on strategic initiatives.", imageSrc: "/placeholders/placeholder2.webp?_wi=1", imageAlt: "Automated Task Management illustration"},
+    {id: "3", title: "Predictive Analytics Dashboard", description: "Gain foresight with advanced analytics, predicting customer churn and future trends to stay ahead of the curve.", imageSrc: "/placeholders/placeholder3.webp?_wi=1", imageAlt: "Predictive Analytics Dashboard illustration"},
+    {id: "4", title: "Enhanced Data Security", description: "Protect sensitive customer information with robust encryption and AI-powered threat detection, ensuring compliance and trust.", imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Enhanced Data Security illustration"},
+    {id: "5", title: "Customizable Workflow Automation", description: "Tailor workflows to your unique business needs, automating processes from onboarding to customer support with ease.", imageSrc: "/placeholders/placeholder2.webp?_wi=2", imageAlt: "Customizable Workflow Automation illustration"},
+    {id: "6", title: "Omnichannel Customer Engagement", description: "Connect with customers across all channels seamlessly, providing consistent and personalized experiences at every touchpoint.", imageSrc: "/placeholders/placeholder3.webp?_wi=2", imageAlt: "Omnichannel Customer Engagement illustration"}
+  ].map(feature => ({...feature, tags: ["Key Features"]}));
 
 export default function FeaturesPage() {
   return (
@@ -41,9 +41,9 @@ export default function FeaturesPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+          navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
           brandName="CRM AI"
-          button={{text:"Get Started",href:"#contact"}}
+          button={{text:"Get Started",href:"/#contact"}}
           buttonClassName="min-w-[120px] justify-center"
           buttonTextClassName="relative top-[0.5px]"
           className="z-50 backdrop-blur-md"
@@ -51,12 +51,13 @@ export default function FeaturesPage() {
       </div>
 
       <div id="features-glow" data-section="features-glow">
-        <FeatureCardSix
+        <FeatureCardTwentyThree
           title="Discover Our Cutting-Edge AI Capabilities"
           description="Explore the powerful features that make our AI CRM platform an industry leader, designed to supercharge your business growth."
           textboxLayout="default"
           useInvertedBackground={false}
           features={featuresData}
+          animationType="slide-up"
           tag="Key Features"
           className="py-16 md:py-24"
         />
@@ -68,10 +69,6 @@ export default function FeaturesPage() {
           copyrightText="© 2024 | CRM AI. All rights reserved."
           socialLinks={socialLinks}
           className="py-16 md:py-20"
-          cardClassName="py-10 px-6 sm:px-10 md:px-12"
-          logoClassName="text-lg font-bold"
-          copyrightTextClassName="text-sm text-foreground/70"
-          socialContainerClassName="gap-x-4"
         />
       </div>
     </ThemeProvider>

src/app/page.tsx

@@ -37,9 +37,9 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+          navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
           brandName="CRM AI"
-          button={{text:"Get Started",href:"#contact"}}
+          button={{text:"Get Started",href:"/#contact"}}
           buttonClassName="min-w-[120px] justify-center"
           buttonTextClassName="relative top-[0.5px]"
           className="z-50 backdrop-blur-md"
@@ -99,10 +99,6 @@ export default function LandingPage() {
           products={[{id:"1",name:"AI Sales Optimizer",price:"Starting at $49/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-vibrant-modern-icon-or-illustration-re-1771626573834-d77afcef.png",imageAlt:"AI Sales Optimizer Icon"},{id:"2",name:"AI Marketing Pro",price:"Starting at $59/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-modern-icon-or-illustration-for-ai-dri-1771626572901-3adfb3ff.png",imageAlt:"AI Marketing Pro Icon"},{id:"3",name:"AI Support Assistant",price:"Starting at $39/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-illustration-for-ai-customer-support--1771626573048-9700743d.png",imageAlt:"AI Support Assistant Icon"},{id:"4",name:"AI Analytics Hub",price:"Starting at $69/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-illustration-for-advanced-ai-analytic-1771626574005-002b152d.png",imageAlt:"AI Analytics Hub Icon"}]}
           tag="Solutions"
           className="py-16 md:py-24"
-          cardClassName="aspect-square flex flex-col justify-center items-center text-center p-6"
-          imageClassName="h-24 w-24 object-contain mb-4"
-          cardNameClassName="text-lg font-semibold mb-1"
-          cardPriceClassName="text-foreground/70"
         />
       </div>
 
@@ -113,7 +109,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           logos={["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572220-dfa321d5.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626573321-61cbafdb.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572947-a15277fd.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572938-88bc6de9.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626573368-a0ef15c0.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572744-1bc62af8.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572459-2e1fd664.png"]}
-          names={[]}
+          names={["TechCorp", "Innovate Inc.", "Quantum Solutions", "Stellar AI", "Nexus Dynamics", "Future Systems", "Apex Innovations"]}
           tag="Partnerships"
           speed={30}
           showCard={true}
@@ -177,10 +173,6 @@ export default function LandingPage() {
           copyrightText="© 2024 | CRM AI. All rights reserved."
           socialLinks={[{icon:Twitter,href:"https://twitter.com",ariaLabel:"Twitter"},{icon:Linkedin,href:"https://linkedin.com",ariaLabel:"LinkedIn"},{icon:Github,href:"https://github.com",ariaLabel:"GitHub"}]}
           className="py-16 md:py-20"
-          cardClassName="py-10 px-6 sm:px-10 md:px-12"
-          logoClassName="text-lg font-bold"
-          copyrightTextClassName="text-sm text-foreground/70"
-          socialContainerClassName="gap-x-4"
         />
       </div>
     </ThemeProvider>

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

@@ -94,7 +94,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
-                            navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+                            navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                             brandName="CRM AI"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             buttonClassName="min-w-[120px] justify-center"
@@ -115,10 +115,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                             ]}
                             className="py-16 md:py-20"
-                            cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                            logoClassName="text-lg font-bold"
-                            copyrightTextClassName="text-sm text-foreground/70"
-                            socialContainerClassName="gap-x-4"
                         />
                     </div>
                 </ReactLenis>
@@ -143,7 +139,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
-                            navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+                            navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                             brandName="CRM AI"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             buttonClassName="min-w-[120px] justify-center"
@@ -172,10 +168,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                             ]}
                             className="py-16 md:py-20"
-                            cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                            logoClassName="text-lg font-bold"
-                            copyrightTextClassName="text-sm text-foreground/70"
-                            socialContainerClassName="gap-x-4"
                         />
                     </div>
                 </ReactLenis>
@@ -199,7 +191,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
-                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                         brandName="CRM AI"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         buttonClassName="min-w-[120px] justify-center"
@@ -253,10 +245,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                             { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                         ]}
                         className="py-16 md:py-20"
-                        cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                        logoClassName="text-lg font-bold"
-                        copyrightTextClassName="text-sm text-foreground/70"
-                        socialContainerClassName="gap-x-4"
                     />
                 </div>
             </ReactLenis>

src/app/shop/page.tsx

@@ -61,7 +61,7 @@ export default function ShopPage() {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
-                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                         brandName="CRM AI"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         buttonClassName="min-w-[120px] justify-center"
@@ -82,10 +82,6 @@ export default function ShopPage() {
                                 { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                             ]}
                             className="py-16 md:py-20"
-                            cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                            logoClassName="text-lg font-bold"
-                            copyrightTextClassName="text-sm text-foreground/70"
-                            socialContainerClassName="gap-x-4"
                         />
                     </div>
                 </ReactLenis>
@@ -109,7 +105,7 @@ export default function ShopPage() {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
-                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                         brandName="CRM AI"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         buttonClassName="min-w-[120px] justify-center"
@@ -153,10 +149,6 @@ export default function ShopPage() {
                             { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                         ]}
                         className="py-16 md:py-20"
-                        cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                        logoClassName="text-lg font-bold"
-                        copyrightTextClassName="text-sm text-foreground/70"
-                        socialContainerClassName="gap-x-4"
                     />
                 </div>
             </ReactLenis>

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }