384 lines
13 KiB
TypeScript
384 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import { CheckCircle, FileText, Globe, Package, Truck, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Why Us",
|
||
id: "why-us",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Patidar Logistic Solution"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
title="Fast, Reliable & Nationwide Logistics You Can Trust"
|
||
description="We handle your deliveries with speed, safety, and precision — so you can focus on growing your business."
|
||
buttons={[
|
||
{
|
||
text: "Get a Quote",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Chat on WhatsApp",
|
||
href: "https://wa.me/7600434833",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151662987.jpg?_wi=1"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||
alt: "Middle age businessman smiling happy standing at the city",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||
alt: "Successful senior businessman standing at window",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||
alt: "Confident Handsome Middle-aged Entrepreneur",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||
alt: "Portrait of a happy successful businessman standing in restaurant with crossed arm",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",
|
||
alt: "young businessman happy expression",
|
||
},
|
||
]}
|
||
avatarText="Trusted by 500+ global partners"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "m1",
|
||
value: "100+",
|
||
description: "Successful Deliveries",
|
||
},
|
||
{
|
||
id: "m2",
|
||
value: "24/7",
|
||
description: "Support Available",
|
||
},
|
||
{
|
||
id: "m3",
|
||
value: "100%",
|
||
description: "On-Time Reliability",
|
||
},
|
||
]}
|
||
title="Proven Excellence"
|
||
description="Our numbers speak for themselves in delivering trust."
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Local Delivery",
|
||
description: "Fast and secure local distribution.",
|
||
icon: Truck,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-woman-holding-pack_23-2149103398.jpg?_wi=1",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-courier-delivering-package-senior-customer_637285-2359.jpg",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151662987.jpg?_wi=2",
|
||
imageAlt: "local delivery service parcel",
|
||
},
|
||
{
|
||
title: "Nationwide Shipping",
|
||
description: "Reliable transport across the country.",
|
||
icon: Globe,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/shipping-center-features-products-delivery-procedures-transit_482257-83354.jpg?_wi=1",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-people-looking-supplies-list-pc-working-with-computer-check-inventory-logistics-employees-organizing-merchandise-shelves-warehouse-space-handheld-shot_482257-63029.jpg",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-woman-holding-pack_23-2149035948.jpg",
|
||
imageAlt: "local delivery service parcel",
|
||
},
|
||
{
|
||
title: "Express Delivery",
|
||
description: "Priority handling for urgent needs.",
|
||
icon: Zap,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=1",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/singil-district-seoul-south-korea-skyline-night_335224-285.jpg",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg?_wi=1",
|
||
imageAlt: "local delivery service parcel",
|
||
},
|
||
]}
|
||
title="Comprehensive Logistics Solutions"
|
||
description="We provide end-to-end logistics support to keep your business moving."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<MediaAbout
|
||
useInvertedBackground={true}
|
||
title="Why Choose Patidar Logistic Solution?"
|
||
description="Our commitment to speed, professional service, and affordable pricing sets us apart in the logistics sector."
|
||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663053.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="how-it-works" data-section="how-it-works">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "1. Request a Quote",
|
||
description: "Fill out our simple form or call us.",
|
||
icon: FileText,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-pack_23-2149103400.jpg",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-still-life-with-toy-trucks_23-2148790053.jpg",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151662987.jpg?_wi=3",
|
||
imageAlt: "local delivery service parcel",
|
||
},
|
||
{
|
||
title: "2. We Pick Up",
|
||
description: "Professional team collects your goods.",
|
||
icon: Package,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/export-supervisor-drafting-billing-product-logistics_482257-88029.jpg",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148902559.jpg",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-woman-holding-pack_23-2149103398.jpg?_wi=2",
|
||
imageAlt: "local delivery service parcel",
|
||
},
|
||
{
|
||
title: "3. Safe Delivery",
|
||
description: "Fast delivery to your destination.",
|
||
icon: CheckCircle,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/order-delivery-online-shopping-package-shipping-concept-funny-cute-bearded-courier-red-uniform-cap-t-shirt-holding-box-head-employee-with-package-smiling_1258-85026.jpg",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-handsome-african-american-delivery-man-rush-running-delivering-package-customer-isolated-grey-studio-background-copy-space_1258-1274.jpg",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/shipping-center-features-products-delivery-procedures-transit_482257-83354.jpg?_wi=2",
|
||
imageAlt: "local delivery service parcel",
|
||
},
|
||
]}
|
||
title="Simple 3-Step Process"
|
||
description="Getting your goods delivered has never been easier."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
title: "Great Service",
|
||
quote: "Very reliable and fast delivery service.",
|
||
name: "Sarah Johnson",
|
||
role: "CEO",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t2",
|
||
title: "Efficient",
|
||
quote: "Helped my business scale logistics easily.",
|
||
name: "Michael Chen",
|
||
role: "CTO",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t3",
|
||
title: "Professional",
|
||
quote: "Always on time and professional.",
|
||
name: "Emily Rodriguez",
|
||
role: "Director",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg",
|
||
},
|
||
{
|
||
id: "t4",
|
||
title: "Excellent",
|
||
quote: "Top-tier logistics support for our warehouse.",
|
||
name: "David Kim",
|
||
role: "Manager",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||
},
|
||
{
|
||
id: "t5",
|
||
title: "Recommended",
|
||
quote: "The best partner for nationwide shipping.",
|
||
name: "John Smith",
|
||
role: "Logistics Lead",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",
|
||
},
|
||
]}
|
||
title="Trusted by Businesses"
|
||
description="See why clients rely on our logistics services daily."
|
||
/>
|
||
</div>
|
||
|
||
<div id="cta" data-section="cta">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Need Fast Delivery? Let’s Move Your Goods Today"
|
||
description="Contact us now for a free consultation or to book your shipment."
|
||
inputs={[
|
||
{
|
||
name: "name",
|
||
type: "text",
|
||
placeholder: "Your Name",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "phone",
|
||
type: "tel",
|
||
placeholder: "Your Phone",
|
||
required: true,
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/supply-chain-products-with-shipment-invoice-labels-packages_482257-83349.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Get in Touch"
|
||
description="Call us: 7600434833 / 9375754158"
|
||
inputs={[
|
||
{
|
||
name: "email",
|
||
type: "email",
|
||
placeholder: "Email Address",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "msg",
|
||
type: "text",
|
||
placeholder: "Your Message",
|
||
required: true,
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Local Delivery",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Nationwide",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact",
|
||
items: [
|
||
{
|
||
label: "7600434833",
|
||
href: "tel:7600434833",
|
||
},
|
||
{
|
||
label: "Email Us",
|
||
href: "mailto:info@patidar.com",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="PLS"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|