Merge version_12 into main

Merge version_12 into main

src/app/page.tsx

@@ -1,7 +1,8 @@
-"use client";
+'use client';
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/ThemeProvider';
-import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
+import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
+import { Sparkles } from 'lucide-react';
 
 export default function Home() {
   return (
@@ -9,24 +10,21 @@ export default function Home() {
       defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
       background="aurora"
       cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="normal"
     >
-      <div id="nav" data-section="nav">
+      <NavbarStyleMinimal
-        <NavbarStyleMinimal
+        brandName="Webild"
-          brandName="Webild"
+        button={{ text: 'Get Started', href: 'https://webild.io' }}
-          button={{ text: "Get Started", href: "https://webild.io" }}
+      />
-        />
-      </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero">
+        {/* Static image carousel replacement */}
         <div className="w-full bg-gradient-to-b from-background via-background to-card py-16 px-4 md:px-8">
           <div className="max-w-7xl mx-auto">
+            {/* Grid of static images */}
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
               <div className="aspect-video bg-accent rounded-lg overflow-hidden">
                 <img