src/app/page.tsx

@@ -9,7 +9,7 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Zap, Shield, ArrowRight, Star, Globe, Mail } from 'lucide-react';
+import { Zap, Shield, Star, Globe, Mail } from 'lucide-react';
 
 export default function Page() {
   const navItems = [
@@ -67,6 +67,7 @@ export default function Page() {
           gridVariant="uniform-all-items-equal"
           animationType="blur-reveal"
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "1", brand: "Webild", name: "Basic Plan", price: "$99", rating: 5, reviewCount: "10", imageSrc: "/placeholder.jpg" },
             { id: "2", brand: "Webild", name: "Pro Plan", price: "$199", rating: 5, reviewCount: "20", imageSrc: "/placeholder.jpg" },
@@ -76,16 +77,22 @@ export default function Page() {
       </div>
       <div id="testimonial" data-section="testimonial">
         <TestimonialCardThirteen 
+          title="What Clients Say"
+          description="Hear from our satisfied partners."
           showRating={true}
           animationType="depth-3d"
           textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[{ id: "1", name: "Alice", handle: "@alice", testimonial: "Fantastic service!", rating: 5 }]}
         />
       </div>
       <div id="blog" data-section="blog">
         <BlogCardOne 
+          title="Latest Insights"
+          description="Stay updated with our latest industry news."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           blogs={[]}
         />
       </div>