Update src/app/page.tsx

src/app/page.tsx

@@ -18,24 +18,20 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumSmall"
         sizing="mediumLargeSizeMediumTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="inset"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "#hero"},
-        {
-          name: "Collection",          id: "#products"},
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "FAQ",          id: "#faq"},
+        { name: "Home", id: "#hero" },
+        { name: "Collection", id: "#products" },
+        { name: "About", id: "#features" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="EbookVerse"
     />
@@ -45,7 +41,7 @@ export default function LandingPage() {
       <HeroCentered
       title="Read Anywhere, Any Time"
       description="Discover a vast collection of high-quality ebooks curated for every reader, available instantly for your favorite device."
-      background={{ variant: "gradient-bars" }}
+      background={{ variant: "radial-gradient" }}
       avatars={[
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUstwkrF0ql2ythS5TOyi0xKOC/a-professional-portrait-of-a-female-read-1774555255430-8f753030.png", alt: "Reader" },
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUstwkrF0ql2ythS5TOyi0xKOC/a-professional-portrait-of-a-male-reader-1774555255536-d6185b9d.png", alt: "Reader" },
@@ -55,7 +51,7 @@ export default function LandingPage() {
       avatarText="Join 10,000+ happy readers"
       buttons={[
         { text: "Browse Collection", href: "#products" },
-        { text: "Learn More", href: "#about" }
+        { text: "Learn More", href: "#features" }
       ]}
     />
   </div>
@@ -65,7 +61,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       features={[
         { id: "f1", title: "Instant Delivery", description: "Get your favorite books delivered to your device the moment you click purchase.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUstwkrF0ql2ythS5TOyi0xKOC/a-flat-icon-illustration-of-a-digital-do-1774555255307-16f476da.png" },
         { id: "f2", title: "Smart Bookmarks", description: "Seamlessly track your progress across all your devices, never lose your spot again.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUstwkrF0ql2ythS5TOyi0xKOC/a-flat-icon-illustration-of-a-high-quali-1774555254876-62237f10.png" },
@@ -80,7 +76,7 @@ export default function LandingPage() {
       <ProductCardOne
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       animationType="blur-reveal"
       products={[
         { id: "p1", name: "Modern Minimalism", price: "$12.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUstwkrF0ql2ythS5TOyi0xKOC/a-high-quality-3d-render-of-an-ebook-cov-1774555257052-c4180af8.png" },
@@ -96,7 +92,7 @@ export default function LandingPage() {
       <TestimonialCardSixteen
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonials={[
         { id: "t1", name: "Alice M.", role: "Avid Reader", company: "BookClub Member", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUstwkrF0ql2ythS5TOyi0xKOC/a-close-up-aesthetic-photo-of-a-cozy-hom-1774555257694-1f71b5fe.png" },
         { id: "t2", name: "Bob K.", role: "Student", company: "University", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUstwkrF0ql2ythS5TOyi0xKOC/a-close-up-aesthetic-photo-of-a-cup-of-c-1774555255571-1b30b19d.png" },
@@ -116,7 +112,7 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqSplitMedia
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
         { id: "q1", title: "How do I access my ebooks?", content: "Once purchased, your books are instantly available in your library on your user account dashboard." },
         { id: "q2", title: "Which devices are supported?", content: "Our platform supports all modern e-reader apps, tablets, and mobile browsers." },
@@ -139,4 +135,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}