From 4946263e4cd3087db9825ac6561202758aec785d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 00:27:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 227 ++++++++---------------------------------------
 1 file changed, 38 insertions(+), 189 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a1afb9f..94e58a4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Shield, Wallet, Map, Zap } from "lucide-react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -31,24 +32,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Route",
-          id: "hero",
-        },
-        {
-          name: "Safety",
-          id: "safety",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Route", id: "hero" },
+        { name: "Safety", id: "safety" },
+        { name: "Features", id: "features" },
+        { name: "FAQ", id: "faq" },
       ]}
       brandName="Ways Mobility ®"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
@@ -56,34 +46,14 @@ export default function LandingPage() {
       <HeroOverlay
       title="Ways Mobility ®"
       description="Smarter, Safer, Cheaper Routes — Every Journey."
-      buttons={[
-        {
-          text: "Find Route",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Find Route", href: "#" }]}
       imageSrc="http://img.b2bpic.net/free-photo/hong-kong-traffic-view_1359-1097.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg",
-          alt: "commuter 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-sitting-table-with-mobile-phone_627829-13007.jpg",
-          alt: "commuter 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2625.jpg",
-          alt: "commuter 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2626.jpg",
-          alt: "commuter 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-young-male-standing-against-shelves_273609-12277.jpg",
-          alt: "commuter 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg", alt: "commuter 1" },
+        { src: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-sitting-table-with-mobile-phone_627829-13007.jpg", alt: "commuter 2" },
+        { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2625.jpg", alt: "commuter 3" },
+        { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2626.jpg", alt: "commuter 4" },
+        { src: "http://img.b2bpic.net/free-photo/attractive-young-male-standing-against-shelves_273609-12277.jpg", alt: "commuter 5" },
       ]}
       avatarText="Trusted by 10,000+ commuters"
     />
@@ -94,30 +64,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Safety Alerts",
-          description: "Know your route safety risk with real-time alerts.",
-          imageSrc: "http://img.b2bpic.net/free-vector/glowing-neon-medic-healthcare-shield-background-design_1017-61325.jpg",
-          buttonIcon: "Shield",
-        },
-        {
-          title: "Fare Estimates",
-          description: "Accurate fare pricing in Naira (₦) for your routes.",
-          imageSrc: "http://img.b2bpic.net/free-vector/collection-virtual-foreign-currency-symbol-background-with-empty-frame_1017-52490.jpg",
-          buttonIcon: "Wallet",
-        },
-        {
-          title: "Smart Routing",
-          description: "Optimize your journey with smart, cost-effective routing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204915.jpg",
-          buttonIcon: "Map",
-        },
-        {
-          title: "Real-Time Updates",
-          description: "Stay informed with live transit updates and alerts.",
-          imageSrc: "http://img.b2bpic.net/free-vector/vintage-audio-recorder-neon-sign_1262-16220.jpg",
-          buttonIcon: "Zap",
-        },
+        { title: "Safety Alerts", description: "Know your route safety risk with real-time alerts.", imageSrc: "http://img.b2bpic.net/free-vector/glowing-neon-medic-healthcare-shield-background-design_1017-61325.jpg", buttonIcon: Shield },
+        { title: "Fare Estimates", description: "Accurate fare pricing in Naira (₦) for your routes.", imageSrc: "http://img.b2bpic.net/free-vector/collection-virtual-foreign-currency-symbol-background-with-empty-frame_1017-52490.jpg", buttonIcon: Wallet },
+        { title: "Smart Routing", description: "Optimize your journey with smart, cost-effective routing.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204915.jpg", buttonIcon: Map },
+        { title: "Real-Time Updates", description: "Stay informed with live transit updates and alerts.", imageSrc: "http://img.b2bpic.net/free-vector/vintage-audio-recorder-neon-sign_1262-16220.jpg", buttonIcon: Zap },
       ]}
       title="Why Ways Mobility"
       description="We make commuting in Nigeria effortless, affordable, and safe."
@@ -131,42 +81,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "BRT Bus",
-          price: "₦250–₦400",
-          imageSrc: "http://img.b2bpic.net/free-vector/security-25-line-filled-icon-pack-including-home-security-code-secure-password_1142-21304.jpg",
-        },
-        {
-          id: "p2",
-          name: "Danfo",
-          price: "₦150–₦300",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-half-closed-dark-with-colourful-glow-glasses-paper-cup_169016-33951.jpg",
-        },
-        {
-          id: "p3",
-          name: "Keke Napep",
-          price: "₦100–₦200",
-          imageSrc: "http://img.b2bpic.net/free-photo/transportation-vehicle-system-automobile-freight_53876-120304.jpg",
-        },
-        {
-          id: "p4",
-          name: "Taxi Share",
-          price: "₦500–₦800",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-time-logo-templates-collection_23-2148944205.jpg",
-        },
-        {
-          id: "p5",
-          name: "Ride Share",
-          price: "₦1200–₦2000",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg",
-        },
-        {
-          id: "p6",
-          name: "Private Car",
-          price: "₦3000–₦5000",
-          imageSrc: "http://img.b2bpic.net/free-vector/cryptocurrency-icon-elements-set_53876-118251.jpg",
-        },
+        { id: "p1", name: "BRT Bus", price: "₦250–₦400", imageSrc: "http://img.b2bpic.net/free-vector/security-25-line-filled-icon-pack-including-home-security-code-secure-password_1142-21304.jpg" },
+        { id: "p2", name: "Danfo", price: "₦150–₦300", imageSrc: "http://img.b2bpic.net/free-photo/laptop-half-closed-dark-with-colourful-glow-glasses-paper-cup_169016-33951.jpg" },
+        { id: "p3", name: "Keke Napep", price: "₦100–₦200", imageSrc: "http://img.b2bpic.net/free-photo/transportation-vehicle-system-automobile-freight_53876-120304.jpg" },
+        { id: "p4", name: "Taxi Share", price: "₦500–₦800", imageSrc: "http://img.b2bpic.net/free-vector/flat-time-logo-templates-collection_23-2148944205.jpg" },
+        { id: "p5", name: "Ride Share", price: "₦1200–₦2000", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg" },
+        { id: "p6", name: "Private Car", price: "₦3000–₦5000", imageSrc: "http://img.b2bpic.net/free-vector/cryptocurrency-icon-elements-set_53876-118251.jpg" },
       ]}
       title="Transport Options"
       description="Compare costs between different transit methods in Nigeria."
@@ -177,28 +97,14 @@ export default function LandingPage() {
       <MetricCardEleven
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       metrics={[
         {
-          id: "m1",
-          value: "Low",
-          title: "Route Risk",
-          description: "This route is currently safe to traverse.",
-          imageSrc: "http://img.b2bpic.net/free-vector/coronavirus-protection-shield-background_23-2148689655.jpg",
-        },
+          id: "m1",          value: "Low",          title: "Route Risk",          description: "This route is currently safe to traverse.",          imageSrc: "http://img.b2bpic.net/free-vector/coronavirus-protection-shield-background_23-2148689655.jpg"},
         {
-          id: "m2",
-          value: "Medium",
-          title: "Peak Risk",
-          description: "Higher density areas, keep belongings close.",
-          imageSrc: "http://img.b2bpic.net/free-vector/global-foreign-money-exchange-tech-concept-background_1017-60298.jpg",
-        },
+          id: "m2",          value: "Medium",          title: "Peak Risk",          description: "Higher density areas, keep belongings close.",          imageSrc: "http://img.b2bpic.net/free-vector/global-foreign-money-exchange-tech-concept-background_1017-60298.jpg"},
         {
-          id: "m3",
-          value: "High",
-          title: "After 9PM",
-          description: "Avoid this route after 9PM if possible.",
-          imageSrc: "http://img.b2bpic.net/free-photo/demographic-census-concept-representation_23-2149093905.jpg",
-        },
+          id: "m3",          value: "High",          title: "After 9PM",          description: "Avoid this route after 9PM if possible.",          imageSrc: "http://img.b2bpic.net/free-photo/demographic-census-concept-representation_23-2149093905.jpg"},
       ]}
       title="Safety Status"
       description="Check the risk level of your current route before starting."
@@ -211,41 +117,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Tunde Adeyemi",
-          role: "Commuter",
-          testimonial: "Ways Mobility saved me so much time and money commuting to work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gadget-male-people-office-talk-ethnicity_1303-2888.jpg",
-        },
-        {
-          id: "t2",
-          name: "Amara Okoro",
-          role: "Student",
-          testimonial: "I love the safety alerts, they give me peace of mind when travelling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-dark-skinned-student-wearing-checkered-shirt-with-confident-joyful-expression-standing-chalkboard-wall_273609-5907.jpg",
-        },
-        {
-          id: "t3",
-          name: "Chidi Okafor",
-          role: "Office Worker",
-          testimonial: "Finally, a reliable way to check BRT fares before getting to the station.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",
-        },
-        {
-          id: "t4",
-          name: "Femi Johnson",
-          role: "Professional",
-          testimonial: "The route planning is excellent, really accurate and helpful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-pleased-security-agent-feels-proud-his-duty_482257-122297.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sarah Musa",
-          role: "Student",
-          testimonial: "Fantastic app, very easy to use and very helpful for daily travel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-notebook-park_23-2147664223.jpg",
-        },
+        { id: "t1", name: "Tunde Adeyemi", role: "Commuter", testimonial: "Ways Mobility saved me so much time and money commuting to work.", imageSrc: "http://img.b2bpic.net/free-photo/gadget-male-people-office-talk-ethnicity_1303-2888.jpg" },
+        { id: "t2", name: "Amara Okoro", role: "Student", testimonial: "I love the safety alerts, they give me peace of mind when travelling.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-dark-skinned-student-wearing-checkered-shirt-with-confident-joyful-expression-standing-chalkboard-wall_273609-5907.jpg" },
+        { id: "t3", name: "Chidi Okafor", role: "Office Worker", testimonial: "Finally, a reliable way to check BRT fares before getting to the station.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg" },
+        { id: "t4", name: "Femi Johnson", role: "Professional", testimonial: "The route planning is excellent, really accurate and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-pleased-security-agent-feels-proud-his-duty_482257-122297.jpg" },
+        { id: "t5", name: "Sarah Musa", role: "Student", testimonial: "Fantastic app, very easy to use and very helpful for daily travel.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-notebook-park_23-2147664223.jpg" },
       ]}
       title="User Stories"
       description="See why commuters in Nigeria trust Ways Mobility."
@@ -257,14 +133,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Lagos Trans",
-        "Abuja Express",
-        "Kano Movers",
-        "Port Harcourt Logistics",
-        "Ibadan Transit",
-        "Enugu Routes",
-        "Benin Transport",
-      ]}
+        "Lagos Trans",        "Abuja Express",        "Kano Movers",        "Port Harcourt Logistics",        "Ibadan Transit",        "Enugu Routes",        "Benin Transport"]}
       title="Trusted By"
       description="Leading transport and logistics partners."
     />
@@ -274,21 +143,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How is fare calculated?",
-          content: "We use historical and real-time average transport costs for specific routes.",
-        },
-        {
-          id: "f2",
-          title: "Is it free to use?",
-          content: "Yes, Ways Mobility is currently free for all commuters.",
-        },
-        {
-          id: "f3",
-          title: "How do safety alerts work?",
-          content: "We process incident data from community reports and local security news.",
-        },
+        { id: "f1", title: "How is fare calculated?", content: "We use historical and real-time average transport costs for specific routes." },
+        { id: "f2", title: "Is it free to use?", content: "Yes, Ways Mobility is currently free for all commuters." },
+        { id: "f3", title: "How do safety alerts work?", content: "We process incident data from community reports and local security news." },
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -298,9 +155,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
+      background={{ variant: "animated-grid" }}
       tag="Contact Us"
       title="Need Help? Reach Out."
       description="We are here for you. Contact us for any issues or suggestions."
@@ -310,14 +165,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Ways Mobility ®"
-      leftLink={{
-        text: "09152145620",
-        href: "tel:09152145620",
-      }}
-      rightLink={{
-        text: "isabowei@gmail.com",
-        href: "mailto:isabowei@gmail.com",
-      }}
+      leftLink={{ text: "09152145620", href: "tel:09152145620" }}
+      rightLink={{ text: "isabowei@gmail.com", href: "mailto:isabowei@gmail.com" }}
     />
   </div>
       </ReactLenis>