diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 80203c8..6a2e2dc 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -13,11 +13,15 @@ import FaqSection from './HomePage/sections/Faq'; import ContactSection from './HomePage/sections/Contact'; -import TrustedBySection from './HomePage/sections/TrustedBy';export default function HomePage(): React.JSX.Element { +import TrustedBySection from './HomePage/sections/TrustedBy'; +import BusinessProblemsSection from './HomePage/sections/BusinessProblems'; +import AiDemosSection from './HomePage/sections/AiDemos';export default function HomePage(): React.JSX.Element { return ( <> + + diff --git a/src/pages/HomePage/sections/AiDemos.tsx b/src/pages/HomePage/sections/AiDemos.tsx new file mode 100644 index 0000000..8903e45 --- /dev/null +++ b/src/pages/HomePage/sections/AiDemos.tsx @@ -0,0 +1,148 @@ +import { motion } from "motion/react"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import TextAnimation from "@/components/ui/TextAnimation"; +import Button from "@/components/ui/Button"; +import { Mic, PhoneCall, MessageSquare, Calendar } from "lucide-react"; + +export default function AiDemosSection() { + return ( +
+
+ +
+ +

+ Available 24/7. Never takes a sick day. Instantly responds to every lead and books appointments while you sleep. +

+
+ + +
+ {/* AI Receptionist Demo */} + +
+
+ +
+
+
+
+ +
+

AI Receptionist

+
+ + + Online + +
+ +
+
+
+ AI +
+
+ "Hi, thanks for calling! How can I help you today?" +
+
+
+
+ You +
+
+ "I need to book an appointment for tomorrow." +
+
+
+
+ AI +
+
+ "I have 10:00 AM or 2:00 PM available. Which works better for you?" +
+
+
+ +
    +
  • +
    + +
    + Human-like voice conversations +
    • +
  • +
    + +
    + Direct calendar integration +
    • +
+ +
+
+ + + {/* Website Voice Agent Demo */} + +
+
+ +
+
+
+
+ +
+

Website Voice Agent

+
+ + + Listening + +
+ +
+
+ +
+
+
+ +
+

"Hi, how can I help you today?"

+

Click to speak

+
+
+ +
    +
  • +
    + +
    + Replaces boring contact forms +
    • +
  • +
    + +
    + Qualifies leads instantly +
    • +
+ +
+
+ +
+
+
+ ); +} \ No newline at end of file diff --git a/src/pages/HomePage/sections/BusinessProblems.tsx b/src/pages/HomePage/sections/BusinessProblems.tsx new file mode 100644 index 0000000..e52ec43 --- /dev/null +++ b/src/pages/HomePage/sections/BusinessProblems.tsx @@ -0,0 +1,123 @@ +import { useState } from "react"; +import { motion } from "motion/react"; +import Button from "@/components/ui/Button"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import TextAnimation from "@/components/ui/TextAnimation"; + +export default function BusinessProblemsSection() { + const [missedCalls, setMissedCalls] = useState(10); + const [customerValue, setCustomerValue] = useState(500); + + const yearlyLost = missedCalls * customerValue * 52; + const monthlyLost = Math.round(yearlyLost / 12); + + return ( +
+
+ +
+ +

+ Every missed call is a missed opportunity. While you're busy running your business, potential revenue is slipping through the cracks. Let's calculate exactly how much. +

+
+ + +
+ +
+

Lost Revenue Calculator

+ +
+
+
+ + {missedCalls} +
+ setMissedCalls(parseInt(e.target.value))} + className="w-full accent-secondary-cta" + /> +
+ +
+
+ + ${customerValue} +
+ setCustomerValue(parseInt(e.target.value))} + className="w-full accent-secondary-cta" + /> +
+
+ +
+

Estimated Lost Revenue (Yearly)

+
+ ${yearlyLost.toLocaleString()} +
+

+ That's ${monthlyLost.toLocaleString()} every month. +

+
+
+ + + +
+
+
+ 📞 +
+
+

You Can't Answer Every Call

+

When you're with a client, in a meeting, or after hours, calls go to voicemail. 80% of callers won't leave a message—they just call your competitor.

+
+
+ +
+
+ ⏳ +
+
+

Slow Follow-ups Kill Deals

+

If you don't reply within 5 minutes, your chance of closing the lead drops by 400%. Manual follow-ups are too slow.

+
+
+ +
+
+ 💸 +
+
+

The Solution is Automation

+

Stop losing money to missed calls. Our AI Receptionist answers instantly, qualifies the lead, and books the appointment directly on your calendar.

+
+
+ +
+
+
+ +
+
+
+ ); +} \ No newline at end of file