src/app/page.tsx

@@ -2,35 +2,26 @@
 
 import ReactLenis from "lenis/react";
 import HeroCentered from "@/components/sections/hero/HeroCentered";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Zap, Shield, Rocket, Target, Sparkles } from "lucide-react";
 
 export default function SaasTemplatePage() {
-    const avatars = [
-        { src: "/templates/luxury-travel-agency/testimonial/testimonial1.webp", alt: "User 1" },
-        { src: "/templates/skincare/image5.avif", alt: "User 1" },
-        { src: "/templates/skincare/image7.avif", alt: "User 1" },
-        { src: "/templates/skincare/image8.avif", alt: "User 1" },
-    ];
-
     return (
         <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
             <ReactLenis root>
+                <NavbarStyleCentered 
+                    navItems={[]}
+                    brandName="Glancerr Studio"
+                    className="fixed top-0 left-0 right-0 z-50 bg-transparent"
+                />
                 <div id="hero">
                     <HeroCentered
                         background={{ variant: "rotated-rays-animated-grid" }}
-                        avatars={avatars}
-                        avatarText="Trusted by 1000+ users"
-                        title="Glancerr Studio"
-                        description="Building software"
+                        title="Building amazing software"
+                        description=""
                         buttons={[]}
-                        marqueeItems={[
-                            { type: "text-icon", text: "Lightning Fast", icon: Zap },
-                            { type: "text-icon", text: "Enterprise Security", icon: Shield },
-                            { type: "text-icon", text: "99.9% Uptime", icon: Rocket },
-                            { type: "text-icon", text: "Precision Targeting", icon: Target },
-                            { type: "text-icon", text: "AI Powered", icon: Sparkles },
-                        ]}
+                        carouselItems={[]}
+                        autoPlay={false}
                     />
                 </div>
             </ReactLenis>