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 (
@@ -33,23 +32,35 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         { name: "About", id: "#about" },
+        { name: "Metrics", id: "#metrics" },
         { name: "Features", id: "#features" },
-        { name: "Pricing", id: "#pricing" },
+        { name: "Testimonials", id: "#testimonials" },
         { name: "FAQ", id: "#faq" },
+        { 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>
 
@@ -58,7 +69,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       title="Engineered for Growth"
-      description="We replace intuition with rigorous testing. Our system identifies demand signals, builds lean offers, and validates performance with minimal spend in just 30 days."
+      description="The PROVA Opportunity Report framework replaces intuition with rigorous testing. Our system identifies demand signals, builds lean offers, and validates performance with minimal spend in just 30 days."
       bulletPoints={[
         { title: "Demand Mining", description: "Advanced signal identification across high-intent communities." },
         { title: "Lean Validation", description: "Low-budget tactical tests to prove viability before scaling." },
@@ -78,8 +89,8 @@ export default function LandingPage() {
         { id: "m2", value: "$150", title: "Risk", description: "Max test budget", icon: DollarSign },
         { id: "m3", value: "100%", title: "Verified", description: "Data-based growth", icon: ShieldCheck },
       ]}
-      title="Performance Driven"
-      description="Clear, measurable impact for modern companies."
+      title="Performance Metrics"
+      description="Clear, measurable impact tracking for your growth cycles."
     />
   </div>
 
@@ -88,39 +99,24 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        { title: "Rapid Market Testing", description: "Validate ideas in weeks, not months.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-concept_23-2148785124.jpg" },
-        { title: "Deep Signal Mining", description: "Uncover latent demand hidden in market data.", imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-strategy-concept_23-2148784387.jpg" },
-        { title: "Scalable Growth Engine", description: "Repeatable architecture for long-term revenue.", imageSrc: "http://img.b2bpic.net/free-photo/global-business-connectivity_23-2148816568.jpg" },
+        { title: "Rapid Market Testing", description: "Validate product-market fit in weeks, not months.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-concept_23-2148785124.jpg" },
+        { title: "Deep Signal Mining", description: "Uncover latent demand hidden in high-intent market data.", imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-strategy-concept_23-2148784387.jpg" },
+        { title: "Scalable Growth Engine", description: "Repeatable architecture for sustainable, long-term revenue.", imageSrc: "http://img.b2bpic.net/free-photo/global-business-connectivity_23-2148816568.jpg" },
       ]}
       title="Advanced Capabilities"
-      description="Tools designed to eliminate the uncertainty of growth."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="blur-reveal"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        { id: "starter", badge: "Explorer", price: "$1.5K", subtitle: "Baseline validation", buttons: [{ text: "Get Started" }], features: ["1 cycle per month", "Market insights report", "Data analytics dashboard"] },
-        { id: "growth", badge: "Scale", price: "$4.5K", subtitle: "Aggressive testing", buttons: [{ text: "Select Plan" }], features: ["3 cycles per month", "Deep behavioral analysis", "Revenue forecasting", "Priority support"] },
-        { id: "enterprise", badge: "Dominance", price: "$10K+", subtitle: "Custom growth engine", buttons: [{ text: "Contact Us" }], features: ["Unlimited experiments", "Dedicated growth pod", "Advanced strategy integration", "Full SOP delivery"] },
-      ]}
-      title="Strategic Tiers"
-      description="Select the intensity that matches your growth ambitions."
+      description="Tools designed to eliminate the uncertainty of scaling."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
-      animationType="depth-3d"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         { id: "1", name: "Alex R.", role: "Founder", testimonial: "PROVA turned our revenue unpredictability into a structured engine.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-happy-office_1157-1907.jpg" },
         { id: "2", name: "Jordan S.", role: "CMO", testimonial: "The 30-day testing cycle is exactly the discipline our marketing team needed.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-laptop-office_1157-1845.jpg" },
-        { id: "3", name: "Sarah K.", role: "CEO", testimonial: "Data-backed decision making is finally effortless.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businesswoman_1157-1909.jpg" },
+        { id: "3", name: "Sarah K.", role: "CEO", testimonial: "Data-backed decision making is finally effortless and actionable.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businesswoman_1157-1909.jpg" },
       ]}
       title="Validated Results"
       description="Partnering with teams that refuse to leave growth to chance."
@@ -132,25 +128,25 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "How do we begin?", content: "Fill out the contact form and we will schedule an initial alignment call to audit your current growth state." },
-        { id: "q2", title: "Do I need a large team?", content: "No. PROVA functions as your external growth team during the validation cycle." },
-        { id: "q3", title: "What if a test fails?", content: "Failures are data points. We analyze the result and pivot to the next opportunity immediately." },
+        { id: "q1", title: "How do we start a report?", content: "Fill out the contact form. We conduct an initial alignment call to audit your current growth state and identify high-opportunity experiments." },
+        { id: "q2", title: "Do I need a large team?", content: "Not at all. PROVA integrates seamlessly, acting as your dedicated external growth team during the validation cycle." },
+        { id: "q3", title: "What happens if a test fails?", content: "Failures are critical data points. We analyze the result and pivot to the next opportunity immediately to keep momentum high." },
       ]}
       title="Frequently Asked"
-      description="Common inquiries about the PROVA system."
+      description="Common inquiries about the PROVA opportunity report system."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      title="Begin Your Experiment"
-      description="Talk to our team about deploying your first 30-day growth cycle today."
+      title="Get Your Opportunity Report"
+      description="Talk to our team about deploying your first 30-day growth cycle today and securing your competitive edge."
       inputs={[
         { name: "name", type: "text", placeholder: "Full Name", required: true },
         { name: "email", type: "email", placeholder: "Corporate Email", required: true }
       ]}
-      textarea={{ name: "message", placeholder: "Tell us about your current challenges...", rows: 5, required: true }}
+      textarea={{ name: "message", placeholder: "Tell us about your current growth challenges...", rows: 5, required: true }}
       useInvertedBackground={true}
       buttonText="Submit Request"
       imageSrc="http://img.b2bpic.net/free-photo/dark-office-with-glowing-screens_23-2148784120.jpg"
@@ -162,12 +158,12 @@ export default function LandingPage() {
       logoText="PROVA"
       columns={[
         { items: [{ label: "Home", href: "#" }, { label: "System", href: "#about" }] },
-        { items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
-        { items: [{ label: "Support", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+        { items: [{ label: "Metrics", href: "#metrics" }, { label: "Features", href: "#features" }] },
+        { items: [{ label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}