Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
@@ -5,13 +5,14 @@ import ReactLenis from "lenis/react";
|
||||
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 FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
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";
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { MessageSquare, Phone, ShieldCheck, Truck, Clock, MapPin, Quote } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -34,8 +35,8 @@ export default function LandingPage() {
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Why Us", id: "why" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rotel Global"
|
||||
@@ -91,51 +92,32 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
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: "1", name: "Luxury SUV", brand: "Rotel", price: "Delivered", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-j12s62pm.jpg?_wi=4" },
|
||||
{ id: "2", name: "Sedan Imports", brand: "Rotel", price: "Delivered", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-s22kdj2j.jpg?_wi=4" },
|
||||
{ id: "3", name: "Commercial Fleet", brand: "Rotel", price: "Delivered", rating: 4, reviewCount: "20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-q3j44tfs.jpg?_wi=4" },
|
||||
{ id: "4", name: "Luxury Imports", brand: "Rotel", price: "Delivered", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-jysk2k4a.jpg?_wi=3" },
|
||||
{ id: "5", name: "Export Solutions", brand: "Rotel", price: "Delivered", rating: 5, reviewCount: "9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-e65acxir.jpg?_wi=3" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<MetricCardThree
|
||||
title="Why Choose Us"
|
||||
description="Our core differentiators that keep clients coming back."
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Trusted by Many"
|
||||
description="Here is what our satisfied clients have to say about their experience."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ 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" },
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", handle: "@johndoe", testimonial: "The smoothest import process I've ever had. Rotel delivered as promised.", icon: Quote },
|
||||
{ id: "2", name: "Sarah Smith", handle: "@sarah", testimonial: "Professional, reliable, and incredibly fast clearing times. Highly recommend!", icon: Quote },
|
||||
{ id: "3", name: "David O.", handle: "@david", testimonial: "Rotel makes the logistics nightmare seem easy. Top-tier service.", icon: Quote },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Common queries about our logistics and clearance process."
|
||||
title="Common Logistics Questions"
|
||||
description="Answers to frequently asked questions about customs and shipping timelines."
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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." },
|
||||
{ id: "1", title: "How long does custom clearance take?", content: "Typically 3-5 working days depending on port congestion and vehicle documentation status." },
|
||||
{ id: "2", title: "Do you handle shipping logistics?", content: "Yes, we coordinate from origin port to Lagos port seamlessly." },
|
||||
{ id: "3", title: "What shipping documents are required?", content: "Standard documents include Bill of Lading, Invoice, and Packing List." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,16 +134,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
<FooterMedia
|
||||
logoText="Rotel Global"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dh3XgnLXJSinas5FBHGkj9452J/uploaded-1778720838595-j12s62pm.jpg?_wi=4"
|
||||
columns={[
|
||||
{ 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" }] },
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Connect", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user