diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5defe44..dee5592 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,74 +18,39 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Contact", id: "contact" }
       ]}
-      brandName="Miscalation 3D"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background="rotated-rays-animated"
+      background={{ variant: "rotated-rays-animated" }}
       title="Precision 3D Visualization"
       description="Turning visionary concepts into photorealistic realities with advanced 3D modeling and rendering technologies."
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Start Project", href: "#contact" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/professional-3d-architectural-visualizat-1774646311752-db84c15a.png",
-          imageAlt: "3D Render 1",
-        },
-        {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/complex-engineering-3d-model-wireframe-s-1774646312158-c82eb752.png",
-          imageAlt: "3D Render 2",
-        },
-        {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/futuristic-product-3d-render-abstract-ge-1774646312430-5fbe42ba.png",
-          imageAlt: "3D Render 3",
-        },
-        {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/automotive-3d-visualization-sleek-design-1774646311910-9f263b79.png",
-          imageAlt: "3D Render 4",
-        },
-        {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/interior-design-3d-render-minimalist-sty-1774646312631-1479879e.png",
-          imageAlt: "3D Render 5",
-        },
-        {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/high-tech-industrial-product-render-futu-1774646312491-24b6d74a.png",
-          imageAlt: "3D Render 6",
-        },
+        { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/professional-3d-architectural-visualizat-1774646311752-db84c15a.png", imageAlt: "3D Render 1" },
+        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/complex-engineering-3d-model-wireframe-s-1774646312158-c82eb752.png", imageAlt: "3D Render 2" },
+        { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/futuristic-product-3d-render-abstract-ge-1774646312430-5fbe42ba.png", imageAlt: "3D Render 3" },
+        { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/automotive-3d-visualization-sleek-design-1774646311910-9f263b79.png", imageAlt: "3D Render 4" },
+        { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/interior-design-3d-render-minimalist-sty-1774646312631-1479879e.png", imageAlt: "3D Render 5" },
+        { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/high-tech-industrial-product-render-futu-1774646312491-24b6d74a.png", imageAlt: "3D Render 6" }
       ]}
     />
   </div>
@@ -95,31 +60,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="By The Numbers"
       metrics={[
-        {
-          icon: CheckCircle,
-          label: "Projects Completed",
-          value: "500+",
-        },
-        {
-          icon: Award,
-          label: "Industry Awards",
-          value: "15",
-        },
-        {
-          icon: Zap,
-          label: "Average Turnaround",
-          value: "48h",
-        },
-        {
-          icon: Box,
-          label: "Rendering Nodes",
-          value: "120",
-        },
-        {
-          icon: Globe,
-          label: "Global Clients",
-          value: "35+",
-        },
+        { icon: CheckCircle, label: "Projects Completed", value: "500+" },
+        { icon: Award, label: "Industry Awards", value: "15" },
+        { icon: Zap, label: "Average Turnaround", value: "48h" },
+        { icon: Box, label: "Rendering Nodes", value: "120" },
+        { icon: Globe, label: "Global Clients", value: "35+" }
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -129,26 +74,12 @@ export default function LandingPage() {
       <FeatureCardThree
       textboxLayout="split"
       gridVariant="bento-grid"
+      animationType="blur-reveal"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Photorealistic Rendering",
-          description: "High-fidelity renders with advanced lighting techniques.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-digital-art-glowing-lines-da-1774646312268-83673d5e.png?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Interactive 3D Workspace",
-          description: "Collaborative design environment with real-time feedback.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/3d-modeling-interface-closeup-precision--1774646312447-48b79bfe.png",
-        },
-        {
-          id: "f3",
-          title: "High-Fidelity Assets",
-          description: "Detailed modeling for game engines and architectural apps.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/high-fidelity-3d-render-scene-lighting-a-1774646312859-d5b55d3b.png",
-        },
+        { id: "f1", title: "Photorealistic Rendering", description: "High-fidelity renders with advanced lighting techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-digital-art-glowing-lines-da-1774646312268-83673d5e.png" },
+        { id: "f2", title: "Interactive 3D Workspace", description: "Collaborative design environment with real-time feedback.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/3d-modeling-interface-closeup-precision--1774646312447-48b79bfe.png" },
+        { id: "f3", title: "High-Fidelity Assets", description: "Detailed modeling for game engines and architectural apps.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/high-fidelity-3d-render-scene-lighting-a-1774646312859-d5b55d3b.png" }
       ]}
       title="Our Capabilities"
       description="Comprehensive 3D services tailored for high-end visualization needs."
@@ -158,27 +89,13 @@ export default function LandingPage() {
   <div id="portfolio" data-section="portfolio">
       <ProductCardThree
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="one-large-left-three-stacked-right"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Commercial Architecture",
-          price: "Custom",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/commercial-3d-model-preview-blue-lightin-1774646311930-44c08d23.png",
-        },
-        {
-          id: "p2",
-          name: "Residential Modern",
-          price: "Custom",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/commercial-3d-architectural-preview-exte-1774646318377-bbf2dc6d.png",
-        },
-        {
-          id: "p3",
-          name: "Product Prototype",
-          price: "Custom",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/product-prototype-3d-visualization-detai-1774646311967-36d8b2e1.png",
-        },
+        { id: "p1", name: "Commercial Architecture", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/commercial-3d-model-preview-blue-lightin-1774646311930-44c08d23.png" },
+        { id: "p2", name: "Residential Modern", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/commercial-3d-architectural-preview-exte-1774646318377-bbf2dc6d.png" },
+        { id: "p3", name: "Product Prototype", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/product-prototype-3d-visualization-detai-1774646311967-36d8b2e1.png" }
       ]}
       title="Work Showcase"
       description="Selected projects from our recent design catalog."
@@ -190,46 +107,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          title: "Incredible Detail",
-          quote: "The realism achieved in our architectural project was beyond expectations.",
-          name: "Sarah J.",
-          role: "Project Manager",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-tech-lead-professional-1774646312302-1d35d294.png?_wi=1",
-        },
-        {
-          id: "t2",
-          title: "Seamless Workflow",
-          quote: "Professional team that delivered ahead of schedule every time.",
-          name: "Michael L.",
-          role: "Design Lead",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-creative-studio-founder-1774646312597-4fa2c7a8.png",
-        },
-        {
-          id: "t3",
-          title: "Visionary Design",
-          quote: "They turned our rough sketch into a masterpiece of 3D engineering.",
-          name: "Elena R.",
-          role: "Creative Lead",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-developer-1774646312235-7203c4d7.png",
-        },
-        {
-          id: "t4",
-          title: "Top-tier Assets",
-          quote: "The models provided were highly optimized for our game build.",
-          name: "David W.",
-          role: "Lead Programmer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-an-engineer-1774646311716-e89f6661.png",
-        },
-        {
-          id: "t5",
-          title: "Exceptional Support",
-          quote: "Their technical expertise helped us solve complex visualization challenges.",
-          name: "James K.",
-          role: "Creative Director",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-tech-lead-professional-1774646312302-1d35d294.png?_wi=2",
-        },
+        { id: "t1", title: "Incredible Detail", quote: "The realism achieved in our architectural project was beyond expectations.", name: "Sarah J.", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-tech-lead-professional-1774646312302-1d35d294.png" },
+        { id: "t2", title: "Seamless Workflow", quote: "Professional team that delivered ahead of schedule every time.", name: "Michael L.", role: "Design Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-creative-studio-founder-1774646312597-4fa2c7a8.png" },
+        { id: "t3", title: "Visionary Design", quote: "They turned our rough sketch into a masterpiece of 3D engineering.", name: "Elena R.", role: "Creative Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-developer-1774646312235-7203c4d7.png" },
+        { id: "t4", title: "Top-tier Assets", quote: "The models provided were highly optimized for our game build.", name: "David W.", role: "Lead Programmer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-an-engineer-1774646311716-e89f6661.png" },
+        { id: "t5", title: "Exceptional Support", quote: "Their technical expertise helped us solve complex visualization challenges.", name: "James K.", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/portrait-of-a-tech-lead-professional-1774646312302-1d35d294.png" }
       ]}
       title="Client Success"
       description="Hear what our partners say about our 3D work."
@@ -242,63 +124,22 @@ export default function LandingPage() {
       title="Begin Your Project"
       description="Ready to bring your vision to life? Let's talk about your next 3D project."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-workspace-background-dark-ae-1774646312464-dd22c73b.png"
       mediaAnimation="blur-reveal"
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project...",
-        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-digital-art-glowing-lines-da-1774646312268-83673d5e.png?_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXrRtps5dhtqNzRgcL4xm6VHyX/abstract-3d-digital-art-glowing-lines-da-1774646312268-83673d5e.png"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "3D Modeling",
-              href: "#",
-            },
-            {
-              label: "Rendering",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+        { title: "Services", items: [{ label: "3D Modeling", href: "#" }, { label: "Rendering", href: "#" }] }
       ]}
-      logoText="Miscalation 3D"
-      copyrightText="© 2025 | Miscalation 3D"
     />
   </div>
       </ReactLenis>