Update src/app/shop/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -56,19 +56,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroLogoBillboard
-          title="Revolutionize Your CRM with AI Intelligence"
+          logoText="CRM AI"
           description="Unleash the power of artificial intelligence to automate tasks, gain deeper customer insights, and drive unparalleled growth for your business."
           background={{variant:"sparkles-gradient"}}
           buttons={[{text:"Get Started Free",href:"#contact"},{text:"Watch Demo",href:"#features"}]}
           buttonAnimation="slide-up"
-          mediaItems={[
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-user-friendly-interface-showcasing-ai--1771626574716-a33c15c9.png?_wi=1"
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-user-friendly-interface-showcasing-ai--1771626574716-a33c15c9.png?_wi=1", imageAlt: "AI-Powered Automation Interface" },
+          imageAlt="AI-Powered Automation Interface"
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-ai-crm-platform-displaying-deep-custo-1771626574569-fd46e2c4.png?_wi=1", imageAlt: "Customer Insights Dashboard" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-crm-interface-demonstrating-ai-driven--1771626575190-6adb5515.png?_wi=1", imageAlt: "Personalized Customer Engagement" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-dark-themed-ai-dashboard-with-ke-1771626574319-f8745f67.png?_wi=1", imageAlt: "AI CRM dashboard for contact section" }
-          ]}
           mediaAnimation="opacity"
+          frameStyle="card"
           className="min-h-[calc(100svh-var(--navbar-height))] md:min-h-[calc(100vh-var(--navbar-height))] pt-[var(--navbar-height))]"
         />
       </div>
@@ -84,13 +81,17 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTen
+        <FeatureCardTwentyThree
           title="Smart Features Designed for Your Success"
           description="Our AI CRM platform comes packed with intelligent tools to streamline operations, enhance customer relationships, and accelerate your business growth."
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
-          features={[{id:"1",title:"AI-Powered Automation",description:"Automate repetitive tasks like data entry, lead scoring, and email sequences, freeing up your team to focus on high-value activities.",media:{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-user-friendly-interface-showcasing-ai--1771626574716-a33c15c9.png?_wi=2",imageAlt:"AI-Powered Automation Interface"},items:[{icon:Workflow,text:"Automated Lead Qualification"},{icon:Mail,text:"Intelligent Email Campaigns"},{icon:ClipboardCheck,text:"Smart Task Prioritization"}],reverse:false},{id:"2",title:"Deep Customer Insights",description:"Leverage AI to analyze customer behavior, predict churn, and identify cross-selling opportunities, giving you a 360-degree view of your clients.",media:{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-ai-crm-platform-displaying-deep-custo-1771626574569-fd46e2c4.png?_wi=2",imageAlt:"Customer Insights Dashboard"},items:[{icon:BarChart2,text:"Predictive Analytics"},{icon:Smile,text:"Sentiment Analysis"},{icon:Target,text:"Customer Segmentation"}],reverse:true},{id:"3",title:"Personalized Engagement",description:"Deliver hyper-personalized experiences across all touchpoints with AI-driven content recommendations and adaptive communication strategies.",media:{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-crm-interface-demonstrating-ai-driven--1771626575190-6adb5515.png?_wi=2",imageAlt:"Personalized Customer Engagement"},items:[{icon:User,text:"Dynamic Content Delivery"},{icon:MessageSquare,text:"AI-Powered Chatbots"},{icon:Heart,text:"Enhanced Customer Loyalty"}],reverse:false}]}
+          features={[
+            {id:"1",title:"AI-Powered Automation",tags:["AI Capabilities","AI-Powered Feature"],imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-user-friendly-interface-showcasing-ai--1771626574716-a33c15c9.png?_wi=2",imageAlt:"AI-Powered Automation Interface"},
+            {id:"2",title:"Deep Customer Insights",tags:["AI Capabilities","Deep Feature"],imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-ai-crm-platform-displaying-deep-custo-1771626574569-fd46e2c4.png?_wi=2",imageAlt:"Customer Insights Dashboard"},
+            {id:"3",title:"Personalized Engagement",tags:["AI Capabilities","Personalized Feature"],imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-crm-interface-demonstrating-ai-driven--1771626575190-6adb5515.png?_wi=2",imageAlt:"Personalized Customer Engagement"}
+          ]}
           tag="AI Capabilities"
           className="py-16 md:py-24"
         />

src/app/shop/page.tsx

@@ -31,7 +31,9 @@ export default function ShopPage() {
         getCheckoutItems,
     } = useCart();
 
-    const { checkout, isLoading: isCheckoutLoading } = useCheckout();
+    const {
+        checkout, isLoading: isCheckoutLoading
+    } = useCheckout();
 
     const handleCheckout = useCallback(async () => {
         if (cartItems.length === 0) return;