src/app/chat/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { Textarea } from '@/components/form/Textarea';
+import Textarea from '@/components/form/Textarea';
 import { useState } from 'react';
 
 export default function ChatPage() {

src/app/page.tsx

@@ -9,7 +9,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Textarea } from '@/components/form/Textarea';
+import Textarea from '@/components/form/Textarea';
 import { useState } from 'react';
 
 export default function LandingPage() {
@@ -45,8 +45,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated"}}
+      background={{ variant: "rotated-rays-animated" }}
       title="Build beautiful apps in minutes, not months"
       description="AI-powered web development that combines stunning design with production-ready code. Ship faster without sacrificing quality or your creative vision."
       buttons={[
@@ -60,15 +59,14 @@ export default function LandingPage() {
         { id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/futuristic-ui-components-floating-glass--1774629918779-4f834d38.png" },
         { id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/high-tech-workspace-with-clean-setup-art-1774629918441-dff7b7f1.png" },
       ]}
-    >
-        <div className="mt-8">
-            <Textarea 
-                value={prompt} 
-                onChange={setPrompt} 
-                placeholder="Describe your dream app..."
-            />
-        </div>
-    </HeroBillboardRotatedCarousel>
+    />
+    <div className="mt-8 px-6">
+        <Textarea 
+            value={prompt} 
+            onChange={setPrompt} 
+            placeholder="Describe your dream app..."
+        />
+    </div>
   </div>
 
   <div id="features" data-section="features">
@@ -89,7 +87,6 @@ export default function LandingPage() {
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
       animationType="slide-up"
-      textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         { id: "m1", value: "10x", title: "Speed", description: "Faster delivery to market", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-chart-showing-explosive-growth-1774629919031-9d619cd9.png" },