Merge version_1_1781530613783 into main #1
@@ -13,281 +13,140 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBrand
|
||||
brand="Guangzhou International for Trading & Shipping"
|
||||
description="Leading logistics partner connecting Iraq to global markets with reliability, transparency, and timely delivery."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-port-pier-pondicherry-rock-beach-sunset_181624-32332.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Guangzhou International for Trading & Shipping"
|
||||
description="Leading logistics partner connecting Iraq to global markets with reliability, transparency, and timely delivery."
|
||||
primaryButton={{ text: "Get Started", href: "#contact" }}
|
||||
secondaryButton={{ text: "Our Services", href: "#services" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-port-pier-pondicherry-rock-beach-sunset_181624-32332.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Story"
|
||||
quote="Established in 2015, we bridge the gap between global manufacturers and the Iraqi market through transparent and efficient supply chain solutions."
|
||||
author="Guangzhou International Team"
|
||||
role="Since 2015"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/buy-business-show-window-urban-light_1127-2761.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Story"
|
||||
quote="Established in 2015, we bridge the gap between global manufacturers and the Iraqi market through transparent and efficient supply chain solutions."
|
||||
author="Guangzhou International Team"
|
||||
role="Since 2015"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/buy-business-show-window-urban-light_1127-2761.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Expertise"
|
||||
title="Comprehensive Logistics Solutions"
|
||||
description="Tailored shipping and trading services designed to meet your business needs with efficiency."
|
||||
items={[
|
||||
{
|
||||
title: "Sea Freight",
|
||||
description: "Global ocean shipping solutions.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shipping-port-with-cargo-containers-cranes_23-2152005462.jpg",
|
||||
},
|
||||
{
|
||||
title: "Air Freight",
|
||||
description: "Expedited air transport options.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-sea-with-passing-cargo-ship_628469-8.jpg",
|
||||
},
|
||||
{
|
||||
title: "Land Transport",
|
||||
description: "Reliable road and regional transport.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-truck-driver-standing-by-truck_1303-21859.jpg",
|
||||
},
|
||||
{
|
||||
title: "Customs",
|
||||
description: "Expert regulatory and clearance assistance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468844.jpg",
|
||||
},
|
||||
{
|
||||
title: "Warehousing",
|
||||
description: "Modern facility storage services.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boats-sea_181624-10702.jpg",
|
||||
},
|
||||
{
|
||||
title: "Import Solutions",
|
||||
description: "End-to-end import trade management.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663010.jpg",
|
||||
},
|
||||
{
|
||||
title: "E-commerce Logistics",
|
||||
description: "Dedicated delivery support for stores.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shipping-crane-cargo-background_74190-4278.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expertise"
|
||||
title="Comprehensive Logistics Solutions"
|
||||
description="Tailored shipping and trading services designed to meet your business needs with efficiency."
|
||||
items={[
|
||||
{ title: "Sea Freight", description: "Global ocean shipping solutions.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/shipping-port-with-cargo-containers-cranes_23-2152005462.jpg" },
|
||||
{ title: "Air Freight", description: "Expedited air transport options.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-sea-with-passing-cargo-ship_628469-8.jpg" },
|
||||
{ title: "Land Transport", description: "Reliable road and regional transport.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-truck-driver-standing-by-truck_1303-21859.jpg" },
|
||||
{ title: "Customs", description: "Expert regulatory and clearance assistance.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468844.jpg" },
|
||||
{ title: "Warehousing", description: "Modern facility storage services.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/boats-sea_181624-10702.jpg" },
|
||||
{ title: "Import Solutions", description: "End-to-end import trade management.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663010.jpg" },
|
||||
{ title: "E-commerce Logistics", description: "Dedicated delivery support for stores.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shipping-crane-cargo-background_74190-4278.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="global" data-section="global">
|
||||
<SectionErrorBoundary name="global">
|
||||
<div id="global" data-section="global">
|
||||
<SectionErrorBoundary name="global">
|
||||
<FeaturesBento
|
||||
tag="Operations"
|
||||
title="Global Logistics Network"
|
||||
description="Connecting Iraq with leading industrial markets across Asia and the Middle East."
|
||||
features={[
|
||||
{
|
||||
title: "Presence",
|
||||
description: "Strategically positioned warehouses and operations.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Map,
|
||||
label: "Baghdad",
|
||||
value: "HQ",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
label: "China",
|
||||
value: "Hub",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "UAE",
|
||||
value: "Operations",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541829.jpg",
|
||||
imageAlt: "Transport and logistics of products",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Operations"
|
||||
title="Global Logistics Network"
|
||||
description="Connecting Iraq with leading industrial markets across Asia and the Middle East."
|
||||
features={[
|
||||
{
|
||||
title: "Presence", description: "Strategically positioned warehouses and operations.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Map", label: "Baghdad", value: "HQ" },
|
||||
{ icon: "Building", label: "China", value: "Hub" },
|
||||
{ icon: "Truck", label: "UAE", value: "Operations" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Performance"
|
||||
title="Our Impact"
|
||||
description="Delivering excellence consistently since 2015."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%",
|
||||
description: "On-Time Delivery",
|
||||
},
|
||||
{
|
||||
value: "2015",
|
||||
description: "Established",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
description: "Global Partners",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
description: "Shipments Handled",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance"
|
||||
title="Our Impact"
|
||||
description="Delivering excellence consistently since 2015."
|
||||
metrics={[
|
||||
{ value: "99.9%", description: "On-Time Delivery" },
|
||||
{ value: "2015", description: "Established" },
|
||||
{ value: "15+", description: "Global Partners" },
|
||||
{ value: "5k+", description: "Shipments Handled" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<SectionErrorBoundary name="why">
|
||||
<div id="why" data-section="why">
|
||||
<SectionErrorBoundary name="why">
|
||||
<PricingCenteredCards
|
||||
tag="Values"
|
||||
title="Why Choose Us?"
|
||||
description="Our commitment to quality, trust, and transparency makes us the preferred partner."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essential",
|
||||
price: "Reliability",
|
||||
description: "Commitment to consistency.",
|
||||
features: [
|
||||
"Transparant Pricing",
|
||||
"Safety First",
|
||||
"Fast Shipping",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Expertise",
|
||||
price: "Global",
|
||||
description: "Connecting your business.",
|
||||
features: [
|
||||
"Expert Team",
|
||||
"Custom Solutions",
|
||||
"24/7 Support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Values"
|
||||
title="Why Choose Us?"
|
||||
description="Our commitment to quality, trust, and transparency makes us the preferred partner."
|
||||
plans={[
|
||||
{ tag: "Essential", price: "Reliability", description: "Commitment to consistency.", features: ["Transparant Pricing", "Safety First", "Fast Shipping"], primaryButton: { text: "Inquire", href: "#contact" } },
|
||||
{ tag: "Expertise", price: "Global", description: "Connecting your business.", features: ["Expert Team", "Custom Solutions", "24/7 Support"], primaryButton: { text: "Inquire", href: "#contact" } }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Testimonials"
|
||||
title="What Clients Say"
|
||||
description="Trusted by businesses for their logistical needs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ali Hassan",
|
||||
role: "Logistics Manager",
|
||||
company: "TradeCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Ahmed",
|
||||
role: "Store Owner",
|
||||
company: "RetailMart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mohammed Zaid",
|
||||
role: "Director",
|
||||
company: "SupplyX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fatima Noor",
|
||||
role: "Purchaser",
|
||||
company: "GlobalTrade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
},
|
||||
{
|
||||
name: "Karim Jassim",
|
||||
role: "Warehouse Head",
|
||||
company: "FastLogistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="What Clients Say"
|
||||
description="Trusted by businesses for their logistical needs."
|
||||
testimonials={[
|
||||
{ name: "Ali Hassan", role: "Logistics Manager", company: "TradeCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg" },
|
||||
{ name: "Sarah Ahmed", role: "Store Owner", company: "RetailMart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg" },
|
||||
{ name: "Mohammed Zaid", role: "Director", company: "SupplyX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg" },
|
||||
{ name: "Fatima Noor", role: "Purchaser", company: "GlobalTrade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg" },
|
||||
{ name: "Karim Jassim", role: "Warehouse Head", company: "FastLogistics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common inquiries."
|
||||
items={[
|
||||
{
|
||||
question: "Where is the head office?",
|
||||
answer: "Our head office is on AL Rubaie Street, Baghdad, Iraq.",
|
||||
},
|
||||
{
|
||||
question: "Which countries do you serve?",
|
||||
answer: "We serve China, South Korea, Turkey, UAE, and Iraq.",
|
||||
},
|
||||
{
|
||||
question: "How to contact you?",
|
||||
answer: "You can reach us at +964 772 166 7000 or via WhatsApp.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common inquiries."
|
||||
items={[
|
||||
{ question: "Where is the head office?", answer: "Our head office is on AL Rubaie Street, Baghdad, Iraq." },
|
||||
{ question: "Which countries do you serve?", answer: "We serve China, South Korea, Turkey, UAE, and Iraq." },
|
||||
{ question: "How to contact you?", answer: "You can reach us at +964 772 166 7000 or via WhatsApp." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Ready to streamline your logistics? Contact us today."
|
||||
primaryButton={{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/9647721667000",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in Touch"
|
||||
text="Ready to streamline your logistics? Contact us today."
|
||||
primaryButton={{ text: "WhatsApp Us", href: "https://wa.me/9647721667000" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user