Update src/app/page.tsx

Merge version_1 into main

src/app/layout.tsx

@@ -18,7 +18,7 @@ export const metadata: Metadata = {
   openGraph: {
     title: "CRM AI Platform - Intelligent Customer Management",    description: "Revolutionize your CRM with AI. Automate tasks, gain deep customer insights, and drive growth with our cutting-edge AI CRM platform.",    url: "https://crm-ai.com",    siteName: "CRM AI",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-futuristic-background-for-an-1771626573815-22f21f54.png",        alt: "AI CRM Platform Dashboard"},
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-futuristic-background-for-an-1771626573815-22f21f54.png",        alt: "AI CRM Platform Dashboard"}
     ],
     type: "website"},
   twitter: {

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -11,23 +11,23 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { 
+import {
-  BarChart2, 
+  BarChart2,
-  ClipboardCheck, 
+  ClipboardCheck,
-  Github, 
+  Github,
-  Globe, 
+  Globe,
-  Heart, 
+  Heart,
-  Linkedin, 
+  Linkedin,
-  Mail, 
+  Mail,
-  MessageSquare, 
+  MessageSquare,
-  Smile, 
+  Smile,
-  Target, 
+  Target,
-  TrendingUp, 
+  TrendingUp,
-  Twitter, 
+  Twitter,
-  User, 
+  User,
-  Users, 
+  Users,
-  Workflow, 
+  Workflow,
-  Zap 
+  Zap
 } from 'lucide-react';
 
 export default function LandingPage() {
@@ -45,7 +45,7 @@ export default function LandingPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay 
+        <NavbarLayoutFloatingOverlay
           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"}}
@@ -56,20 +56,25 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered 
+        <HeroBillboardGallery
           title="Revolutionize Your CRM with AI Intelligence"
           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"}}
-          avatars={[{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626574115-d7a13233.png",alt:"User 1"},{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626573670-0e58ea72.png",alt:"User 2"},{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626572873-fea810d0.png",alt:"User 3"}]}
-          avatarText="Trusted by 5,000+ businesses worldwide"
           buttons={[{text:"Get Started Free",href:"#contact"},{text:"Watch Demo",href:"#features"}]}
           buttonAnimation="slide-up"
-          className="min-h-[calc(100svh-var(--navbar-height))] md:min-h-[calc(100vh-var(--navbar-height))] pt-[var(--navbar-height)]"
+          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", 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"
+          className="min-h-[calc(100svh-var(--navbar-height))] md:min-h-[calc(100vh-var(--navbar-height))] pt-[var(--navbar-height))]"
         />
       </div>
 
       <div id="metrics" data-section="metrics">
-        <AboutMetric 
+        <AboutMetric
           title="Experience Tangible Results with Our AI CRM"
           metrics={[{icon:Zap,label:"Sales Efficiency Boost",value:"70%"},{icon:Users,label:"Customer Satisfaction",value:"95%"},{icon:TrendingUp,label:"Revenue Growth",value:"2.5x"},{icon:Globe,label:"Global Adoption",value:"1500+"}]}
           metricsAnimation="slide-up"
@@ -79,20 +84,20 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTen 
+        <FeatureCardTen
           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",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",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",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",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}]}
           tag="AI Capabilities"
           className="py-16 md:py-24"
         />
       </div>
 
       <div id="products" data-section="products">
-        <ProductCardOne 
+        <ProductCardOne
           title="Explore Our AI CRM Modules"
           description="Discover specialized modules designed to optimize every aspect of your customer relationship management."
           textboxLayout="default"
@@ -110,7 +115,7 @@ export default function LandingPage() {
       </div>
 
       <div id="social-proof" data-section="social-proof">
-        <SocialProofOne 
+        <SocialProofOne
           title="Trusted by Leading Innovators"
           description="Join the ranks of top companies leveraging AI to transform their CRM strategies."
           textboxLayout="default"
@@ -125,7 +130,7 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen 
+        <TestimonialCardSixteen
           title="Hear from Our Satisfied Clients"
           description="Real stories from businesses that revolutionized their CRM with our AI platform."
           textboxLayout="default"
@@ -139,7 +144,7 @@ export default function LandingPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia 
+        <FaqSplitMedia
           title="Frequently Asked Questions"
           description="Find quick answers to the most common questions about our AI CRM platform."
           textboxLayout="default"
@@ -156,13 +161,13 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit 
+        <ContactSplit
           tag="Get Started"
           title="Ready to Transform Your CRM?"
           description="Connect with our experts to discover how our AI platform can drive unprecedented growth for your business."
           background={{variant:"sparkles-gradient"}}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-dark-themed-ai-dashboard-with-ke-1771626574319-f8745f67.png"
+          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=2"
           imageAlt="AI CRM dashboard for contact section"
           mediaAnimation="opacity"
           mediaPosition="left"
@@ -175,7 +180,7 @@ export default function LandingPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard 
+        <FooterCard
           logoText="CRM AI"
           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"}]}

src/app/shop/page.tsx

@@ -59,7 +59,7 @@ export default function ShopPage() {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                     <NavbarLayoutFloatingOverlay
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
                         brandName="CRM AI"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         buttonClassName="min-w-[120px] justify-center"