Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
99
src/app/contact/page.tsx
Normal file
99
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,99 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export const metadata = {
|
||||
title: 'Contact Us | RapidDeliver',
|
||||
description: 'Get in touch with RapidDeliver for inquiries, support, or a free quote. Our team is ready to assist you with all your delivery needs.',
|
||||
keywords: ["contact, support, customer service, RapidDeliver, delivery inquiry, free quote"],
|
||||
};
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Partners", id: "#partners" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="RapidDeliver"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to simplify your deliveries? Get in touch with our team today and experience the RapidDeliver difference!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "/contact"},
|
||||
{
|
||||
text: "Get a Free Quote", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Standard Delivery", href: "#pricing" },
|
||||
{ label: "Express Delivery", href: "#pricing" },
|
||||
{ label: "Business Solutions", href: "#pricing" },
|
||||
{ label: "International Shipping", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Mission", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Partnerships", href: "#partners" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "/faq" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Track Order", href: "#features" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="RapidDeliver"
|
||||
copyrightText="© 2024 RapidDeliver. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
105
src/app/faq/page.tsx
Normal file
105
src/app/faq/page.tsx
Normal file
@@ -0,0 +1,105 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export const metadata = {
|
||||
title: 'Frequently Asked Questions | RapidDeliver',
|
||||
description: 'Find quick answers to common questions about RapidDeliver\'s delivery services, tracking, international shipping, and more.',
|
||||
keywords: ["FAQ, frequently asked questions, delivery questions, shipping queries, RapidDeliver help"],
|
||||
};
|
||||
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Partners", id: "#partners" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="RapidDeliver"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I track my delivery?", content: "You can track your delivery in real-time using the tracking number provided in your confirmation email. Simply enter it on our website's 'Track Order' section."},
|
||||
{
|
||||
id: "2", title: "What are your delivery times?", content: "Our standard delivery times vary by service type and destination. Express deliveries are typically next-day, while standard services range from 2-5 business days. Specific estimates are provided at checkout."},
|
||||
{
|
||||
id: "3", title: "Do you offer international shipping?", content: "Yes, we offer reliable international shipping to over 250 countries. Please note that customs duties and taxes may apply, which are the responsibility of the recipient."},
|
||||
{
|
||||
id: "4", title: "What if my package is delayed or lost?", content: "In the rare event of a delay or lost package, please contact our 24/7 customer support. We will investigate immediately and keep you informed of the resolution process."},
|
||||
{
|
||||
id: "5", title: "Can I change my delivery address after shipment?", content: "Depending on the shipment status and carrier policy, it may be possible to update the delivery address. Please contact our support team as soon as possible for assistance."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to your most common questions about our delivery services, tracking, and more."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Standard Delivery", href: "#pricing" },
|
||||
{ label: "Express Delivery", href: "#pricing" },
|
||||
{ label: "Business Solutions", href: "#pricing" },
|
||||
{ label: "International Shipping", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Mission", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Partnerships", href: "#partners" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "/faq" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Track Order", href: "#features" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="RapidDeliver"
|
||||
copyrightText="© 2024 RapidDeliver. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
167
src/app/find-ride/page.tsx
Normal file
167
src/app/find-ride/page.tsx
Normal file
@@ -0,0 +1,167 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Compass, MapPin, Zap } from "lucide-react";
|
||||
|
||||
export default function FindRidePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"
|
||||
},
|
||||
{
|
||||
name: "About", id: "#about"
|
||||
},
|
||||
{
|
||||
name: "Features", id: "#features"
|
||||
},
|
||||
{
|
||||
name: "Metrics", id: "#metrics"
|
||||
},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"
|
||||
},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"
|
||||
},
|
||||
{
|
||||
name: "Partners", id: "#partners"
|
||||
},
|
||||
{
|
||||
name: "FAQ", id: "#faq"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "#contact"
|
||||
},
|
||||
{
|
||||
name: "Trouver un trajet", id: "/find-ride"
|
||||
},
|
||||
{
|
||||
name: "Proposer un trajet", id: "/post-ride"
|
||||
}
|
||||
]}
|
||||
brandName="RapidDeliver"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="find-ride" data-section="find-ride">
|
||||
<ContactCenter
|
||||
tag="Recherche de trajets"
|
||||
title="Trouver un trajet"
|
||||
description="Entrez votre destination et vos préférences pour découvrir les trajets disponibles en temps réel."
|
||||
inputPlaceholder="Entrez votre destination"
|
||||
buttonText="Rechercher un trajet"
|
||||
background={{
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
title="Carte interactive & Géolocalisation"
|
||||
description="Explorez les trajets sur une carte dynamique et utilisez la géolocalisation pour trouver des départs et arrivées près de chez vous."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Temps réel", description: "Mises à jour instantanées", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Précision", description: "Géolocalisation avancée", icon: MapPin
|
||||
},
|
||||
{
|
||||
title: "Facilité", description: "Navigation intuitive", icon: Compass
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-with-pin-vector_53876-138323.jpg"
|
||||
imageAlt="Interactive map with geolocation markers"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Trouver un trajet", href: "/find-ride"
|
||||
},
|
||||
{
|
||||
label: "Proposer un trajet", href: "/post-ride"
|
||||
},
|
||||
{
|
||||
label: "Standard Delivery", href: "#pricing"
|
||||
},
|
||||
{
|
||||
label: "Express Delivery", href: "#pricing"
|
||||
},
|
||||
{
|
||||
label: "Business Solutions", href: "#pricing"
|
||||
},
|
||||
{
|
||||
label: "International Shipping", href: "#features"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Our Mission", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Careers", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Partnerships", href: "#partners"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"
|
||||
},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"
|
||||
},
|
||||
{
|
||||
label: "Track Order", href: "#features"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="RapidDeliver"
|
||||
copyrightText="© 2024 RapidDeliver. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
83
src/app/messagerie/page.tsx
Normal file
83
src/app/messagerie/page.tsx
Normal file
@@ -0,0 +1,83 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { MessageSquare, Star } from "lucide-react";
|
||||
|
||||
export default function MessageriePage() {
|
||||
const updatedNavItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Partners", id: "#partners" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
{ name: "Messagerie", id: "/messagerie" },
|
||||
{ name: "Paiement", id: "/paiement" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={updatedNavItems} brandName="RapidDeliver" />
|
||||
</div>
|
||||
|
||||
<div id="messaging-hero" data-section="messaging-hero">
|
||||
<HeroBillboardScroll
|
||||
title="Instant Messaging, Seamless Connections"
|
||||
description="Communicate in real-time with your delivery team and customers. Get instant updates, share details, and ensure smooth coordination for every delivery."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Start Chatting", href: "#" }]}
|
||||
tag="Connect Instantly"
|
||||
tagIcon={MessageSquare}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-using-digital-devices-connection_53876-26759.jpg"
|
||||
imageAlt="People chatting on mobile devices"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="messagerie-reviews" data-section="messagerie-reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "chat-1", name: "Alex P.", handle: "@AlexP_Dev", testimonial: "The messaging feature is a lifesaver! Real-time communication with drivers makes our operations so much smoother.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone-indoors_23-2148785025.jpg", imageAlt: "Alex P. profile"
|
||||
},
|
||||
{
|
||||
id: "chat-2", name: "Brenda T.", handle: "@BrendaT_Store", testimonial: "Being able to chat directly with customers about their orders has significantly improved our service quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-wearing-blue-suit_53876-136017.jpg", imageAlt: "Brenda T. profile"
|
||||
},
|
||||
{
|
||||
id: "chat-3", name: "Carlos M.", handle: "@CarlosM_Client", testimonial: "Quick responses and clear communication. This messaging system sets RapidDeliver apart.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dark-hair-beard-wears-jeans-shirt-gestures-looks-aside-thoughtfully_197531-15893.jpg", imageAlt: "Carlos M. profile"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
title="User Reviews for Messagerie"
|
||||
description="Hear what users say about our real-time communication tools."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -2,17 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import { Box, Calendar, Clock, Compass, Gauge, Globe, LifeBuoy, Lock, MapPin, Rocket, Search, Settings, Shield, ShieldCheck, Sparkles, Star, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -48,9 +47,11 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "Partners", id: "#partners"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
name: "FAQ", id: "/faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Admin", id: "/admin"},
|
||||
]}
|
||||
brandName="RapidDeliver"
|
||||
/>
|
||||
@@ -309,41 +310,7 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I track my delivery?", content: "You can track your delivery in real-time using the tracking number provided in your confirmation email. Simply enter it on our website's 'Track Order' section."},
|
||||
{
|
||||
id: "2", title: "What are your delivery times?", content: "Our standard delivery times vary by service type and destination. Express deliveries are typically next-day, while standard services range from 2-5 business days. Specific estimates are provided at checkout."},
|
||||
{
|
||||
id: "3", title: "Do you offer international shipping?", content: "Yes, we offer reliable international shipping to over 250 countries. Please note that customs duties and taxes may apply, which are the responsibility of the recipient."},
|
||||
{
|
||||
id: "4", title: "What if my package is delayed or lost?", content: "In the rare event of a delay or lost package, please contact our 24/7 customer support. We will investigate immediately and keep you informed of the resolution process."},
|
||||
{
|
||||
id: "5", title: "Can I change my delivery address after shipment?", content: "Depending on the shipment status and carrier policy, it may be possible to update the delivery address. Please contact our support team as soon as possible for assistance."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to your most common questions about our delivery services, tracking, and more."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to simplify your deliveries? Get in touch with our team today and experience the RapidDeliver difference!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "#"},
|
||||
{
|
||||
text: "Get a Free Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
@@ -375,9 +342,9 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
label: "FAQ", href: "/faq"},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Track Order", href: "#features"},
|
||||
{
|
||||
|
||||
83
src/app/paiement/page.tsx
Normal file
83
src/app/paiement/page.tsx
Normal file
@@ -0,0 +1,83 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { CreditCard, Lock, Star } from "lucide-react";
|
||||
|
||||
export default function PaiementPage() {
|
||||
const updatedNavItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Partners", id: "#partners" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
{ name: "Messagerie", id: "/messagerie" },
|
||||
{ name: "Paiement", id: "/paiement" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={updatedNavItems} brandName="RapidDeliver" />
|
||||
</div>
|
||||
|
||||
<div id="payment-hero" data-section="payment-hero">
|
||||
<HeroBillboardScroll
|
||||
title="Secure Payments, Effortless Transactions"
|
||||
description="Process payments with confidence. Our secure gateway ensures fast, reliable, and protected transactions for all your delivery services."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[{ text: "Make a Payment", href: "#" }]}
|
||||
tag="Pay Securely"
|
||||
tagIcon={CreditCard}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-smartphone-using-mobile-banking-app_53876-136423.jpg"
|
||||
imageAlt="Secure online payment on a mobile phone"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="paiement-reviews" data-section="paiement-reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "pay-1", name: "Daniel F.", handle: "@DanielF_Ecom", testimonial: "The payment process is incredibly smooth and secure. Our customers appreciate the ease of transaction.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-working-with-laptop-documents_23-2148767355.jpg", imageAlt: "Daniel F. profile"
|
||||
},
|
||||
{
|
||||
id: "pay-2", name: "Grace H.", handle: "@GraceH_Finance", testimonial: "RapidDeliver's payment gateway provides peace of mind with its robust security features. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-tablet-at-cafe_23-2148671607.jpg", imageAlt: "Grace H. profile"
|
||||
},
|
||||
{
|
||||
id: "pay-3", name: "Isabella K.", handle: "@IsabellaK_Biz", testimonial: "Fast and reliable payment processing. It's an essential part of our seamless delivery workflow.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-lady-having-conversation-while-writing-her-notepad-cafe_23-2148671569.jpg", imageAlt: "Isabella K. profile"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
title="User Reviews for Paiement"
|
||||
description="See what users say about our secure and efficient payment system."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
144
src/app/post-ride/page.tsx
Normal file
144
src/app/post-ride/page.tsx
Normal file
@@ -0,0 +1,144 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function PostRidePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"
|
||||
},
|
||||
{
|
||||
name: "About", id: "#about"
|
||||
},
|
||||
{
|
||||
name: "Features", id: "#features"
|
||||
},
|
||||
{
|
||||
name: "Metrics", id: "#metrics"
|
||||
},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"
|
||||
},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"
|
||||
},
|
||||
{
|
||||
name: "Partners", id: "#partners"
|
||||
},
|
||||
{
|
||||
name: "FAQ", id: "#faq"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "#contact"
|
||||
},
|
||||
{
|
||||
name: "Trouver un trajet", id: "/find-ride"
|
||||
},
|
||||
{
|
||||
name: "Proposer un trajet", id: "/post-ride"
|
||||
}
|
||||
]}
|
||||
brandName="RapidDeliver"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="post-ride" data-section="post-ride">
|
||||
<ContactCenter
|
||||
tag="Offrir un trajet"
|
||||
title="Proposer un trajet"
|
||||
description="Publiez les détails de votre voyage, y compris l'itinéraire, l'heure et les places disponibles. Aidez d'autres voyageurs tout en optimisant vos trajets."
|
||||
inputPlaceholder="Destination (e.g., Paris)"
|
||||
buttonText="Publier le trajet"
|
||||
background={{
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Trouver un trajet", href: "/find-ride"
|
||||
},
|
||||
{
|
||||
label: "Proposer un trajet", href: "/post-ride"
|
||||
},
|
||||
{
|
||||
label: "Standard Delivery", href: "#pricing"
|
||||
},
|
||||
{
|
||||
label: "Express Delivery", href: "#pricing"
|
||||
},
|
||||
{
|
||||
label: "Business Solutions", href: "#pricing"
|
||||
},
|
||||
{
|
||||
label: "International Shipping", href: "#features"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Our Mission", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Careers", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Partnerships", href: "#partners"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"
|
||||
},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"
|
||||
},
|
||||
{
|
||||
label: "Track Order", href: "#features"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="RapidDeliver"
|
||||
copyrightText="© 2024 RapidDeliver. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
60
src/app/profil-passager/page.tsx
Normal file
60
src/app/profil-passager/page.tsx
Normal file
@@ -0,0 +1,60 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import React from "react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
const navItemsConfig = [
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Passager", id: "/profil-passager" },
|
||||
{ name: "Chauffeur", id: "/profil-chauffeur" },
|
||||
{ name: "Connexion", id: "/login" },
|
||||
{ name: "Inscription", id: "/register" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Partners", id: "#partners" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
];
|
||||
|
||||
export default function ProfilPassagerPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<NavbarStyleFullscreen navItems={navItemsConfig} brandName="RapidDeliver" />
|
||||
<div className="min-h-[60vh] flex items-center justify-center p-8">
|
||||
<div className="max-w-4xl text-center">
|
||||
<h1 className="text-5xl font-bold mb-4">Tableau de Bord Passager</h1>
|
||||
<p className="text-xl text-foreground/80 mb-8">Gérez vos trajets, consultez votre historique et mettez à jour votre profil.</p>
|
||||
{/* Placeholder for passenger specific content, e.g., ride history, bookings */}
|
||||
<div className="bg-card p-6 rounded-lg shadow-lg">
|
||||
<p className="text-foreground">Bienvenue dans votre espace passager. Ici, vous trouverez toutes les informations relatives à vos voyages et paramètres de compte.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Standard Delivery", href: "#pricing" }, { label: "Express Delivery", href: "#pricing" }, { label: "Business Solutions", href: "#pricing" }, { label: "International Shipping", href: "#features" }]},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Mission", href: "#about" }, { label: "Careers", href: "#" }, { label: "Partnerships", href: "#partners" }]},
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }, { label: "Track Order", href: "#features" }, { label: "Terms of Service", href: "#" }]},
|
||||
]}
|
||||
logoText="RapidDeliver"
|
||||
copyrightText="© 2024 RapidDeliver. All rights reserved."
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #ff8c42;
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user