Compare commits
62 Commits
version_18
...
version_35
| Author | SHA1 | Date | |
|---|---|---|---|
| 7ab952c525 | |||
| 250cd336ed | |||
| b1d1168b44 | |||
| b2e33efab4 | |||
| b5e78859a6 | |||
| 75d9ca842a | |||
| bb550a139b | |||
| 481462914c | |||
| e73ef1ce51 | |||
| 41813a3f41 | |||
| bb12668815 | |||
| 4695b3c019 | |||
| 4a51ce697e | |||
| dab91f04bb | |||
| 1d7b952054 | |||
| 6ba0c32863 | |||
| 86e89ed5ec | |||
| 79c9909fa5 | |||
| ae5ab3c17b | |||
| 2446f313a5 | |||
| 6d232fac11 | |||
| 5111b475fe | |||
| 56710d6c3d | |||
| 7b4022a4b7 | |||
| f7c31a84ec | |||
| 42622a863f | |||
| 5aedf27be4 | |||
| 5e63f0c69a | |||
| 507cf7631e | |||
| 7d3ee074e4 | |||
| 2b90eb6a0b | |||
| 7c990a2156 | |||
| 5260ba8ad3 | |||
| 16f7182325 | |||
| ad001495bd | |||
| 23212fd5fb | |||
| 8aa2dccec1 | |||
| e32f65e1d1 | |||
| 138473bbd8 | |||
| 57e90623be | |||
| c26631bbdd | |||
| d38d8dff1b | |||
| 6b54728f69 | |||
| 8cedb657d6 | |||
| 6a193f9871 | |||
| fae56d8938 | |||
| 0cfc3ad0cc | |||
| db370fe363 | |||
| 3eddb08283 | |||
| b26c6f314e | |||
| 19ea07a95a | |||
| 674d415262 | |||
| e691c24a5e | |||
| 913b056bad | |||
| f6a9e61066 | |||
| a1db0eb872 | |||
| aaf69b4a41 | |||
| 5a4c243159 | |||
| 18a12c512c | |||
| 9f1bdc6148 | |||
| e4dd579c1c | |||
| 89b1bffe4c |
@@ -12,7 +12,6 @@ export default function ContactPage() {
|
|||||||
{ name: "How It Works", id: "/how-it-works" },
|
{ name: "How It Works", id: "/how-it-works" },
|
||||||
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Loading Gallery", id: "/loading-gallery" },
|
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -4,9 +4,27 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||||
|
import { useState } from 'react';
|
||||||
|
|
||||||
export default function GalleryPage() {
|
export default function GalleryPage() {
|
||||||
|
const [galleryItems] = useState([
|
||||||
|
{ id: "1", title: "Secure Loading", content: "High-tech container loading processes" },
|
||||||
|
{ id: "2", title: "Vehicle Transit", content: "Specialized vehicle securement techniques" },
|
||||||
|
{ id: "3", title: "Industrial Handling", content: "Expert industrial gear management" },
|
||||||
|
{ id: "4", title: "Bulk Logistics", content: "Streamlined commercial bulk transit" },
|
||||||
|
{ id: "5", title: "Dubai Hub", content: "Centralized receiving operations" },
|
||||||
|
{ id: "6", title: "Precision Sorting", content: "Careful inventory management" },
|
||||||
|
{ id: "7", title: "Ghana Warehouse", content: "Secure facility arrival process" },
|
||||||
|
{ id: "8", title: "Global Tracking", content: "Constant logistics surveillance" },
|
||||||
|
{ id: "9", title: "Automotive Strapping", content: "Detailed vehicle securement" },
|
||||||
|
{ id: "10", title: "Heavy Gear Tie-down", content: "Heavy industrial machinery protocols" },
|
||||||
|
{ id: "11", title: "Temperature Control", content: "Climate controlled shipping units" },
|
||||||
|
{ id: "12", title: "Customs Processing", content: "Rapid port clearance documentation" },
|
||||||
|
{ id: "13", title: "Inventory Scanning", content: "Barcode-based intake tracking" },
|
||||||
|
{ id: "14", title: "Load Optimization", content: "Maximized container volumetric efficiency" }
|
||||||
|
]);
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Services", id: "/services" },
|
{ name: "Services", id: "/services" },
|
||||||
{ name: "How It Works", id: "/how-it-works" },
|
{ name: "How It Works", id: "/how-it-works" },
|
||||||
@@ -16,13 +34,6 @@ export default function GalleryPage() {
|
|||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const galleryItems = [
|
|
||||||
{ id: "p1", brand: "Logistics", name: "Heavy Duty Loading", price: "Secure", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
|
|
||||||
{ id: "p2", brand: "Logistics", name: "Vehicle Securement", price: "Verified", rating: 5, reviewCount: "2026", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },
|
|
||||||
{ id: "p3", brand: "Logistics", name: "Industrial Machinery", price: "Handled", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" },
|
|
||||||
{ id: "p4", brand: "Logistics", name: "Bulk Inventory", price: "Tracking", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg" }
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="icon-arrow"
|
defaultButtonVariant="icon-arrow"
|
||||||
@@ -44,15 +55,15 @@ export default function GalleryPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="gallery" data-section="gallery" className="py-20">
|
<div id="gallery" data-section="gallery" className="py-24">
|
||||||
<ProductCardTwo
|
<FeatureCardTwentyOne
|
||||||
title="Professional Cargo Logistics"
|
title="Our Logistics Gallery"
|
||||||
description="An alternating grid showcase of our premium packing, loading, and tracking standards for Dubai to Ghana freight."
|
description="A detailed look at each stage of our professional cargo handling process, presented individually for maximum visual impact."
|
||||||
gridVariant="two-columns-alternating-heights"
|
accordionItems={galleryItems}
|
||||||
animationType="slide-up"
|
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779531628605-p8zpmh2n.mp4"
|
||||||
textboxLayout="split"
|
mediaAnimation="blur-reveal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={galleryItems}
|
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -60,7 +71,7 @@ export default function GalleryPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }] },
|
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }] },
|
||||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "/terms" }] },
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2026 Sir James Delivery Company."
|
bottomLeftText="© 2026 Sir James Delivery Company."
|
||||||
bottomRightText="Safe. Swift. Secure."
|
bottomRightText="Safe. Swift. Secure."
|
||||||
|
|||||||
@@ -12,7 +12,6 @@ export default function HowItWorksPage() {
|
|||||||
{ name: "How It Works", id: "/how-it-works" },
|
{ name: "How It Works", id: "/how-it-works" },
|
||||||
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Loading Gallery", id: "/loading-gallery" },
|
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -8,14 +8,26 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
|||||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||||
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||||
|
import { useState } from 'react';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
|
const [galleryItems] = useState([
|
||||||
|
{ title: "Secure Loading", description: "High-tech container loading processes", imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=800&_wi=2" },
|
||||||
|
{ title: "Vehicle Transit", description: "Specialized vehicle securement techniques", imageSrc: "https://images.unsplash.com/photo-1553440150-13753a7b6832?q=80&w=800&_wi=2" },
|
||||||
|
{ title: "Industrial Handling", description: "Expert industrial gear management", imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=800&_wi=2" },
|
||||||
|
{ title: "Bulk Logistics", description: "Streamlined commercial bulk transit", imageSrc: "https://images.unsplash.com/photo-1566585775320-f62266858276?q=80&w=800&_wi=2" },
|
||||||
|
{ title: "Dubai Hub", description: "Centralized receiving operations", imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=800&_wi=2" },
|
||||||
|
{ title: "Precision Sorting", description: "Careful inventory management", imageSrc: "https://images.unsplash.com/photo-1581092160607-ee22621dd758?q=80&w=800&_wi=2" },
|
||||||
|
{ title: "Ghana Warehouse", description: "Secure facility arrival process", imageSrc: "https://images.unsplash.com/photo-1587293852726-70b35612f843?q=80&w=800&_wi=2" },
|
||||||
|
{ title: "Global Tracking", description: "Constant logistics surveillance", imageSrc: "https://images.unsplash.com/photo-1578575437130-527eed3abbec?q=80&w=800&_wi=2" }
|
||||||
|
]);
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Services", id: "/services" },
|
{ name: "Services", id: "/services" },
|
||||||
{ name: "How It Works", id: "/how-it-works" },
|
{ name: "How It Works", id: "/how-it-works" },
|
||||||
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Loading Gallery", id: "/loading-gallery" },
|
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -47,7 +59,7 @@ export default function LandingPage() {
|
|||||||
title="From Dubai to Ghana: Your Cargo, Delivered Safely and Fast."
|
title="From Dubai to Ghana: Your Cargo, Delivered Safely and Fast."
|
||||||
description="Whether it’s luxury watches, vehicles, or heavy industrial gym machinery, Sir James Delivery Company safely transports your goods from the heart of Dubai straight to our secure warehouse in Ghana. No delays. No hidden fees."
|
description="Whether it’s luxury watches, vehicles, or heavy industrial gym machinery, Sir James Delivery Company safely transports your goods from the heart of Dubai straight to our secure warehouse in Ghana. No delays. No hidden fees."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{ name: "Kwame O.", handle: "", testimonial: "Excellent service. My heavy equipment arrived in perfect condition.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg" },
|
{ name: "Kwame O.", handle: "", testimonial: "Excellent service. My heavy equipment arrived in perfect condition.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg?_wi=2" },
|
||||||
{ name: "Amina B.", handle: "", testimonial: "The best shipping partner for my perfume wholesale business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg" },
|
{ name: "Amina B.", handle: "", testimonial: "The best shipping partner for my perfume wholesale business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg" },
|
||||||
{ name: "John S.", handle: "", testimonial: "Vehicle transport from Dubai was seamless and fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662944.jpg" },
|
{ name: "John S.", handle: "", testimonial: "Vehicle transport from Dubai was seamless and fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662944.jpg" },
|
||||||
{ name: "Sarah L.", handle: "", testimonial: "Great handling of industrial gym machines. Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234340.jpg" },
|
{ name: "Sarah L.", handle: "", testimonial: "Great handling of industrial gym machines. Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234340.jpg" },
|
||||||
@@ -56,7 +68,6 @@ export default function LandingPage() {
|
|||||||
tag="Daily Shipments • Fully Insured • 100% Customs Cleared"
|
tag="Daily Shipments • Fully Insured • 100% Customs Cleared"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Read Transit Guarantee", href: "/the-sir-james-transit-guarantee" },
|
{ text: "Read Transit Guarantee", href: "/the-sir-james-transit-guarantee" },
|
||||||
{ text: "View Heavy-Duty Loading", href: "/loading-gallery" },
|
|
||||||
{ text: "Contact", href: "/contact" },
|
{ text: "Contact", href: "/contact" },
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663056.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663056.jpg"
|
||||||
@@ -101,7 +112,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{ id: "luxury", title: "Luxury & Essentials", author: "Fragile items", description: "Luxury goods are packed in reinforced, climate-controlled security crates.", tags: ["Watch", "Perfume"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
|
{ id: "luxury", title: "Luxury & Essentials", author: "Fragile items", description: "Luxury goods are packed in reinforced, climate-controlled security crates.", tags: ["Watch", "Perfume"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
|
||||||
{ id: "auto", title: "Automotive Shipping", author: "Vehicle safety", description: "Vehicles are shipped via specialized container loading with strapping.", tags: ["SUV", "Sedan"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },
|
{ id: "auto", title: "Automotive Shipping", author: "Vehicle safety", description: "Vehicles are shipped via specialized container loading with strapping.", tags: ["SUV", "Sedan"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg" },
|
||||||
{ id: "heavy", title: "Heavy Machinery", author: "Industrial gear", description: "Heavy machinery is handled with industrial forklifts and steel ties.", tags: ["Gym Gear", "Tools"], imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" },
|
{ id: "heavy", title: "Heavy Machinery", author: "Industrial gear", description: "Heavy machinery is handled with industrial forklifts and steel ties.", tags: ["Gym Gear", "Tools"], imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" },
|
||||||
{ id: "general", title: "General Cargo", author: "Commercial bulk", description: "Commercial stock utilizes streamlined bulk palletizing options.", tags: ["Wholesale", "Stock"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/tmp/hyper-realistic-picture-of-a-cargo-conta-1779315244636-c2b3304a.png" },
|
{ id: "general", title: "General Cargo", author: "Commercial bulk", description: "Commercial stock utilizes streamlined bulk palletizing options.", tags: ["Wholesale", "Stock"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/tmp/hyper-realistic-picture-of-a-cargo-conta-1779315244636-c2b3304a.png" },
|
||||||
]}
|
]}
|
||||||
@@ -127,11 +138,22 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="gallery" data-section="gallery" className="py-20">
|
||||||
|
<FeatureCardSix
|
||||||
|
title="Professional Cargo Logistics"
|
||||||
|
description="A free-flowing, spacious view of our premium packing and logistics standards."
|
||||||
|
textboxLayout="split"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
features={galleryItems}
|
||||||
|
containerClassName="max-w-7xl mx-auto px-8"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }] },
|
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }] },
|
||||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "/terms" }] },
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2026 Sir James Delivery Company."
|
bottomLeftText="© 2026 Sir James Delivery Company."
|
||||||
bottomRightText="Safe. Swift. Secure."
|
bottomRightText="Safe. Swift. Secure."
|
||||||
|
|||||||
@@ -12,7 +12,6 @@ export default function ServicesPage() {
|
|||||||
{ name: "How It Works", id: "/how-it-works" },
|
{ name: "How It Works", id: "/how-it-works" },
|
||||||
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Loading Gallery", id: "/loading-gallery" },
|
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -12,7 +12,6 @@ export default function TransitGuaranteePage() {
|
|||||||
{ name: "How It Works", id: "/how-it-works" },
|
{ name: "How It Works", id: "/how-it-works" },
|
||||||
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
{ name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
|
||||||
{ name: "Gallery", id: "/gallery" },
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{ name: "Loading Gallery", id: "/loading-gallery" },
|
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user