Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,13 +6,12 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Clock, DollarSign, ShieldCheck } from "lucide-react";
+import { Clock, DollarSign, ShieldCheck, BarChart3, Search, LayoutDashboard, Settings } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -40,18 +39,28 @@ export default function LandingPage() {
         { name: "Contact", id: "#contact" },
       ]}
       brandName="PROVA"
-      button={{
-        text: "Get Started",        href: "#contact"}}
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{ variant: "radial-gradient" }}
-      title="Revenue Experimentation System"
-      description="Accelerate your business growth with data-driven 30-day experiment cycles. Stop guessing and start scaling with precision."
-      buttons={[{ text: "Explore System", href: "#about" }, { text: "Get Started", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-background-with-glowing-lines_23-2148816654.jpg"
+      <HeroBillboardDashboard
+      background={{ variant: "sparkles-gradient" }}
+      title="Find your next profitable revenue stream in 30 days"
+      description="We test real market opportunities for your business and show you what actually works."
+      buttons={[{ text: "Get Started", href: "#contact" }, { text: "See How It Works", href: "#about" }]}
+      dashboard={{
+        title: "PROVA Analytics",        stats: [
+            { title: "Monthly Growth", values: [12, 18, 25], description: "Revenue acceleration" },
+            { title: "Conversion Rate", values: [2, 5, 8], description: "Visitor conversion" },
+            { title: "Test Volume", values: [5, 10, 15], description: "Active experiments" }
+        ],
+        logoIcon: BarChart3,
+        sidebarItems: [{ icon: LayoutDashboard, active: true }, { icon: Search }, { icon: Settings }],
+        buttons: [{ text: "Export Report", href: "#" }],
+        listItems: [{ icon: Clock, title: "Cycle 1: Validation", status: "Completed" }, { icon: ShieldCheck, title: "Cycle 2: Scaling", status: "Active" }],
+        imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-glowing-lines_23-2148816654.jpg"
+      }}
     />
   </div>
 
@@ -101,7 +110,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
-      animationType="depth-3d"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
@@ -157,4 +166,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}