src/app/page.tsx

@@ -7,10 +7,7 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import { ShieldCheck, TrendingUp, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -55,6 +52,8 @@ export default function LandingPage() {
         animationType="slide-up"
         title="Finance Dashboard"
         description="Manage your transactions with advanced filtering, sorting, and role-based access control."
+        textboxLayout="default"
+        useInvertedBackground={false}
         features={[
             { id: "1", label: "Admin", title: "Full Control", items: ["Edit transactions", "Export reports", "Manage user roles", "Audit logs"] },
             { id: "2", label: "Manager", title: "Oversight", items: ["Review transactions", "Approve expenses", "View analytics"] },
@@ -69,6 +68,8 @@ export default function LandingPage() {
         description="Track your performance metrics and receive actionable recommendations."
         gridVariant="bento-grid"
         animationType="blur-reveal"
+        textboxLayout="default"
+        useInvertedBackground={false}
         metrics={[
             { id: "1", value: "$125,400", description: "Monthly Revenue" },
             { id: "2", value: "24%", description: "Growth Trend" },