Update src/app/page.tsx

src/app/page.tsx

@@ -1,7 +1,6 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles } from "lucide-react";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
 import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
@@ -27,10 +26,6 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleMinimal
           brandName="Ben"
-          button={{
-            text: "Get in Touch",
-            href: "#contact"
-          }}
         />
       </div>
       
@@ -38,25 +33,17 @@ export default function LandingPage() {
         <HeroBillboardMetrics
           title="3D Artist & Blender Specialist"
           description="Crafting immersive digital experiences through advanced 3D modeling, rendering, and animation. Transforming concepts into stunning visual reality."
-          tag="3D Creative"
-          tagIcon={Sparkles}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888719283-nfmcx166.jpg"
-          imageAlt="Hero 3D render"
-          frameStyle="card"
-          metricsLabel="Trusted by studios and brands worldwide"
           metrics={[
             {
-              id: "1",
               value: "8+",
               label: "Years in 3D"
             },
             {
-              id: "2",
               value: "150+",
               label: "Projects Completed"
             },
             {
-              id: "3",
               value: "50+",
               label: "Happy Clients"
             }
@@ -80,41 +67,30 @@ export default function LandingPage() {
           description="Explore my latest 3D renders and creative projects. Each piece showcases technical expertise and artistic vision."
           products={[
             {
-              id: "1",
               name: "Character Modeling",
               price: "Portfolio",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888720392-ehsyl2xj.jpg",
-              imageAlt: "3D character model",
               description: "Advanced character sculpting and topology optimization using Blender. Includes rigging setup, UV unwrapping, and texture preparation for animation pipelines."
             },
             {
-              id: "2",
               name: "Visual Effects",
               price: "Portfolio",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888721289-rze89n00.jpg",
-              imageAlt: "3D animation and effects",
               description: "Particle systems, simulations, and motion graphics. Built with Blender's Geometry Nodes and shader effects to create dynamic visual experiences."
             },
             {
-              id: "3",
               name: "Product Rendering",
               price: "Portfolio",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888722652-paaoqfev.jpg",
-              imageAlt: "3D product render",
               description: "High-fidelity product visualization with photorealistic lighting and materials. Optimized for e-commerce and marketing presentations."
             }
           ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
         />
       </div>
       
       <div id="about" data-section="about">
         <TextAbout
-          title="I bring imagination to life through cutting-edge 3D technology and creative storytelling"
+          description="I bring imagination to life through cutting-edge 3D technology and creative storytelling"
-          useInvertedBackground="noInvert"
         />
       </div>
       
@@ -124,47 +100,37 @@ export default function LandingPage() {
           description="Specialized expertise in 3D creation and digital art production"
           features={[
             {
-              id: 1,
               title: "3D Modeling",
               description: "Advanced character and environment modeling using Blender and industry-standard techniques",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888720392-ehsyl2xj.jpg"
             },
             {
-              id: 2,
               title: "Rendering & Shading",
               description: "Photorealistic rendering with Cycles and specialized material development",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888721289-rze89n00.jpg"
             },
             {
-              id: 3,
               title: "Animation",
               description: "Smooth character rigging, motion capture, and keyframe animation",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888722652-paaoqfev.jpg"
             }
           ]}
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
         />
       </div>
       
       <div id="contact" data-section="contact">
         <ContactSplit
-          tag="Get Started"
           title="Ready to bring your vision to life?"
           description="Interested in collaborating on your next 3D project? Reach out directly or subscribe for updates on my latest work."
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888725581-tp75ftz7.jpg"
-          imageAlt="Contact section"
-          mediaPosition="right"
           inputPlaceholder="your@email.com"
           buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe anytime."
-          useInvertedBackground="noInvert"
         />
       </div>
       
       <div id="footer" data-section="footer">
         <FooterBaseCard
-          logoText="Ben"
+          brandName="Ben"
           columns={[
             {
               title: "Work",