Merge version_1 into main #1
282
src/app/page.tsx
282
src/app/page.tsx
@@ -31,138 +31,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Arwani Trading"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Premier Partner in Global Trading"
|
||||
description="Arwani Trading Company L.L.C. delivers excellence in international trade, supply chain management, and high-quality industrial solutions."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346606.jpg",
|
||||
imageAlt: "luxury trading office environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-touching-virtual-screen_1232-737.jpg",
|
||||
imageAlt: "global trade logistics cargo ship",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handicapped-young-woman-office-low-view_23-2148497295.jpg",
|
||||
imageAlt: "luxury trading office environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg",
|
||||
imageAlt: "global trade logistics cargo ship",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397553.jpg",
|
||||
imageAlt: "luxury trading office environment",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346606.jpg", imageAlt: "luxury trading office environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-touching-virtual-screen_1232-737.jpg", imageAlt: "global trade logistics cargo ship" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handicapped-young-woman-office-low-view_23-2148497295.jpg", imageAlt: "luxury trading office environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg", imageAlt: "global trade logistics cargo ship" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397553.jpg", imageAlt: "luxury trading office environment" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg",
|
||||
imageAlt: "global trade logistics cargo ship",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-statistics-empty-office_482257-123700.jpg",
|
||||
imageAlt: "luxury trading office environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-through-ocean_23-2151989582.jpg",
|
||||
imageAlt: "global trade logistics cargo ship",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-room-office-building_105762-2013.jpg",
|
||||
imageAlt: "luxury trading office environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/petroleum-gas-container-ship-oil-refinery-background-energy-nautical-transportation_1127-3249.jpg",
|
||||
imageAlt: "global trade logistics cargo ship",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-professionals-watching-presentation-computer-monitor-together-discussing-project-sitting-workplace-pointing-display-business-communication-teamwork-concept_74855-11550.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-executives-discussing-laptop_107420-65775.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/company-managers-reporting-female-boss-businesspeople-sitting-meeting-table-with-holding-paper-talking-business-discussion-teamwork-concept_74855-11624.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397555.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-people-are-having-meeting_53876-14039.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/airport-terminal_1417-1451.jpg",
|
||||
alt: "Partner 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/crane-lifting-shipping-containers-seaport_53876-139873.jpg",
|
||||
alt: "Partner 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/industrial-port-de-barcelona-evening_1398-4295.jpg",
|
||||
alt: "Partner 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/shipping-container-being-lifted-by-crane-port_23-2152005474.jpg",
|
||||
alt: "Partner 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/container-port-with-cargo-ship-cranes_23-2152005458.jpg",
|
||||
alt: "Partner 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg", imageAlt: "global trade logistics cargo ship" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stock-market-statistics-empty-office_482257-123700.jpg", imageAlt: "luxury trading office environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-through-ocean_23-2151989582.jpg", imageAlt: "global trade logistics cargo ship" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-room-office-building_105762-2013.jpg", imageAlt: "luxury trading office environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/petroleum-gas-container-ship-oil-refinery-background-energy-nautical-transportation_1127-3249.jpg", imageAlt: "global trade logistics cargo ship" }
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,14 +71,8 @@ export default function LandingPage() {
|
||||
title="Expertise Built on Trust"
|
||||
description="With years of experience in the trading sector, we bridge the gap between quality supply and market demand, ensuring our clients receive only the best service."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Projects Completed" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joyful-proud-employees-celebrating-their-business-success-finding-out-results_482257-91154.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -194,21 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Logistics",
|
||||
description: "Seamless shipping and procurement across borders.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Quality Assurance",
|
||||
description: "Rigorous standards for every commodity.",
|
||||
},
|
||||
{
|
||||
icon: BarChart,
|
||||
title: "Market Analysis",
|
||||
description: "Data-driven insights for smarter trade.",
|
||||
},
|
||||
{ icon: Globe, title: "Global Logistics", description: "Seamless shipping and procurement across borders." },
|
||||
{ icon: ShieldCheck, title: "Quality Assurance", description: "Rigorous standards for every commodity." },
|
||||
{ icon: BarChart, title: "Market Analysis", description: "Data-driven insights for smarter trade." }
|
||||
]}
|
||||
title="Comprehensive Trade Services"
|
||||
description="We specialize in providing end-to-end trading solutions designed for the modern international market."
|
||||
@@ -221,33 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Consistent satisfaction",
|
||||
"Long-term relationships",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Operational Support",
|
||||
items: [
|
||||
"Always reachable",
|
||||
"Real-time tracking",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Countries Served",
|
||||
items: [
|
||||
"Global network",
|
||||
"International reach",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Client Retention", items: ["Consistent satisfaction", "Long-term relationships"] },
|
||||
{ id: "m2", value: "24/7", title: "Operational Support", items: ["Always reachable", "Real-time tracking"] },
|
||||
{ id: "m3", value: "50+", title: "Countries Served", items: ["Global network", "International reach"] }
|
||||
]}
|
||||
title="Our Operational Impact"
|
||||
description="Numbers that define our growth and our commitment to our partners globally."
|
||||
@@ -261,48 +118,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Raw Steel",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976283.jpg",
|
||||
imageAlt: "high quality bulk commodities",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Refined Petroleum",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-flyer-collection_1375-149.jpg",
|
||||
imageAlt: "high quality bulk commodities",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Agricultural Grains",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-texture-law-firm-annual-report_23-2149321061.jpg",
|
||||
imageAlt: "high quality bulk commodities",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Industrial Plastic",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-grains-bags_1398-3464.jpg",
|
||||
imageAlt: "high quality bulk commodities",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chemical Compounds",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-golden-flyers-design_1375-158.jpg",
|
||||
imageAlt: "high quality bulk commodities",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Heavy Machinery Parts",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-115.jpg",
|
||||
imageAlt: "high quality bulk commodities",
|
||||
},
|
||||
{ id: "p1", name: "Raw Steel", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976283.jpg", imageAlt: "high quality bulk commodities" },
|
||||
{ id: "p2", name: "Refined Petroleum", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-vector/elegant-flyer-collection_1375-149.jpg", imageAlt: "high quality bulk commodities" },
|
||||
{ id: "p3", name: "Agricultural Grains", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-vector/gradient-texture-law-firm-annual-report_23-2149321061.jpg", imageAlt: "high quality bulk commodities" },
|
||||
{ id: "p4", name: "Industrial Plastic", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/various-grains-bags_1398-3464.jpg", imageAlt: "high quality bulk commodities" },
|
||||
{ id: "p5", name: "Chemical Compounds", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-vector/elegant-golden-flyers-design_1375-158.jpg", imageAlt: "high quality bulk commodities" },
|
||||
{ id: "p6", name: "Heavy Machinery Parts", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-115.jpg", imageAlt: "high quality bulk commodities" }
|
||||
]}
|
||||
title="Industrial Commodities"
|
||||
description="View our extensive catalog of high-grade industrial materials and consumer commodities."
|
||||
@@ -316,26 +137,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus Vane - CEO, Vane Logistics"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-people-giving-fist-bump_53876-25109.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-business-men-celebrating-deal_158595-5256.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-business-people-high-fiving-outdoors_1262-19187.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-business-team-gathering-hands-unity-while-celebrating-office_637285-9623.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-attentive-businessmen-attending-conference-meeting-side_1163-5276.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-people-giving-fist-bump_53876-25109.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-business-men-celebrating-deal_158595-5256.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-business-people-high-fiving-outdoors_1262-19187.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-business-team-gathering-hands-unity-while-celebrating-office_637285-9623.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-attentive-businessmen-attending-conference-meeting-side_1163-5276.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -345,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire Today"
|
||||
title="Let's Start a Partnership"
|
||||
description="Speak with our consultants about how Arwani Trading Company L.L.C. can elevate your business."
|
||||
@@ -357,14 +161,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Arwani Trading Company"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user