Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
227
src/app/page.tsx
227
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>
|
||||
|
||||
Reference in New Issue
Block a user