src/app/page.tsx

@@ -1,8 +1,7 @@
-'use client';
+"use client";
 
-import { ThemeProvider } from '@/providers/ThemeProvider';
-import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
-import { Sparkles } from 'lucide-react';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
 
 export default function Home() {
   return (
@@ -10,21 +9,24 @@ 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"
     >
-      <NavbarStyleMinimal
-        brandName="Webild"
-        button={{ text: 'Get Started', href: 'https://webild.io' }}
-      />
+      <div id="nav" data-section="nav">
+        <NavbarStyleMinimal
+          brandName="Webild"
+          button={{ text: "Get Started", href: "https://webild.io" }}
+        />
+      </div>
 
-      <div id="hero">
-        {/* Static image carousel replacement */}
+      <div id="hero" data-section="hero">
         <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