src/app/page.tsx

@@ -34,32 +34,32 @@ export default function LandingPage() {
         {
           name: "About Us",
           id: "about",
-          href: "#about",
+
         },
         {
           name: "Features",
           id: "features",
-          href: "#features",
+
         },
         {
           name: "Menu",
           id: "products",
-          href: "#products",
+
         },
         {
           name: "Reviews",
           id: "testimonials",
-          href: "#testimonials",
+
         },
         {
           name: "FAQ",
           id: "faq",
-          href: "#faq",
+
         },
         {
           name: "Contact",
           id: "contact",
-          href: "#contact",
+
         },
       ]}
       button={{
@@ -87,6 +87,7 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
+      animationType="reveal-blur"
       heading={[
         {
           type: "text",
@@ -100,6 +101,8 @@ export default function LandingPage() {
       <FeatureBorderGlow
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="blur-reveal"
+      animationType="reveal-blur"
       features={[
         {
           icon: Utensils,
@@ -257,7 +260,7 @@ export default function LandingPage() {
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-vector/colored-banners-with-variety-transports-summer_23-2147621768.jpg"
-      mediaAnimation="reveal-blur"
+      mediaAnimation="blur-reveal"
       mediaPosition="right"
       buttonText="Send Message"
     />