Update src/app/page.tsx

Merge version_5 into main

src/app/calculator/page.tsx

@@ -0,0 +1,103 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+
+export default function CalculatorPage() {
+  const handleCalculate = (data: Record<string, string>) => {
+    // Extract numerical values from the form data
+    const avgCallsPerDay = parseFloat(data.avgCallsPerDay || '0');
+    const avgConversionRate = parseFloat(data.avgConversionRate || '0') / 100; // Convert percentage to decimal
+    const avgValuePerCustomer = parseFloat(data.avgValuePerCustomer || '0');
+    const currentAnswerRate = parseFloat(data.currentAnswerRate || '0') / 100; // Convert percentage to decimal
+
+    if (isNaN(avgCallsPerDay) || isNaN(avgConversionRate) || isNaN(avgValuePerCustomer) || isNaN(currentAnswerRate)) {
+      alert("Please enter valid numbers for all fields.");
+      return;
+    }
+
+    // Assume maximum potential answer rate is 100%
+    const potentialMaxAnswerRate = 1; 
+
+    // Calculate missed calls per day
+    const missedCallsPerDay = avgCallsPerDay * (potentialMaxAnswerRate - currentAnswerRate);
+
+    // Calculate potential additional conversions per day
+    const additionalConversionsPerDay = missedCallsPerDay * avgConversionRate;
+
+    // Calculate potential additional revenue per day
+    const additionalRevenuePerDay = additionalConversionsPerDay * avgValuePerCustomer;
+
+    // Calculate potential annual revenue increase (assuming 365 days a year)
+    const annualRevenueIncrease = additionalRevenuePerDay * 365;
+
+    alert(
+      `Based on your inputs:\n` +
+      `  Average Calls Per Day: ${avgCallsPerDay}\n` +
+      `  Average Conversion Rate: ${avgConversionRate * 100}%\n` +
+      `  Average Value Per Customer: $${avgValuePerCustomer.toFixed(2)}\n` +
+      `  Current Call Answer Rate: ${currentAnswerRate * 100}%\n\n` +
+      `Potential Missed Calls Per Day: ${missedCallsPerDay.toFixed(0)}\n` +
+      `Potential Additional Annual Revenue: $${annualRevenueIncrease.toFixed(2)}\n\n` +
+      `This is a rough estimate. elevai8 can help you significantly reduce missed calls and recover this lost revenue!`
+    );
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="noise"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Solutions", id: "/#solutions" },
+              { name: "Impact", id: "/#impact" },
+              { name: "Calculator", id: "/calculator" },
+              { name: "Pricing", id: "/#pricing" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" }
+            ]}
+            logoSrc="asset://1_1709403332503_group-19-1-svg"
+            logoAlt="elevai8 Logo"
+            brandName="elevai8"
+            button={{ text: "Get Free Demo", href: "/#contact" }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="calculator" data-section="calculator">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            mediaAnimation="slide-up"
+            mediaPosition="left"
+            imageSrc="http://img.b2bpic.net/free-photo/financial-calculation-business-concept_23-2149150036.jpg" 
+            imageAlt="Calculator and financial data"
+            title="Discover Your Hidden Revenue Loss"
+            description="Input a few details about your business to estimate the revenue you might be losing due to unanswered calls and how much you could recover with elevai8."
+            inputs={[
+              { name: "avgCallsPerDay", type: "number", placeholder: "Avg. Calls Per Day", required: true },
+              { name: "avgConversionRate", type: "number", placeholder: "Avg. Conversion Rate (%)", required: true },
+              { name: "avgValuePerCustomer", type: "number", placeholder: "Avg. Value Per Customer ($)", required: true },
+              { name: "currentAnswerRate", type: "number", placeholder: "Current Call Answer Rate (%)", required: true }
+            ]}
+            buttonText="Calculate My Annual Loss"
+            onSubmit={handleCalculate}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -34,23 +34,25 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
-          name: "Solutions",          id: "#solutions"},
+          name: "Solutions",          id: "/#solutions"},
         {
-          name: "Impact",          id: "#impact"},
+          name: "Impact",          id: "/#impact"},
         {
-          name: "Pricing",          id: "#pricing"},
+          name: "Calculator",          id: "/calculator"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Pricing",          id: "/#pricing"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Testimonials",          id: "/#testimonials"},
+        {
+          name: "Contact",          id: "/#contact"},
       ]}
       logoSrc="asset://1_1709403332503_group-19-1-svg"
       logoAlt="elevai8 Logo"
       brandName="elevai8"
       button={{
-        text: "Get Free Demo",        href: "#contact"}}
+        text: "Get Free Demo",          href: "/#contact"}}
       animateOnLoad={true}
     />
   </div>
@@ -65,9 +67,9 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Get Free Demo",          href: "#contact"},
+          text: "Get Free Demo",          href: "/#contact"},
         {
-          text: "See Solutions",          href: "#solutions"},
+          text: "See Solutions",          href: "/#solutions"},
       ]}
       buttonAnimation="slide-up"
       mediaItems={[
@@ -100,8 +102,8 @@ export default function LandingPage() {
         {
           title: "24/7 Availability & Support",          description: "Your AI receptionist never sleeps. Provide round-the-clock service to your clients, booking appointments and answering queries anytime.",          imageSrc: "http://img.b2bpic.net/free-photo/angry-customer-service-operator-talking-phone-office_1301-7545.jpg",          imageAlt: "24/7 AI availability",          titleImageSrc: "http://img.b2bpic.net/free-photo/wooden-man-figurine-blue-wall_169016-5177.jpg",          buttonText: "Explore Benefits"},
       ]}
-      title="Seamless AI Solutions for Every Small Business"
-      description="Discover how elevai8's AI streamlines your operations, enhances customer experience, and drives conversions across diverse industries."
+      title="AI & Automation: Scaling Service Businesses with Smarter Systems"
+      description="Explore how elevai8's AI streamlines operations, enhances customer experience, and drives conversions, covering AI receptionists, business automation, and real business acquisitions and sales."
     />
   </div>
 
@@ -160,7 +162,7 @@ export default function LandingPage() {
           id: "starter",          badge: "Essential",          badgeIcon: Sparkles,
           price: "$99/month",          subtitle: "Perfect for solo practitioners & startups",          buttons: [
             {
-              text: "Start Free Trial",              href: "#contact"},
+              text: "Start Free Trial",              href: "/#contact"},
           ],
           features: [
             "AI Call Assistant (up to 200 calls/month)",            "Basic CRM Integration",            "Smart Appointment Booking",            "Missed Call Recovery"],
@@ -169,7 +171,7 @@ export default function LandingPage() {
           id: "professional",          badge: "Popular",          badgeIcon: Zap,
           price: "$199/month",          subtitle: "Ideal for growing small businesses",          buttons: [
             {
-              text: "Get Started",              href: "#contact"},
+              text: "Get Started",              href: "/#contact"},
           ],
           features: [
             "AI Call Assistant (up to 500 calls/month)",            "Advanced CRM Integration",            "Customizable AI Persona",            "Enhanced Missed Call Recovery",            "Performance Analytics Dashboard"],
@@ -178,7 +180,7 @@ export default function LandingPage() {
           id: "enterprise",          badge: "Premium",          badgeIcon: Award,
           price: "Custom",          subtitle: "Tailored for larger practices & chains",          buttons: [
             {
-              text: "Contact Us",              href: "#contact"},
+              text: "Contact Us",              href: "/#contact"},
           ],
           features: [
             "Unlimited AI Call Assistant",            "Full CRM Integration Suite",            "Dedicated Account Manager",            "Priority Support",            "Bespoke AI Customization",            "Advanced Reporting & Insights"],
@@ -232,7 +234,7 @@ export default function LandingPage() {
           id: "faq4",          title: "How long does it take to set up elevai8's AI solutions?",          content: "Typically, our clients can go live with their customized AI solution in as little as 5 days. Our streamlined onboarding process ensures a quick and efficient setup with minimal disruption to your business."},
       ]}
       sideTitle="Frequently Asked Questions"
-      sideDescription="Find quick answers to common questions about elevai8's AI receptionist and missed call solutions."
+      sideDescription="Find quick answers to common questions about elevai8's AI receptionist, automation, and business growth solutions."
       faqsAnimation="slide-up"
       textPosition="left"
       showCard={true}
@@ -263,25 +265,25 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",              href: "#home"},
+              label: "Home",              href: "/#home"},
             {
-              label: "Solutions",              href: "#solutions"},
+              label: "Solutions",              href: "/#solutions"},
             {
-              label: "Pricing",              href: "#pricing"},
+              label: "Pricing",              href: "/#pricing"},
             {
-              label: "Impact",              href: "#impact"},
+              label: "Impact",              href: "/#impact"},
           ],
         },
         {
           items: [
             {
-              label: "About Us",              href: "#about"},
+              label: "About Us",              href: "/#about"},
             {
-              label: "Testimonials",              href: "#testimonials"},
+              label: "Testimonials",              href: "/#testimonials"},
             {
-              label: "FAQ",              href: "#faq"},
+              label: "FAQ",              href: "/#faq"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/#contact"},
           ],
         },
         {
@@ -301,4 +303,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}