diff --git a/src/pages/ServicesPage.tsx b/src/pages/ServicesPage.tsx index 47e9453..ae37ca1 100644 --- a/src/pages/ServicesPage.tsx +++ b/src/pages/ServicesPage.tsx @@ -6,80 +6,51 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function ServicesPage() { return ( <> -
- +
+ - -
+ tag="OUR SERVICES" + title="SOLUTIONS THAT DRIVE GROWTH" + description="From custom designs to automated lead generation systems." + features={[ + { + title: "Website Design", description: "Custom sites from scratch.", bentoComponent: "info-card-marquee", infoCards: [ + { + icon: "Pen", label: "UI Design", value: "Premium"}, + { + icon: "Code", label: "Development", value: "Fast"}, + ], + }, + { + title: "AI Automation", description: "Smart chatbots that convert visitors into leads 24/7.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [ + { + userMessage: "Do you offer quotes?", aiResponse: "Yes, I can get that for you!"}, + ], + placeholder: "..."}, + ]} + /> +
+
-
- +
+ - -
+ tag="PERFORMANCE" + title="METRICS THAT MATTER" + description="Data-driven results for your business." + metrics={[ + { + value: "2x", title: "Lead Volume", features: [ + "Qualified traffic", "AI filtering"], + }, + { + value: "99%", title: "Uptime", features: [ + "Cloud hosting", "Global CDN"], + }, + ]} + /> +
+
); }