bender/973439db-a657-4232-9392-17ebacff5fe2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 01:07:34 +00:00
parent 8656fd78e7
commit 9a5147e97d
1 changed files with 66 additions and 317 deletions
Download Patch File Download Diff File Expand all files Collapse all files

383
src/app/page.tsx
View File

@@ -2,15 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { MessageSquare, Phone, ShieldCheck, Truck, Clock, MapPin } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,22 +31,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Why Us", id: "why" },
{ name: "Contact", id: "contact" },
]}
brandName="Rotel Global"
/>
@@ -53,172 +44,48 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Nigeria's Most Trusted Vehicle Import & Export Specialist"
description="We handle everything — from sourcing to clearing to your doorstep."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-valet-shaking-hands_23-2149901411.jpg",
imageAlt: "Vehicle import",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631553-mzxzydae.jpg?_wi=1",
imageAlt: "Container",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-z5l1qbx6.jpg?_wi=1",
imageAlt: "Vehicle",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-wo38298a.jpg?_wi=1",
imageAlt: "Clearing",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-fkvpjz8k.jpg?_wi=1",
imageAlt: "Logistics",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-j12s62pm.jpg" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-s22kdj2j.jpg" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-q3j44tfs.jpg" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-jysk2k4a.jpg" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-e65acxir.jpg" },
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-glvp4kc4.jpg?_wi=1",
imageAlt: "Vehicle",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-fkvpjz8k.jpg?_wi=2",
imageAlt: "Container",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-wo38298a.jpg?_wi=2",
imageAlt: "Logistics",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-z5l1qbx6.jpg?_wi=2",
imageAlt: "Clearing",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631553-mzxzydae.jpg?_wi=2",
imageAlt: "Transport",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-e65acxir.jpg" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-q3j44tfs.jpg" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-jysk2k4a.jpg" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-s22kdj2j.jpg" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-j12s62pm.jpg" },
]}
buttons={[
{
text: "Get a Quote",
href: "https://wa.me/2348035240284",
},
{
text: "Call Now",
href: "tel:08035240284",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/business-man-opens-door_1359-1302.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/businesswoman-writing-car_23-2148002177.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130131.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/car-dealership-salesman-showing-product-offerings-clipboard-woman_482257-117280.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/girl-is-smiling-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16011.jpg",
alt: "Client 5",
},
]}
avatarText="Trusted by hundreds of car owners"
marqueeItems={[
{
type: "text",
text: "APAPA PORT",
},
{
type: "text",
text: "CUSTOMS COMPLIANT",
},
{
type: "text",
text: "NATIONWIDE DELIVERY",
},
{
type: "text",
text: "VEHICLE SOURCING",
},
{
type: "text",
text: "FAST CLEARANCE",
},
{ text: "Get a Quote", href: "https://wa.me/2348035240284" },
{ text: "Call Now", href: "tel:08035240284" },
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Meet the Man Behind Rotel"
description={[
"Ajayi Olarotimi is the founder of Rotel Global Logistics Ltd, a Lagos-based clearing and forwarding company operating out of Apapa — Nigeria's busiest port.",
"With years of hands-on experience in vehicle importation, customs documentation, and cargo handling, Olarotimi has built Rotel into a name clients trust to get the job done right, every time.",
]}
"Ajayi Olarotimi is the founder of Rotel Global Logistics Ltd, a Lagos-based clearing and forwarding company operating out of Apapa — Nigeria's busiest port.", "With years of hands-on experience in vehicle importation, customs documentation, and cargo handling, Olarotimi has built Rotel into a name clients trust to get the job done right, every time."]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={true}
features={[
{
tag: "Freight",
title: "Sea & Air Freight",
subtitle: "Efficient Clearing",
description: "Expert clearing and forwarding across international borders.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-glvp4kc4.jpg?_wi=2",
imageAlt: "User provided image",
},
{
tag: "Handling",
title: "Cargo Handling",
subtitle: "Import & Export",
description: "Comprehensive handling for all types of cargo.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631553-mzxzydae.jpg?_wi=3",
imageAlt: "User provided image",
},
{
tag: "Docs",
title: "Customs Documentation",
subtitle: "Compliant",
description: "Full compliance and documentation services to ensure smooth processing.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-z5l1qbx6.jpg?_wi=3",
imageAlt: "User provided image",
},
{
tag: "Auto",
title: "Vehicle Clearing",
subtitle: "Specialist",
description: "Professional vehicle import and clearing with precision.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-wo38298a.jpg?_wi=3",
imageAlt: "User provided image",
},
{
tag: "Haulage",
title: "Inland Transportation",
subtitle: "Nationwide",
description: "Reliable delivery across all Nigerian routes.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631554-fkvpjz8k.jpg?_wi=3",
imageAlt: "User provided image",
},
]}
<FeatureCardEight
title="Our Services"
description="Professional logistics solutions for every step of your vehicle's journey."
textboxLayout="split"
features={[
{ title: "Sea & Air Freight", description: "Efficient clearance and forwarding across international borders.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-j12s62pm.jpg" },
{ title: "Vehicle Clearing", description: "Professional vehicle import and clearing with precision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-s22kdj2j.jpg" },
{ title: "Inland Transportation", description: "Reliable delivery across all Nigerian routes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-q3j44tfs.jpg" },
]}
/>
</div>
@@ -227,182 +94,64 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Success Gallery"
description="A glimpse into the vehicles and cargo we handle daily."
products={[
{
id: "p1",
name: "4WD SUV",
brand: "Rotel Logistics",
price: "Delivered",
imageSrc: "http://img.b2bpic.net/free-photo/describe-how-you-feel-about-it-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16080.jpg",
rating: 5,
reviewCount: "24 Reviews",
},
{
id: "p2",
name: "Hyundai & Toyota",
brand: "Rotel Logistics",
price: "Delivered",
imageSrc: "http://img.b2bpic.net/free-photo/long-line-white-refrigerated-shipping-containers-dramatic-cloudy-sky_84443-73914.jpg",
rating: 5,
reviewCount: "18 Reviews",
},
{
id: "p3",
name: "Lexus GX460",
brand: "Rotel Logistics",
price: "Delivered",
imageSrc: "http://img.b2bpic.net/free-photo/lady-car-salon-woman-buying-car-elegant-woman-brown-suit_1157-45046.jpg",
rating: 5,
reviewCount: "32 Reviews",
},
{
id: "p4",
name: "Toyota Corolla",
brand: "Rotel Logistics",
price: "Delivered",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-delivery-woman-talking-phone-while-going-through-delivery-list-van_637285-2163.jpg",
rating: 5,
reviewCount: "41 Reviews",
},
{
id: "p5",
name: "Mercedes Benz ML",
brand: "Rotel Logistics",
price: "Delivered",
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172338.jpg",
rating: 5,
reviewCount: "15 Reviews",
},
{
id: "p6",
name: "Toyota Avalon",
brand: "Rotel Logistics",
price: "Delivered",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720631553-mzxzydae.jpg?_wi=4",
rating: 5,
reviewCount: "12 Reviews",
},
{ id: "1", name: "Luxury SUV", brand: "Rotel", price: "Delivered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-j12s62pm.jpg" },
{ id: "2", name: "Sedan Imports", brand: "Rotel", price: "Delivered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-s22kdj2j.jpg" },
{ id: "3", name: "Commercial Fleet", brand: "Rotel", price: "Delivered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-q3j44tfs.jpg" },
{ id: "4", name: "Luxury Imports", brand: "Rotel", price: "Delivered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-jysk2k4a.jpg" },
{ id: "5", name: "Export Solutions", brand: "Rotel", price: "Delivered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-e65acxir.jpg" },
]}
title="Successfully Delivered Vehicles"
description="Every vehicle you see here was imported and cleared by Rotel Global Logistics Ltd."
/>
</div>
<div id="why" data-section="why">
<MetricCardTwo
<MetricCardThree
title="Why Choose Us"
description="Our core differentiators that keep clients coming back."
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Apapa-Based",
description: "Direct presence at Nigeria's #1 port.",
},
{
id: "m2",
value: "End-to-End",
description: "Overseas sourcing to your doorstep.",
},
{
id: "m3",
value: "Documentation Experts",
description: "Zero issues with customs compliance.",
},
{
id: "m4",
value: "Proven Track Record",
description: "Hundreds of vehicles successfully cleared.",
},
{ id: "1", icon: MapPin, title: "Location", value: "Apapa Base" },
{ id: "2", icon: ShieldCheck, title: "Security", value: "Certified" },
{ id: "3", icon: Truck, title: "Fleet", value: "Nationwide" },
{ id: "4", icon: Clock, title: "Support", value: "24/7" },
]}
title="Why Choose Us"
description="Proven expertise and reliability in Nigeria's logistics industry."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long does clearance take?",
content: "Clearance timing depends on documentation and port congestion, but we optimize every step.",
},
{
id: "f2",
title: "Do you handle inland delivery?",
content: "Yes, we provide reliable nationwide transportation services.",
},
{
id: "f3",
title: "Can you source cars from abroad?",
content: "Yes, our network allows us to assist with professional sourcing.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-14500.jpg"
mediaAnimation="slide-up"
title="Common Logistics Questions"
description="Answers to help you navigate your vehicle import process."
<FaqBase
title="Frequently Asked Questions"
description="Common queries about our logistics and clearance process."
faqsAnimation="blur-reveal"
faqs={[
{ id: "1", title: "How long does clearing take?", content: "Varies by vehicle type, but usually 3-5 days." },
{ id: "2", title: "Do you handle shipping?", content: "Yes, from origin port to Lagos." },
{ id: "3", title: "Is insurance included?", content: "We guide you through every insurance step." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
text="Ready to Import Your Vehicle? 📍 4/5 Apapa-Oshodi Expressway, Lagos. 📞 08035240284."
buttons={[
{
text: "WhatsApp Us",
href: "https://wa.me/2348035240284",
},
]}
<ContactCTA
tag="Contact"
title="Start Your Import Journey"
description="Contact Rotel Global Logistics today for seamless import services."
buttons={[{ text: "Contact via WhatsApp", href: "https://wa.me/2348035240284" }]}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterLogoEmphasis
logoText="Rotel Global"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "WhatsApp",
href: "https://wa.me/2348035240284",
},
{
label: "Call Us",
href: "tel:08035240284",
},
],
},
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
{ items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "WhatsApp", href: "https://wa.me/2348035240284" }, { label: "Call", href: "tel:08035240284" }] },
]}
logoText="Rotel Global Logistics"
copyrightText="© 2025 Rotel Global Logistics Ltd — Moving Value · Delivering Trust"
/>
</div>
</ReactLenis>