Merge version_1 into main #1
274
src/app/page.tsx
274
src/app/page.tsx
@@ -30,110 +30,48 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MARSYSTRANS SARL"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Smart Transport Solutions You Can Trust"
|
||||
description="MARSYSTRANS SARL delivers fast, secure, and efficient logistics across Morocco."
|
||||
kpis={[
|
||||
{
|
||||
value: "+500",
|
||||
label: "Shipments Delivered",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support Available",
|
||||
},
|
||||
{ value: "+500", label: "Shipments Delivered" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "24/7", label: "Support Available" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/truck-workers-dusk_23-2152008990.jpg"
|
||||
imageAlt="professional logistics truck delivery road"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
|
||||
alt: "Cheerful professional partners posing for photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-giving-high-five_74855-1516.jpg",
|
||||
alt: "Cheerful business colleagues giving high five",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-colleagues-hugging_1262-21066.jpg",
|
||||
alt: "Happy business colleagues hugging",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-excited-business-colleagues-enjoying-funny-phone-talks_1262-19149.jpg",
|
||||
alt: "Happy excited business colleagues enjoying funny phone talks",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-women-talking-drinking-coffee_1262-19400.jpg",
|
||||
alt: "Smiling business women talking and drinking coffee",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg", alt: "Cheerful professional partners posing for photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-giving-high-five_74855-1516.jpg", alt: "Cheerful business colleagues giving high five" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-colleagues-hugging_1262-21066.jpg", alt: "Happy business colleagues hugging" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-excited-business-colleagues-enjoying-funny-phone-talks_1262-19149.jpg", alt: "Happy excited business colleagues enjoying funny phone talks" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-business-women-talking-drinking-coffee_1262-19400.jpg", alt: "Smiling business women talking and drinking coffee" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Coverage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Cargo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Team",
|
||||
},
|
||||
{ type: "text", text: "Nationwide Coverage" },
|
||||
{ type: "text", text: "Real-time Tracking" },
|
||||
{ type: "text", text: "Secure Cargo" },
|
||||
{ type: "text", text: "Fast Delivery" },
|
||||
{ type: "text", text: "Professional Team" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,9 +81,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Reliable. Modern. Precise."
|
||||
description={[
|
||||
"MARSYSTRANS SARL is a professional transport and logistics company based in Morocco, focused on delivering reliable and efficient solutions for businesses.",
|
||||
"We combine operational precision with modern logistics strategies to ensure every delivery meets the highest standards.",
|
||||
]}
|
||||
"MARSYSTRANS SARL is a professional transport and logistics company based in Morocco, focused on delivering reliable and efficient solutions for businesses.", "We combine operational precision with modern logistics strategies to ensure every delivery meets the highest standards."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -156,26 +92,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Freight Transport",
|
||||
description: "Safe and secure shipping for heavy and standard freight loads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/save-front-side_187299-44781.jpg",
|
||||
},
|
||||
{
|
||||
title: "Logistics Coordination",
|
||||
description: "Optimized planning and supply chain coordination.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg",
|
||||
},
|
||||
{
|
||||
title: "Industrial Delivery",
|
||||
description: "Large-scale delivery solutions for industrial requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-box_23-2148976290.jpg",
|
||||
},
|
||||
{
|
||||
title: "Express Shipping",
|
||||
description: "Rapid delivery services for time-sensitive cargo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-shipping-fast-delivery-with-arrow-graph-background-3d-rendering_56104-1906.jpg",
|
||||
},
|
||||
{ title: "Freight Transport", description: "Safe and secure shipping for heavy and standard freight loads.", imageSrc: "http://img.b2bpic.net/free-photo/save-front-side_187299-44781.jpg" },
|
||||
{ title: "Logistics Coordination", description: "Optimized planning and supply chain coordination.", imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg" },
|
||||
{ title: "Industrial Delivery", description: "Large-scale delivery solutions for industrial requirements.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-box_23-2148976290.jpg" },
|
||||
{ title: "Express Shipping", description: "Rapid delivery services for time-sensitive cargo.", imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-shipping-fast-delivery-with-arrow-graph-background-3d-rendering_56104-1906.jpg" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive transport solutions tailored for modern business needs."
|
||||
@@ -184,25 +104,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "On-time Delivery",
|
||||
description: "We prioritize strict scheduling to meet your deadlines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/transport-logistic-set-vehicles_24877-54163.jpg",
|
||||
},
|
||||
{
|
||||
title: "Real-time Tracking",
|
||||
description: "Constant communication and updates on shipment status.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172443.jpg",
|
||||
},
|
||||
{
|
||||
title: "Optimized Routes",
|
||||
description: "Cost-effective routing strategies to save you money.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boxes-conveyor-belt-warehouse_23-2152001536.jpg",
|
||||
},
|
||||
{ title: "On-time Delivery", description: "We prioritize strict scheduling to meet your deadlines.", imageSrc: "http://img.b2bpic.net/free-vector/transport-logistic-set-vehicles_24877-54163.jpg" },
|
||||
{ title: "Real-time Tracking", description: "Constant communication and updates on shipment status.", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172443.jpg" },
|
||||
{ title: "Optimized Routes", description: "Cost-effective routing strategies to save you money.", imageSrc: "http://img.b2bpic.net/free-photo/boxes-conveyor-belt-warehouse_23-2152001536.jpg" },
|
||||
]}
|
||||
title="Why Choose MARSYSTRANS"
|
||||
description="We are dedicated to efficiency, cost-saving, and reliability."
|
||||
@@ -215,27 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Successful Shipments",
|
||||
description: "Completed projects nationwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172436.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
description: "Trusted by businesses daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/product-management-25-blue-color-icon-pack-including-external-briefcase-brain-bag-productivity_1142-21560.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Always ready to serve you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-signing-pack_23-2149035878.jpg",
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Successful Shipments", description: "Completed projects nationwide.", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172436.jpg" },
|
||||
{ id: "m2", value: "98%", title: "Client Retention", description: "Trusted by businesses daily.", imageSrc: "http://img.b2bpic.net/free-vector/product-management-25-blue-color-icon-pack-including-external-briefcase-brain-bag-productivity_1142-21560.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Availability", description: "Always ready to serve you.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-signing-pack_23-2149035878.jpg" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven performance across Morocco."
|
||||
@@ -244,44 +135,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Mansouri",
|
||||
role: "Logistics Manager",
|
||||
testimonial: "Exceptional service, always on time and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-boss-congratulating-woman-with-promotion_1262-5006.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima Zahra",
|
||||
role: "Operations Director",
|
||||
testimonial: "Marsystrans transformed our delivery operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-holding-hands-smiles_23-2148725148.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Youssef Benani",
|
||||
role: "Supply Chain Lead",
|
||||
testimonial: "Reliable, transparent, and highly responsive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Salma El Amrani",
|
||||
role: "Warehouse Owner",
|
||||
testimonial: "The best transport partner we've worked with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Omar Fassi",
|
||||
role: "Manufacturer",
|
||||
testimonial: "Consistently reliable delivery for our goods.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12857.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ahmed Mansouri", role: "Logistics Manager", testimonial: "Exceptional service, always on time and professional.", imageSrc: "http://img.b2bpic.net/free-photo/excited-boss-congratulating-woman-with-promotion_1262-5006.jpg" },
|
||||
{ id: "t2", name: "Fatima Zahra", role: "Operations Director", testimonial: "Marsystrans transformed our delivery operations.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-holding-hands-smiles_23-2148725148.jpg" },
|
||||
{ id: "t3", name: "Youssef Benani", role: "Supply Chain Lead", testimonial: "Reliable, transparent, and highly responsive.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "t4", name: "Salma El Amrani", role: "Warehouse Owner", testimonial: "The best transport partner we've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg" },
|
||||
{ id: "t5", name: "Omar Fassi", role: "Manufacturer", testimonial: "Consistently reliable delivery for our goods.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12857.jpg" },
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Trusted by businesses across Morocco."
|
||||
@@ -293,21 +155,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What areas do you cover?",
|
||||
content: "We provide nationwide transport and logistics coverage across Morocco.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I request a quote?",
|
||||
content: "Simply click the 'Get a Quote' button or reach out to us via WhatsApp.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer real-time tracking?",
|
||||
content: "Yes, we provide real-time updates on all your shipments.",
|
||||
},
|
||||
{ id: "f1", title: "What areas do you cover?", content: "We provide nationwide transport and logistics coverage across Morocco." },
|
||||
{ id: "f2", title: "How can I request a quote?", content: "Simply click the 'Get a Quote' button or reach out to us via WhatsApp." },
|
||||
{ id: "f3", title: "Do you offer real-time tracking?", content: "Yes, we provide real-time updates on all your shipments." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -318,21 +168,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's work together"
|
||||
title="Need Reliable Transport Today?"
|
||||
description="Request your quote in minutes and get back to your business."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/212000000000",
|
||||
},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/212000000000" },
|
||||
{ text: "Request Quote", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -343,29 +185,15 @@ export default function LandingPage() {
|
||||
logoText="MARSYSTRANS SARL"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user