diff --git a/src/app/how-it-works/page.tsx b/src/app/how-it-works/page.tsx index 701d0c0..c728d6f 100644 --- a/src/app/how-it-works/page.tsx +++ b/src/app/how-it-works/page.tsx @@ -10,16 +10,16 @@ import { Zap } from "lucide-react"; export default function HowItWorksPage() { const navItems = [ - { name: "How It Works", id: "how-it-works" }, - { name: "Services", id: "services" }, - { name: "Pricing", id: "pricing" }, - { name: "Contact", id: "contact" }, + { name: "Home", id: "/" }, + { name: "How It Works", id: "/how-it-works" }, + { name: "Services", id: "/services" }, + { name: "Pricing", id: "/pricing" }, + { name: "Contact", id: "/contact" }, ]; const footerColumns = [ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "#" }, { label: "Pricing", href: "/pricing" }, { label: "Security", href: "#" }, @@ -27,8 +27,7 @@ export default function HowItWorksPage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "/about" }, { label: "Blog", href: "#" }, { label: "Contact", href: "/contact" }, @@ -36,8 +35,7 @@ export default function HowItWorksPage() { ], }, { - title: "Industries", - items: [ + title: "Industries", items: [ { label: "Dental Practices", href: "/industries" }, { label: "Salons & Spas", href: "/industries" }, { label: "Restaurants", href: "/industries" }, @@ -45,8 +43,7 @@ export default function HowItWorksPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }, @@ -71,7 +68,7 @@ export default function HowItWorksPage() { @@ -84,7 +81,7 @@ export default function HowItWorksPage() { tag="Complete Process" tagIcon={Zap} tagAnimation="slide-up" - buttons={[{ text: "Book a Demo", href: "#contact" }]} + buttons={[{ text: "Book a Demo", href: "/contact" }]} buttonAnimation="slide-up" mediaAnimation="none" /> @@ -97,29 +94,14 @@ export default function HowItWorksPage() { textboxLayout="default" features={[ { - id: "01", - title: "Lead Capture - Phone & Web", - description: - "Customers call your business or fill out web forms. Our system instantly captures every interaction with full context and customer details.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/a-sleek-modern-ai-automation-dashboard-i-1772616014011-f54bc382.png?_wi=2", - imageAlt: "Lead Capture", - }, + id: "01", title: "Lead Capture - Phone & Web", description: + "Customers call your business or fill out web forms. Our system instantly captures every interaction with full context and customer details.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/a-sleek-modern-ai-automation-dashboard-i-1772616014011-f54bc382.png?_wi=2", imageAlt: "Lead Capture"}, { - id: "02", - title: "AI Responds Instantly", - description: - "Our AI phone assistant answers calls in seconds. It understands customer needs, answers questions, and begins booking the appointment right away.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/modern-icon-illustration-of-an-ai-phone--1772616011904-5ce4a475.png?_wi=1", - imageAlt: "AI Response", - }, + id: "02", title: "AI Responds Instantly", description: + "Our AI phone assistant answers calls in seconds. It understands customer needs, answers questions, and begins booking the appointment right away.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/modern-icon-illustration-of-an-ai-phone--1772616011904-5ce4a475.png?_wi=1", imageAlt: "AI Response"}, { - id: "03", - title: "Appointment Confirmed", - description: - "The system checks availability in real-time and books the appointment into your calendar. Customer receives instant SMS and email confirmation.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/clean-illustration-of-an-automated-appoi-1772616012781-fac0203e.png?_wi=1", - imageAlt: "Confirmation", - }, + id: "03", title: "Appointment Confirmed", description: + "The system checks availability in real-time and books the appointment into your calendar. Customer receives instant SMS and email confirmation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/clean-illustration-of-an-automated-appoi-1772616012781-fac0203e.png?_wi=1", imageAlt: "Confirmation"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -134,29 +116,14 @@ export default function HowItWorksPage() { textboxLayout="default" features={[ { - id: "01", - title: "Smart Reminders", - description: - "Automated SMS and email reminders sent at optimal times. Customers get friendly notifications reducing no-shows by up to 60%.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/sms-and-email-reminder-notifications-int-1772616013213-506475ca.png?_wi=1", - imageAlt: "Reminders", - }, + id: "01", title: "Smart Reminders", description: + "Automated SMS and email reminders sent at optimal times. Customers get friendly notifications reducing no-shows by up to 60%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/sms-and-email-reminder-notifications-int-1772616013213-506475ca.png?_wi=1", imageAlt: "Reminders"}, { - id: "02", - title: "CRM Pipeline Management", - description: - "Every lead flows through your automated CRM pipeline. Track status, engagement, and follow-ups in real-time from your dashboard.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/crm-pipeline-visualization-showing-custo-1772616015814-67975784.png?_wi=1", - imageAlt: "CRM Pipeline", - }, + id: "02", title: "CRM Pipeline Management", description: + "Every lead flows through your automated CRM pipeline. Track status, engagement, and follow-ups in real-time from your dashboard.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/crm-pipeline-visualization-showing-custo-1772616015814-67975784.png?_wi=1", imageAlt: "CRM Pipeline"}, { - id: "03", - title: "Complete Analytics Dashboard", - description: - "Real-time metrics show calls handled, appointment rates, no-show reduction, and ROI. Make data-driven business decisions instantly.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/comprehensive-analytics-dashboard-showin-1772616014429-1b98c036.png?_wi=1", - imageAlt: "Analytics", - }, + id: "03", title: "Complete Analytics Dashboard", description: + "Real-time metrics show calls handled, appointment rates, no-show reduction, and ROI. Make data-driven business decisions instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQa0XDiPrZb0VqVlNL1FosFpos/comprehensive-analytics-dashboard-showin-1772616014429-1b98c036.png?_wi=1", imageAlt: "Analytics"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -173,4 +140,4 @@ export default function HowItWorksPage() { ); -} \ No newline at end of file +}