Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-24 08:10:46 +00:00
2 changed files with 123 additions and 237 deletions

52
src/app/login/page.tsx Normal file
View File

@@ -0,0 +1,52 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function LoginPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="small"
sizing="large"
background="aurora"
cardStyle="solid"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/features" },
{ name: "Shop", id: "/products" },
{ name: "Contact", id: "/contact" },
{ name: "Login", id: "/login" },
]}
brandName="E-Scoot Hub"
/>
</div>
<div id="login" data-section="login" className="min-h-screen pt-20 flex items-center justify-center">
<ContactSplitForm
title="Login to Your Account"
description="Manage your ride, book repairs, and track your maintenance status with ease."
inputs={[
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "password", type: "password", placeholder: "Password", required: true }
]}
buttonText="Sign In"
mediaPosition="left"
imageSrc="http://img.b2bpic.net/free-photo/handsome-man-scooter-shopping-online-phone_1303-21258.jpg"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -32,21 +32,15 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Shop",
id: "products",
},
name: "Shop", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
{
name: "Login", id: "/login"},
]}
brandName="E-Scoot Hub"
/>
@@ -55,104 +49,61 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Advanced Electric Scooty Care & Repair"
description="Secure, transparent, and real-time maintenance services. Manage your ride, book repairs, and shop premium parts effortlessly."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-motorcyle_23-2148480319.jpg",
imageAlt: "Service Center Workshop",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-motorcyle_23-2148480319.jpg", imageAlt: "Service Center Workshop"},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-scooter-shopping-online-phone_1303-21258.jpg",
imageAlt: "Battery Charging",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-scooter-shopping-online-phone_1303-21258.jpg", imageAlt: "Battery Charging"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-riding-electro-scooter-by-ofice-center_1303-31438.jpg",
imageAlt: "Technician Examining",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-riding-electro-scooter-by-ofice-center_1303-31438.jpg", imageAlt: "Technician Examining"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-traveling-with-electric-scooters_23-2149383308.jpg",
imageAlt: "City Commute",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-traveling-with-electric-scooters_23-2149383308.jpg", imageAlt: "City Commute"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-light-flare-background_1017-15282.jpg",
imageAlt: "Abstract Tech",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-light-flare-background_1017-15282.jpg", imageAlt: "Abstract Tech"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-futuristic-sci-fi-background_35913-2150.jpg",
imageAlt: "Tech Dashboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-futuristic-sci-fi-background_35913-2150.jpg", imageAlt: "Tech Dashboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg",
imageAlt: "Electric Power",
},
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg", imageAlt: "Electric Power"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-bearded-male-vaping-after-electric-scooter_613910-2142.jpg",
imageAlt: "Scooter Ride",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-bearded-male-vaping-after-electric-scooter_613910-2142.jpg", imageAlt: "Scooter Ride"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg",
imageAlt: "Repair Tools",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg", imageAlt: "Repair Tools"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-laptop-cafe_1303-16281.jpg",
imageAlt: "Battery Pack",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-laptop-cafe_1303-16281.jpg", imageAlt: "Battery Pack"},
]}
buttons={[
{
text: "Book Service",
href: "#contact",
},
text: "Book Service", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cropped-image-young-african-couple-posing-near-modern-motorbike-park_171337-11616.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/cropped-image-young-african-couple-posing-near-modern-motorbike-park_171337-11616.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/full-shot-people-with-electric-scooters-outdoors_23-2149383273.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/full-shot-people-with-electric-scooters-outdoors_23-2149383273.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292756.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292756.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-using-electric-scooter-transportation_23-2149399819.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/young-adult-using-electric-scooter-transportation_23-2149399819.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/couple-using-electric-scooter-transportation_23-2149399853.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/couple-using-electric-scooter-transportation_23-2149399853.jpg", alt: "User 5"},
]}
avatarText="Trusted by 500+ riders"
marqueeItems={[
{
type: "text",
text: "Real-time Tracking",
},
type: "text", text: "Real-time Tracking"},
{
type: "text",
text: "Certified Technicians",
},
type: "text", text: "Certified Technicians"},
{
type: "text",
text: "Premium Genuine Parts",
},
type: "text", text: "Premium Genuine Parts"},
{
type: "text",
text: "24/7 Support",
},
type: "text", text: "24/7 Support"},
{
type: "text",
text: "Eco-Friendly Repairs",
},
type: "text", text: "Eco-Friendly Repairs"},
]}
/>
</div>
@@ -174,34 +125,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Maintenance",
title: "Full Inspection",
items: [
"Performance checks",
"Software updates",
"Safety testing",
],
id: "f1", label: "Maintenance", title: "Full Inspection", items: [
"Performance checks", "Software updates", "Safety testing"],
},
{
id: "f2",
label: "Repair",
title: "Brake & Tire Service",
items: [
"Pad replacement",
"Tire pressure checks",
"Alignment adjustments",
],
id: "f2", label: "Repair", title: "Brake & Tire Service", items: [
"Pad replacement", "Tire pressure checks", "Alignment adjustments"],
},
{
id: "f3",
label: "Tech",
title: "Battery Management",
items: [
"Cell health testing",
"Charging optimization",
"Safety monitoring",
],
id: "f3", label: "Tech", title: "Battery Management", items: [
"Cell health testing", "Charging optimization", "Safety monitoring"],
},
]}
title="Service & Maintenance Highlights"
@@ -217,59 +150,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "E-Hub",
name: "High-Density Battery",
price: "$299",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/crop-driver-pushing-handle-motorbike_23-2147779105.jpg",
},
id: "p1", brand: "E-Hub", name: "High-Density Battery", price: "$299", rating: 5,
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/crop-driver-pushing-handle-motorbike_23-2147779105.jpg"},
{
id: "p2",
brand: "E-Hub",
name: "Carbon Brake Pads",
price: "$45",
rating: 4,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-young-african-couple-rides-modern-motorbike-street_171337-11675.jpg",
},
id: "p2", brand: "E-Hub", name: "Carbon Brake Pads", price: "$45", rating: 4,
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-young-african-couple-rides-modern-motorbike-street_171337-11675.jpg"},
{
id: "p3",
brand: "E-Hub",
name: "All-Terrain Tires",
price: "$65",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-tire-wrench_23-2148270642.jpg",
},
id: "p3", brand: "E-Hub", name: "All-Terrain Tires", price: "$65", rating: 5,
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-tire-wrench_23-2148270642.jpg"},
{
id: "p4",
brand: "E-Hub",
name: "Fast Power Charger",
price: "$89",
rating: 4,
reviewCount: "156",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-e-scooter-rider-outdoors_23-2148225844.jpg",
},
id: "p4", brand: "E-Hub", name: "Fast Power Charger", price: "$89", rating: 4,
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/sideways-e-scooter-rider-outdoors_23-2148225844.jpg"},
{
id: "p5",
brand: "E-Hub",
name: "Handlebar Mirror",
price: "$25",
rating: 4,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-business-couple-rides-modern-motorbike_171337-18202.jpg",
},
id: "p5", brand: "E-Hub", name: "Handlebar Mirror", price: "$25", rating: 4,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-business-couple-rides-modern-motorbike_171337-18202.jpg"},
{
id: "p6",
brand: "E-Hub",
name: "Safety Helmet",
price: "$55",
rating: 5,
reviewCount: "301",
imageSrc: "http://img.b2bpic.net/free-photo/strong-man-tropical-jungle-field-with-red-motorbike_343596-2738.jpg",
},
id: "p6", brand: "E-Hub", name: "Safety Helmet", price: "$55", rating: 5,
reviewCount: "301", imageSrc: "http://img.b2bpic.net/free-photo/strong-man-tropical-jungle-field-with-red-motorbike_343596-2738.jpg"},
]}
title="Spare Parts Catalog"
description="Genuine components for long-lasting performance."
@@ -283,57 +180,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "pr1",
badge: "Essentials",
price: "$49",
subtitle: "Basic checkup",
buttons: [
id: "pr1", badge: "Essentials", price: "$49", subtitle: "Basic checkup", buttons: [
{
text: "Select",
href: "#contact",
},
text: "Select", href: "#contact"},
],
features: [
"Full diagnostic",
"Safety check",
"Tire check",
],
"Full diagnostic", "Safety check", "Tire check"],
},
{
id: "pr2",
badge: "Professional",
price: "$129",
subtitle: "Full performance overhaul",
buttons: [
id: "pr2", badge: "Professional", price: "$129", subtitle: "Full performance overhaul", buttons: [
{
text: "Select",
href: "#contact",
},
text: "Select", href: "#contact"},
],
features: [
"Basic checkup",
"Brake service",
"Battery report",
"Motor clean",
],
"Basic checkup", "Brake service", "Battery report", "Motor clean"],
},
{
id: "pr3",
badge: "Premium",
price: "$249",
subtitle: "Total protection",
buttons: [
id: "pr3", badge: "Premium", price: "$249", subtitle: "Total protection", buttons: [
{
text: "Select",
href: "#contact",
},
text: "Select", href: "#contact"},
],
features: [
"Professional plan",
"Battery replacement discount",
"Priority support",
"Pickup included",
],
"Professional plan", "Battery replacement discount", "Priority support", "Pickup included"],
},
]}
title="Service Plans"
@@ -349,25 +217,15 @@ export default function LandingPage() {
author="David Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-1875.jpg",
alt: "Sarah",
},
src: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-1875.jpg", alt: "Sarah"},
{
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
alt: "John",
},
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "John"},
{
src: "http://img.b2bpic.net/free-photo/outdoor-activities-lifestyle-ecological-transport-concept-joyful-curly-haired-young-female-model-rides-electric-scooter-has-fun-enjoys-awesome-ride-leisure-time-poses-urban-place_273609-55768.jpg",
alt: "Emily",
},
src: "http://img.b2bpic.net/free-photo/outdoor-activities-lifestyle-ecological-transport-concept-joyful-curly-haired-young-female-model-rides-electric-scooter-has-fun-enjoys-awesome-ride-leisure-time-poses-urban-place_273609-55768.jpg", alt: "Emily"},
{
src: "http://img.b2bpic.net/free-photo/smart-bearded-businessman-is-standing-close-his-electro-bike-while-smoking-vaporiser_613910-12830.jpg",
alt: "David",
},
src: "http://img.b2bpic.net/free-photo/smart-bearded-businessman-is-standing-close-his-electro-bike-while-smoking-vaporiser_613910-12830.jpg", alt: "David"},
{
src: "http://img.b2bpic.net/free-photo/cyclist-riding-city-park_654080-1814.jpg",
alt: "Jessica",
},
src: "http://img.b2bpic.net/free-photo/cyclist-riding-city-park_654080-1814.jpg", alt: "Jessica"},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -380,20 +238,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I track my service?",
content: "You will receive a dashboard link once your booking is confirmed, allowing real-time progress monitoring.",
},
id: "q1", title: "How do I track my service?", content: "You will receive a dashboard link once your booking is confirmed, allowing real-time progress monitoring."},
{
id: "q2",
title: "Do you provide pickup?",
content: "Yes, our Premium plan includes free scooter pickup and drop-off service within a 10km radius.",
},
id: "q2", title: "Do you provide pickup?", content: "Yes, our Premium plan includes free scooter pickup and drop-off service within a 10km radius."},
{
id: "q3",
title: "Are parts guaranteed?",
content: "All our spare parts carry a 6-month warranty against manufacturing defects.",
},
id: "q3", title: "Are parts guaranteed?", content: "All our spare parts carry a 6-month warranty against manufacturing defects."},
]}
imageSrc="http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-training-intern-how-use-computer-software_482257-117866.jpg"
mediaAnimation="opacity"
@@ -407,14 +256,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Need professional maintenance? Contact us today to schedule your service or WhatsApp our support team."
buttons={[
{
text: "WhatsApp Support",
href: "https://wa.me/yournumber",
},
text: "WhatsApp Support", href: "https://wa.me/yournumber"},
]}
/>
</div>
@@ -425,33 +271,21 @@ export default function LandingPage() {
{
items: [
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
{
label: "Store",
href: "#products",
},
label: "Store", href: "#products"},
{
label: "Booking",
href: "#contact",
},
label: "Booking", href: "#contact"},
],
},
{
items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Support",
href: "https://wa.me/yournumber",
},
label: "Support", href: "https://wa.me/yournumber"},
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
],
},
]}