Update src/app/page.tsx

src/app/page.tsx

@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Smile, Sparkles, Heart, Brain, Star, Mail } from "lucide-react";
+import { Smile, Sparkles, Heart, Brain } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,8 +20,13 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
         background="noise"
         cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -83,6 +88,7 @@ export default function LandingPage() {
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
             products={[
               { id: "1", name: "Rainbow Stacker", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5515.jpg" },
               { id: "2", name: "Wooden Train", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg" }
@@ -96,6 +102,7 @@ export default function LandingPage() {
             description="Thousands of smiles delivered."
             animationType="blur-reveal"
             textboxLayout="split"
+            useInvertedBackground={false}
             metrics={[
               { id: "m1", value: "10k+", title: "Happy Kids", items: ["Safe play", "Verified quality"] },
               { id: "m2", value: "500+", title: "Toys", items: ["Educational focus", "Sustainable"] }
@@ -106,7 +113,9 @@ export default function LandingPage() {
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardThirteen
             title="Families Love PlayPals"
+            description="What our happy customers say."
             showRating={true}
+            useInvertedBackground={false}
             animationType="slide-up"
             textboxLayout="split"
             testimonials={[
@@ -118,6 +127,8 @@ export default function LandingPage() {
         <div id="faq" data-section="faq">
           <FaqSplitMedia
             title="Common Questions"
+            description="Need to know more about our toys?"
+            useInvertedBackground={false}
             faqsAnimation="slide-up"
             textboxLayout="split"
             faqs={[{ id: "1", title: "Are these safe?", content: "Yes, rigorously tested." }]}
@@ -130,6 +141,7 @@ export default function LandingPage() {
             tag="Get In Touch"
             title="Say Hello"
             description="Questions? We're here to help you and your little ones."
+            useInvertedBackground={false}
             background={{ variant: "sparkles-gradient" }}
           />
         </div>