Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-18 12:45:31 +00:00

View File

@@ -17,370 +17,179 @@ import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
{
name: "About",
id: "#about",
},
{
name: "Products",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Dunlop Container - AMR Tyres"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "#home" },
{ name: "About", id: "#about" },
{ name: "Products", id: "#products" },
{ name: "Contact", id: "#contact" },
]}
brandName="Dunlop Container - AMR Tyres"
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
title="Unrivalled Tyre Engineering for Global Logistics"
description="Dunlop Container - AMR Tyres delivers world-class tyre solutions designed for heavy-duty performance, durability, and maximum efficiency. Powering the backbone of modern transport."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/supervisor-manager-male-engineer-worker-wears-uniform-working-hand-use-laptop-stock-checking-store-warehouse-shipping-industrial-team-with-safety-helmet-checking-quantity-product-shelf_609648-793.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-mechanic-showing-ok-gesture-with-his-thumb-while-holding-wrench_146671-19719.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32009.jpg",
alt: "Customer",
},
]}
avatarText="Trusted by 500+ Fleet Partners"
buttons={[
{
text: "View Range",
href: "#products",
},
]}
marqueeItems={[
{
type: "text",
text: "ISO 9001 Certified",
},
{
type: "text",
text: "Heavy-Duty Compound",
},
{
type: "text",
text: "24/7 Global Support",
},
{
type: "text",
text: "All-Terrain Capability",
},
{
type: "text",
text: "Sustainability Focused",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{ variant: "sparkles-gradient" }}
title="Unrivalled Tyre Engineering for Global Logistics"
description="Dunlop Container - AMR Tyres delivers world-class tyre solutions designed for heavy-duty performance, durability, and maximum efficiency. Powering the backbone of modern transport."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/supervisor-manager-male-engineer-worker-wears-uniform-working-hand-use-laptop-stock-checking-store-warehouse-shipping-industrial-team-with-safety-helmet-checking-quantity-product-shelf_609648-793.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-mechanic-showing-ok-gesture-with-his-thumb-while-holding-wrench_146671-19719.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32009.jpg", alt: "Customer" }
]}
avatarText="Trusted by 500+ Fleet Partners"
buttons={[{ text: "View Range", href: "#products" }]}
marqueeItems={[
{ type: "text", text: "ISO 9001 Certified" },
{ type: "text", text: "Heavy-Duty Compound" },
{ type: "text", text: "24/7 Global Support" },
{ type: "text", text: "All-Terrain Capability" },
{ type: "text", text: "Sustainability Focused" }
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Precision engineered to outlast the competition."
buttons={[
{
text: "Our Heritage",
href: "#about",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Precision engineered to outlast the competition."
buttons={[{ text: "Our Heritage", href: "#about" }]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Hyper-Road Pro",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg?_wi=1",
},
{
id: "p2",
name: "Off-Road Titan",
price: "$620",
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483040.jpg",
},
{
id: "p3",
name: "Slick Track Racer",
price: "$580",
imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31994.jpg",
},
{
id: "p4",
name: "All-Season Guard",
price: "$390",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15666.jpg",
},
{
id: "p5",
name: "Arctic Winter Elite",
price: "$480",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-checking-car-wheel_23-2149236015.jpg",
},
{
id: "p6",
name: "Container Heavy-Duty",
price: "$850",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476203.jpg",
},
]}
title="Premium Tyre Selection"
description="Our specialized container and road transport tyres."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Hyper-Road Pro", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg" },
{ id: "p2", name: "Off-Road Titan", price: "$620", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483040.jpg" },
{ id: "p3", name: "Slick Track Racer", price: "$580", imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31994.jpg" },
{ id: "p4", name: "All-Season Guard", price: "$390", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15666.jpg" },
{ id: "p5", name: "Arctic Winter Elite", price: "$480", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-checking-car-wheel_23-2149236015.jpg" },
{ id: "p6", name: "Container Heavy-Duty", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476203.jpg" }
]}
title="Premium Tyre Selection"
description="Our specialized container and road transport tyres."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1.2M",
title: "Tyres Delivered",
items: [
"Global Logistics",
"Heavy Industrial",
"Road Transport",
],
},
{
id: "m2",
value: "98%",
title: "Client Retention",
items: [
"High Reliability",
"Long-term Support",
"Customer Satisfaction",
],
},
{
id: "m3",
value: "24/7",
title: "Fleet Support",
items: [
"Global Coverage",
"Immediate Response",
"Technical Experts",
],
},
]}
title="Proven Performance Results"
description="Metrics that drive our industrial growth."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "1.2M", title: "Tyres Delivered", items: ["Global Logistics", "Heavy Industrial", "Road Transport"] },
{ id: "m2", value: "98%", title: "Client Retention", items: ["High Reliability", "Long-term Support", "Customer Satisfaction"] },
{ id: "m3", value: "24/7", title: "Fleet Support", items: ["Global Coverage", "Immediate Response", "Technical Experts"] }
]}
title="Proven Performance Results"
description="Metrics that drive our industrial growth."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Real-time Pressure",
description: "Continuous monitoring of tyre health for safety.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-hand-holding-smartphone-use-car-insurance-application-online-after-his-broken-car-insurance-concept_493343-29993.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-man-using-digital-tablet-mobile-phone-while-charging-electric-car_107420-94882.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-car-dealership_23-2148332950.jpg",
imageAlt: "mobile app tyre pressure monitor",
},
{
title: "Wear Prediction",
description: "Predictive maintenance to reduce fleet downtime.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163660.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-hand-car-repair-service-center-blurred-background_493343-30003.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-with-pneumatic-wrench_1170-1218.jpg",
imageAlt: "mobile app tyre pressure monitor",
},
{
title: "Logistics Sync",
description: "Automatic reporting to fleet management systems.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-mobile-phone-calling-somebody-car-flat-tire-background_1150-6268.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-man-car-looking-his-smartphone_23-2147812022.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg?_wi=2",
imageAlt: "mobile app tyre pressure monitor",
},
]}
showStepNumbers={true}
title="Smart Tyre Monitoring Technology"
description="Integrate real-time data into your logistics chain."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
showStepNumbers={true}
title="Smart Tyre Monitoring Technology"
description="Integrate real-time data into your logistics chain."
features={[
{
title: "Real-time Pressure", description: "Continuous monitoring of tyre health for safety.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-hand-holding-smartphone-use-car-insurance-application-online-after-his-broken-car-insurance-concept_493343-29993.jpg", imageAlt: "mobile app tyre pressure monitor" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mid-section-man-using-digital-tablet-mobile-phone-while-charging-electric-car_107420-94882.jpg", imageAlt: "mobile app tyre pressure monitor" }
},
{
title: "Wear Prediction", description: "Predictive maintenance to reduce fleet downtime.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163660.jpg", imageAlt: "mobile app tyre pressure monitor" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-hand-car-repair-service-center-blurred-background_493343-30003.jpg", imageAlt: "mobile app tyre pressure monitor" }
},
{
title: "Logistics Sync", description: "Automatic reporting to fleet management systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-mobile-phone-calling-somebody-car-flat-tire-background_1150-6268.jpg", imageAlt: "mobile app tyre pressure monitor" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-man-car-looking-his-smartphone_23-2147812022.jpg", imageAlt: "mobile app tyre pressure monitor" }
}
]}
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Global Trans",
"Logistics X",
"Heavy Gear",
"RoadMaster",
"FastHaul",
"ContainerCo",
"Elite Transport",
]}
title="Industry Partners"
description="Driving the global logistics chain together."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Global Trans", "Logistics X", "Heavy Gear", "RoadMaster", "FastHaul", "ContainerCo", "Elite Transport"]}
title="Industry Partners"
description="Driving the global logistics chain together."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "John Doe",
role: "CEO",
testimonial: "Exceptional durability in extreme conditions.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg",
},
{
id: "t2",
name: "Jane Smith",
role: "Logistics Manager",
testimonial: "The best tyre choice for our container fleet.",
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg",
},
{
id: "t3",
name: "Mike Ross",
role: "Lead Engineer",
testimonial: "Superior engineering and technical support.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-working-car-parts_1170-1471.jpg",
},
{
id: "t4",
name: "Anna Brown",
role: "Fleet Owner",
testimonial: "Increased efficiency across the board.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-biker-enjoying-night-city-life_158595-3334.jpg",
},
{
id: "t5",
name: "Tom White",
role: "Driver",
testimonial: "Unmatched grip and reliability on long hauls.",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489802.jpg",
},
]}
title="Client Success Stories"
description="What industry leaders say about Dunlop Container."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Client Success Stories"
description="What industry leaders say about Dunlop Container."
testimonials={[
{ id: "t1", name: "John Doe", role: "CEO", testimonial: "Exceptional durability in extreme conditions.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg" },
{ id: "t2", name: "Jane Smith", role: "Logistics Manager", testimonial: "The best tyre choice for our container fleet.", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg" },
{ id: "t3", name: "Mike Ross", role: "Lead Engineer", testimonial: "Superior engineering and technical support.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-working-car-parts_1170-1471.jpg" },
{ id: "t4", name: "Anna Brown", role: "Fleet Owner", testimonial: "Increased efficiency across the board.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-biker-enjoying-night-city-life_158595-3334.jpg" },
{ id: "t5", name: "Tom White", role: "Driver", testimonial: "Unmatched grip and reliability on long hauls.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489802.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long do container tyres last?",
content: "Our high-density tyres are engineered for 200,000+ kms under standard conditions.",
},
{
id: "f2",
title: "Can you handle bulk orders?",
content: "Yes, we scale production for enterprise-level fleet logistics.",
},
{
id: "f3",
title: "Do you provide installation service?",
content: "We work with a global network of certified installation partners.",
},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
faqs={[
{ id: "f1", title: "How long do container tyres last?", content: "Our high-density tyres are engineered for 200,000+ kms under standard conditions." },
{ id: "f2", title: "Can you handle bulk orders?", content: "Yes, we scale production for enterprise-level fleet logistics." },
{ id: "f3", title: "Do you provide installation service?", content: "We work with a global network of certified installation partners." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Contact Us"
title="Get in touch for bespoke tyre solutions."
description="Our experts are ready to assist with your fleet requirements."
buttons={[
{
text: "Contact Support",
href: "#contact",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
tag="Contact Us"
title="Get in touch for bespoke tyre solutions."
description="Our experts are ready to assist with your fleet requirements."
buttons={[{ text: "Contact Support", href: "#contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Dunlop Container - AMR Tyres"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Contact Support",
href: "#contact",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Dunlop Container - AMR Tyres"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Support", href: "#contact" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);