Files
49030b63-2554-4c19-a8e0-e05…/src/app/page.tsx
2026-04-24 12:20:56 +00:00

384 lines
13 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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? Lets 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>
);
}