Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -35,7 +35,7 @@ export default function LandingPage() {
         {
           name: "Features",          id: "features"},
         {
-          name: "Pricing",          id: "pricing"},
+          name: "Pricing",          id: "products"},
         {
           name: "Testimonials",          id: "testimonials"},
         {
@@ -43,12 +43,12 @@ export default function LandingPage() {
       ]}
       brandName="FileVault"
       button={{
-        text: "Get Started",        href: "#contact"}}
+        text: "Get Started",        href: "/contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroBillboardCarousel
       background={{
         variant: "plain"}}
       title="Master Your Laptop Files"
@@ -56,9 +56,9 @@ export default function LandingPage() {
       tag="Personalized Organization"
       buttons={[
         {
-          text: "Get Started",          href: "#contact"},
+          text: "Get Started",          href: "/contact"},
         {
-          text: "View Features",          href: "#features"},
+          text: "View Features",          href: "/features"},
       ]}
       mediaItems={[
         {
@@ -66,9 +66,6 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",          imageAlt: "Organized digital workspace"}
       ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Trusted by 10,000+ power users"
     />
   </div>
 
@@ -205,7 +202,7 @@ export default function LandingPage() {
       text="Ready to clean up your folders? Get started with FileVault today."
       buttons={[
         {
-          text: "Contact Support",          href: "mailto:support@filevault.com"},
+          text: "Contact Support",          href: "/contact"},
       ]}
     />
   </div>
@@ -216,25 +213,25 @@ export default function LandingPage() {
         {
           title: "Product",          items: [
             {
-              label: "Features",              href: "#features"},
+              label: "Features",              href: "/features"},
             {
-              label: "Pricing",              href: "#pricing"},
+              label: "Pricing",              href: "/products"},
           ],
         },
         {
           title: "Company",          items: [
             {
-              label: "About",              href: "#"},
+              label: "About",              href: "/about"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/contact"},
           ],
         },
         {
           title: "Legal",          items: [
             {
-              label: "Privacy",              href: "#"},
+              label: "Privacy",              href: "/privacy"},
             {
-              label: "Terms",              href: "#"},
+              label: "Terms",              href: "/terms"},
           ],
         },
       ]}
@@ -244,4 +241,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}