Merge version_3 into main #4
161
src/app/page.tsx
161
src/app/page.tsx
@@ -2,17 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, Smile, Truck } from "lucide-react";
|
||||
import { Smile } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,8 +29,8 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nilex"
|
||||
@@ -42,165 +38,58 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Reliable Global Supply Chain Solutions"
|
||||
description="Connecting markets between Turkey and Sudan with seamless, transparent, and secure logistics services."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605915311-04rvewka.jpg", imageAlt: "Logistics operations 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605915312-dxrikaxt.png", imageAlt: "Logistics operations 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605915312-9k9snvxa.png", imageAlt: "Logistics operations 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605915312-fmyy605o.png", imageAlt: "Logistics operations 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605915312-1rjzj4rz.png", imageAlt: "Logistics operations 5" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541861.jpg", imageAlt: "Industrial port scene" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dry-dock-grand-harbour_1398-464.jpg", imageAlt: "Industrial port scene" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662963.jpg", imageAlt: "Logistics transport tech" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662909.jpg", imageAlt: "Logistics transport tech" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shipping-crane-cargo-background_74190-4277.jpg", imageAlt: "Shipping crane cargo" },
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/city-harbor-sunset_1359-859.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/industrial-construction-engineer-pollution_53876-42995.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cargo-container-ship_1359-274.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shanghai-port_649448-3077.jpg", alt: "User 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605915311-04rvewka.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ global partners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Turkey-Sudan Express" },
|
||||
{ type: "text", text: "Secure Customs" },
|
||||
{ type: "text", text: "Fast Shipping" },
|
||||
{ type: "text", text: "Quality Assurance" },
|
||||
{ type: "text", text: "Global Logistics" },
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Who we are"
|
||||
description="NILEx Supply Chain is a modern logistics company operating from Turkey, serving as a reliable bridge between global markets and Sudan. We offer integrated services, from purchasing, inspection, packaging, shipping, customs clearance, and safe delivery to the customer. Our goal is to provide customers with peace of mind, as if they were in the Turkish market."
|
||||
bulletPoints={[
|
||||
{ title: "Integrated Services", description: "End-to-end logistics from purchasing to delivery." },
|
||||
{ title: "Global Reach", description: "Reliable bridge between Turkey and Sudan." },
|
||||
{ title: "Peace of Mind", description: "Reliable service as if you were local." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-plant-worker-uses-chroma-key-notebook-maintenance_482257-126914.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
title="Our Leadership Team"
|
||||
description="Experts dedicated to your logistics success."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Purchasing & Inspection", description: "We ensure all goods meet quality standards before shipping.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", imageAlt: "Digital Tracking" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-notebook-laptop-arrangement_23-2149080797.jpg", imageAlt: "Laptop arrangement" },
|
||||
},
|
||||
{
|
||||
title: "Customs & Clearance", description: "Expert handling of all legal customs documentation requirements.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/logistics-delivery-cargo-freight-shipment-concept_53876-123873.jpg", imageAlt: "Cargo Shipment" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/freight-truck-driving-winter-highway-through-snowy-countryside-landscape-transport-logistics_169016-71834.jpg", imageAlt: "Freight Truck" },
|
||||
},
|
||||
{
|
||||
title: "Safe Delivery", description: "Guaranteed secure transport and delivery to your final destination.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-carrying-shipping-containers-ocean_23-2152021799.jpg", imageAlt: "Cargo Ship" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14784.jpg", imageAlt: "Tablet Usage" },
|
||||
},
|
||||
team={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Operations Director", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12775.jpg" },
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive, easy, and transparent logistics solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Shipments Delivered", value: "10k+", icon: Truck },
|
||||
{ id: "m2", title: "Happy Clients", value: "500+", icon: Smile },
|
||||
{ id: "m3", title: "Years Experience", value: "15+", icon: Award },
|
||||
]}
|
||||
title="Logistics Excellence"
|
||||
description="Proven performance in global supply chain solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Sudan Express", "Turkish Export Union", "Global Trade Corp", "Logistics Partners Inc", "Africa Trade Links", "Red Sea Logistics", "Bosphorus Shipping"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with global leaders in commerce and trade."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
title="Client Success Stories"
|
||||
description="Hear from our satisfied partners."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Excellent Service", quote: "Reliable partner for Sudan market entry.", name: "Sarah Johnson", role: "Logistics Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg" },
|
||||
{ id: "2", title: "Fast Shipping", quote: "Professional, efficient, and transparent.", name: "Michael Chen", role: "Supply Chain Director", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12775.jpg" },
|
||||
{ id: "3", title: "Trustworthy", quote: "I have full confidence in their customs team.", name: "Emily Rodriguez", role: "Operations Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-manager-ceo-holding-tablet-walking-through-warehouse-storage-area-looking-towards-shelves_342744-1499.jpg" },
|
||||
{ id: "4", title: "Amazing Results", quote: "Everything arrives safely on time.", name: "David Kim", role: "Owner, Retail", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12785.jpg" },
|
||||
{ id: "5", title: "Top Tier Logistics", quote: "Seamless, perfect, professional.", name: "Anna Petrova", role: "Trade Distributor", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg" },
|
||||
{ id: "1", name: "David Kim", handle: "@davidk", testimonial: "Perfect logistics partner.", icon: Smile },
|
||||
{ id: "2", name: "Anna Petrova", handle: "@annap", testimonial: "Fast, reliable, and professional.", icon: Smile },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the partners who rely on our logistics solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you ship to all Sudan?", content: "Yes, we handle shipping to all major regions in Sudan." },
|
||||
{ id: "f2", title: "What's the transit time?", content: "Times vary by route, usually between 7-14 days." },
|
||||
{ id: "f3", title: "Do you offer insurance?", content: "Yes, comprehensive insurance for all shipments." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our logistics and shipping services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to get started?"
|
||||
description="Contact us today for a reliable logistics partnership."
|
||||
title="Questions about our services?"
|
||||
description="Find answers to frequently asked questions or reach out to our team."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="NILEx"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user