266 lines
12 KiB
TypeScript
266 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { CheckCircle, Clock, Globe, Headphones, Map, ShieldCheck, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="NILEx Supply Chain"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Your Reliable Logistics Partner"
|
|
description="Connecting global markets with Sudan through expert supply chain solutions."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg", alt: "business man portrait"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "business woman portrait"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "business man portrait"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", alt: "business woman portrait"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "Closeup of Happy Middle-aged Business Leader"},
|
|
]}
|
|
avatarText="Trusted by global enterprises"
|
|
buttons={[
|
|
{
|
|
text: "Get Started", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Global Freight", icon: Globe,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Secure Transit", icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Fast Clearance", icon: Zap,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Expert Support", icon: Headphones,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Strategic Routes", icon: Map,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
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 provide comprehensive supply chain management from purchasing to safe delivery."
|
|
bulletPoints={[
|
|
{
|
|
title: "Expertise", description: "Years of experience in Turkish market logistics."},
|
|
{
|
|
title: "Transparent", description: "Honest and reliable service delivery."},
|
|
{
|
|
title: "Global Reach", description: "Connecting Turkey to Sudan and beyond."},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605414758-k0mddy62.png"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Shipping & Clearance", description: "Air, sea, and land freight managed with precision.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605414758-ixk43092.png"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Turkish routes"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Customs clearance"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Commercial Consulting", description: "Market insights and machinery evaluation.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605414758-juxjjgio.png"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Price analysis"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Technical reports"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Purchasing & Supply", description: "Sourcing and procurement from Turkey.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605414758-rqdyqeit.png"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Quality search"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Safe packing"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Our Services"
|
|
description="Expert logistics solutions tailored for your business needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "100+", title: "Shipments", description: "Completed successfully.", icon: Zap,
|
|
},
|
|
{
|
|
id: "m2", value: "50+", title: "Clients", description: "Trusted partnerships.", icon: Users,
|
|
},
|
|
{
|
|
id: "m3", value: "24/7", title: "Support", description: "Always available.", icon: Clock,
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="Data-driven results for our partners."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Do you serve Sudan?", content: "Yes, we specialize in logistics routes from Turkey to Sudan."},
|
|
{
|
|
id: "q2", title: "What commodities?", content: "We handle everything from consumer goods to industrial machinery."},
|
|
{
|
|
id: "q3", title: "Are you reliable?", content: "Yes, our team ensures quality monitoring from purchase to delivery."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about our logistics service."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ahmed M.", date: "Jan 2024", title: "CEO", quote: "Reliable and transparent supply chain services.", tag: "Logistics", avatarSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
|
{
|
|
id: "2", name: "Sara B.", date: "Feb 2024", title: "Importer", quote: "Excellent communication and timely shipping.", tag: "Import", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
|
{
|
|
id: "3", name: "John D.", date: "March 2024", title: "Consultant", quote: "Professional team with great market insights.", tag: "Consulting", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009542.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg"},
|
|
{
|
|
id: "4", name: "Elena R.", date: "April 2024", title: "Manager", quote: "Safe and effective packaging every time.", tag: "Operations", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg"},
|
|
{
|
|
id: "5", name: "Ali K.", date: "May 2024", title: "Trader", quote: "The bridge between markets we needed.", tag: "Trading", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-pretty-business-woman-with-arms-crossed_1262-2992.jpg"},
|
|
]}
|
|
title="Client Feedback"
|
|
description="Trusted by companies globally."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Contact Us"
|
|
description="Reach out to start your supply chain journey."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
},
|
|
]}
|
|
mediaPosition="right"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZtSbiF1MkVoIthJ37gMIa66TE/uploaded-1776605414757-6l0srn5g.png"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Shipping", href: "#features"},
|
|
{
|
|
label: "Consulting", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 NILEx Supply Chain"
|
|
bottomRightText="Istanbul, Turkey"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|