396 lines
19 KiB
TypeScript
396 lines
19 KiB
TypeScript
"use client";
|
|
|
|
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 { 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() {
|
|
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"},
|
|
]}
|
|
brandName="RapidDeliver"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="Your World, Delivered Faster"
|
|
description="Experience unparalleled speed and reliability. From parcels to packages, we ensure your deliveries arrive on time, every time, connecting you to what matters most."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.", handle: "@SarahJ", testimonial: "RapidDeliver transformed our e-commerce logistics. Their speed and precision are unmatched!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg", imageAlt: "Sarah J. photo"},
|
|
{
|
|
name: "Michael C.", handle: "@MichaelC", testimonial: "Reliable service every single time. Their real-time tracking gives us peace of mind.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", imageAlt: "Michael C. photo"},
|
|
{
|
|
name: "Emily R.", handle: "@EmilyR", testimonial: "From urgent documents to fragile items, RapidDeliver handles everything with utmost care.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg", imageAlt: "Emily R. photo"},
|
|
{
|
|
name: "David K.", handle: "@DavidK", testimonial: "The business plan is fantastic value. Our deliveries are now effortless and cost-effective.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/triumph-success-mature-win-lady_1194-7884.jpg", imageAlt: "David K. photo"},
|
|
{
|
|
name: "Jessica L.", handle: "@JessicaL", testimonial: "Always on time, always professional. RapidDeliver is our go-to for all shipping needs.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg", imageAlt: "Jessica L. photo"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get a Quote", href: "#pricing"},
|
|
{
|
|
text: "Track Your Order", href: "#features"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg", alt: "Customer avatar 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "Customer avatar 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-africanamerican-woman-triumphing-winning-making-fist-pump-shouting-joy_1258-130712.jpg", alt: "Customer avatar 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", alt: "Customer avatar 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "Customer avatar 5"},
|
|
]}
|
|
avatarText="Trusted by thousands"
|
|
imageSrc="http://img.b2bpic.net/free-photo/red-cargo-truck-driving-highway-through-forest-delivering-freight-fast-logistics-transport_169016-71777.jpg"
|
|
imageAlt="Modern delivery truck in an urban setting, representing fast and efficient service."
|
|
mediaAnimation="opacity"
|
|
fixedMediaHeight={true}
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Fast & Reliable", icon: Rocket,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Real-time Tracking", icon: Compass,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Secure Delivery", icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Global Network", icon: Globe,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Customer Satisfaction", icon: Star,
|
|
},
|
|
]}
|
|
showMarqueeCard={true}
|
|
marqueeSpeed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="left"
|
|
title="Connecting You to What Matters"
|
|
description="RapidDeliver is dedicated to revolutionizing the delivery experience. We combine cutting-edge logistics with a customer-first approach to make sure your items reach their destination efficiently and securely, whether it's across town or across the globe."
|
|
bulletPoints={[
|
|
{
|
|
title: "Rapid & Reliable", description: "Our optimized network ensures your packages arrive quickly and safely, every time.", icon: Gauge,
|
|
},
|
|
{
|
|
title: "Transparent Tracking", description: "Stay informed with real-time updates and precise GPS tracking from pickup to delivery.", icon: MapPin,
|
|
},
|
|
{
|
|
title: "Exceptional Support", description: "Our dedicated customer service team is ready to assist you 24/7 with any query or concern.", icon: LifeBuoy,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg"
|
|
imageAlt="Global delivery network shown on a digital map, highlighting logistics and routes."
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Real-Time Tracking", description: "Monitor your deliveries every step of the way with our advanced GPS tracking system. Get live updates and accurate ETAs directly to your device.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-mobile-phone_53876-40348.jpg", imageAlt: "Real-time delivery tracking interface on a smartphone"},
|
|
items: [
|
|
{
|
|
icon: MapPin,
|
|
text: "Live Location"},
|
|
{
|
|
icon: Clock,
|
|
text: "Accurate ETA"},
|
|
{
|
|
icon: Search,
|
|
text: "Detailed Updates"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Secure Handling", description: "Your items are our priority. We employ robust security measures and careful handling protocols to ensure every package arrives in pristine condition.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-entering-box_23-2149516444.jpg", imageAlt: "Warehouse worker securely handling a package"},
|
|
items: [
|
|
{
|
|
icon: Lock,
|
|
text: "Encrypted Data"},
|
|
{
|
|
icon: Shield,
|
|
text: "Insured Shipments"},
|
|
{
|
|
icon: Box,
|
|
text: "Careful Packaging"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Flexible Scheduling", description: "Tailor your delivery times to fit your schedule. Choose from various delivery windows and re-schedule with ease, giving you full control.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-smartphone_23-2148943302.jpg", imageAlt: "Calendar interface showing flexible delivery scheduling options"},
|
|
items: [
|
|
{
|
|
icon: Calendar,
|
|
text: "Custom Windows"},
|
|
{
|
|
icon: Settings,
|
|
text: "Easy Reschedule"},
|
|
{
|
|
icon: Users,
|
|
text: "Recipient Control"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Seamless Delivery, Smart Features"
|
|
description="Discover how our intelligent platform makes delivery simple, efficient, and stress-free for everyone."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "packages", value: "1M+", description: "Packages Delivered Annually"},
|
|
{
|
|
id: "on-time", value: "99.8%", description: "On-Time Delivery Rate"},
|
|
{
|
|
id: "cities", value: "250+", description: "Cities Served Globally"},
|
|
]}
|
|
title="Our Impact, Your Trust"
|
|
description="See the numbers behind our commitment to excellence and customer satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "standard", badge: "Popular", badgeIcon: Sparkles,
|
|
price: "$9.99", name: "Standard Delivery", buttons: [
|
|
{
|
|
text: "Select Plan"},
|
|
],
|
|
features: [
|
|
"Reliable 2-3 Day Delivery", "Basic Tracking Notifications", "Standard Customer Support"],
|
|
},
|
|
{
|
|
id: "express", badge: "Fastest", badgeIcon: Zap,
|
|
price: "$19.99", name: "Express Delivery", buttons: [
|
|
{
|
|
text: "Select Plan"},
|
|
],
|
|
features: [
|
|
"Guaranteed Next-Day Delivery", "Real-Time GPS Tracking", "Priority Customer Support", "Optional Signature Confirmation"],
|
|
},
|
|
{
|
|
id: "business", badge: "Best Value", badgeIcon: Star,
|
|
price: "$99/month", name: "Business Solutions", buttons: [
|
|
{
|
|
text: "Contact Sales"},
|
|
],
|
|
features: [
|
|
"Unlimited Monthly Deliveries", "Dedicated Account Manager", "Advanced Analytics & Reporting", "Custom Integration Options"],
|
|
},
|
|
]}
|
|
title="Plans for Every Delivery Need"
|
|
description="Whether you're sending a single package or managing bulk shipments, we have a flexible plan tailored for you."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Anna Williams", handle: "@AnnaW_Biz", testimonial: "RapidDeliver has been a game-changer for our small business. Their reliability means we never miss a deadline!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-using-laptop-new-home_839833-9796.jpg", imageAlt: "Anna Williams"},
|
|
{
|
|
id: "2", name: "Ben Carter", handle: "@BenC_Logistics", testimonial: "The real-time tracking is incredibly accurate, keeping our clients informed and happy. A truly exceptional service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-delivery-man-holding-parcel-cardboard-box-against-yellow-background_93675-133652.jpg", imageAlt: "Ben Carter"},
|
|
{
|
|
id: "3", name: "Chloe Davis", handle: "@ChloeD_Commerce", testimonial: "We rely on RapidDeliver for all our e-commerce shipments. Fast, secure, and their support team is fantastic!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-smiley-woman-looking-box_23-2148764538.jpg", imageAlt: "Chloe Davis"},
|
|
{
|
|
id: "4", name: "Daniel Evans", handle: "@DanielE_Tech", testimonial: "Their flexible scheduling options saved us so much time and hassle. Highly recommend for any business.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3984.jpg", imageAlt: "Daniel Evans"},
|
|
{
|
|
id: "5", name: "Ella Foster", handle: "@EllaF_Retail", testimonial: "From fragile items to urgent documents, RapidDeliver handles every package with professional care. Top-notch service!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-using-phone-while-moving-house_329181-19971.jpg", imageAlt: "Ella Foster"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Customers Say"
|
|
description="Hear directly from businesses and individuals who trust RapidDeliver for their crucial shipments, big and small."
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"GlobalTech Solutions", "EcoMart Retail", "SwiftLogistics Inc.", "HealthPrime Pharma", "InnovateAI Group", "EduVerse Online", "FinWise Capital"]}
|
|
title="Trusted by Leading Brands"
|
|
description="We're proud to partner with businesses of all sizes, ensuring their products and services reach customers seamlessly and efficiently."
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</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
|
|
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>
|
|
);
|
|
}
|