Blank page

import { useState, useRef } from "react"; import { HeroSection } from "@/components/sections/HeroSection"; import { StatsBarSection } from "@/components/sections/StatsBarSection"; import { ProblemSection } from "@/components/sections/ProblemSection"; import { CalculatorSection } from "@/components/sections/CalculatorSection"; import { BeforeAfterSection } from "@/components/sections/BeforeAfterSection"; import { ComparisonSection } from "@/components/sections/ComparisonSection"; import { HowItWorksSection } from "@/components/sections/HowItWorksSection"; import { AnalogySection } from "@/components/sections/AnalogySection"; import { SocialProofSection } from "@/components/sections/SocialProofSection"; import { TrustSection } from "@/components/sections/TrustSection"; import { FAQSection } from "@/components/sections/FAQSection"; import { ConversionSection } from "@/components/sections/ConversionSection"; export default function Index() { const [interactionCount, setInteractionCount] = useState(0); const [risultato, setRisultato] = useState(""); const conversionRef = useRef(null); const scrollToCalculator = () => { document.getElementById("calculator")?.scrollIntoView({ behavior: "smooth" }); }; const handleConvert = (price: string) => { setRisultato(price); document.getElementById("conversion")?.scrollIntoView({ behavior: "smooth" }); }; return (

{/* 1. Hero — First impact */} {/* 2. Stats bar — Instant credibility */} {/* 3. Problem — Emotional hook */} {/* 4-5. Calculator + Game loop — Interactive engagement */} {/* 6. Before/After — Visual proof */} {/* 7. Comparison — Competitive framing */} {/* 8. How it works — Process clarity */} {/* 9. Analogy — Human logic */} {/* 10. Social proof — Trust via results */} {/* 11. Trust — Personal credibility */} {/* 12. FAQ — Objection handling */} {/* 13. Conversion — Final CTA */}

{/* Footer */}

); }