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"
@@ -74,4 +74,4 @@ export default function BlogPage() {
             </div>
         </ThemeProvider>
     );
-}
+}

src/app/features/page.tsx

@@ -37,9 +37,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"
@@ -80,4 +80,4 @@ export default function FeaturesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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 HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -56,19 +56,17 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
-          title="CRM AI"
+        <HeroLogoBillboardSplit
+          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"}}
-          avatars={[
-            { src: "https://via.placeholder.com/40", alt: "User Avatar 1" },
-            { src: "https://via.placeholder.com/40", alt: "User Avatar 2" },
-            { src: "https://via.placeholder.com/40", alt: "User Avatar 3" }
-          ]}
-          avatarText="Trusted by AI innovators"
           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)]"
+          layoutOrder="default"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-futuristic-background-for-an-1771626573815-22f21f54.png"
+          imageAlt="AI CRM Platform Dashboard"
+          mediaAnimation="opacity"
+          frameStyle="card"
         />
       </div>
 
@@ -196,4 +194,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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

@@ -51,7 +51,9 @@ function ProductPageContent({ params }: ProductPageProps) {
         getCheckoutItems,
     } = useCart();
 
-    const { buyNow, checkout, isLoading: isCheckoutLoading } = useCheckout();
+    const {
+        buyNow, checkout, isLoading: isCheckoutLoading
+    } = useCheckout();
 
     const handleAddToCart = useCallback(() => {
         const item = createCartItem();
@@ -92,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"
@@ -141,7 +143,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"
@@ -197,7 +199,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"
@@ -260,4 +262,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

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"
@@ -109,7 +109,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"
@@ -136,11 +136,11 @@ export default function ShopPage() {
                         onQuantityChange={updateQuantity}
                         onRemove={removeItem}
                         total={`$${cartTotal}`}
-                        buttons={[
+                        buttons=[
                             {
                                 text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
                             },
-                        ]}
+                        ]
                     />
                 </div>
                  <div id="footer" data-section="footer">
@@ -162,4 +162,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}