Merge version_4 into main #5
275
src/app/page.tsx
275
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="IDT Trading LLC"
|
||||
/>
|
||||
@@ -55,91 +47,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Quality Construction Equipment & Roof Sealing"
|
||||
description="IDT Trading LLC provides the most reliable construction equipment and professional roof sealing solutions in Dubai."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Catalog", href: "#products"
|
||||
}
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kasun Nilanga",
|
||||
handle: "@customer",
|
||||
testimonial: "Best quality. Highly recommended for construction needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",
|
||||
},
|
||||
name: "Kasun Nilanga", handle: "@customer", testimonial: "Best quality. Highly recommended for construction needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg"},
|
||||
{
|
||||
name: "Sarah Ahmed",
|
||||
handle: "@engineer",
|
||||
testimonial: "Reliable service and exceptional quality tools.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-helmet-looking-drafts_23-2147710719.jpg",
|
||||
},
|
||||
name: "Sarah Ahmed", handle: "@engineer", testimonial: "Reliable service and exceptional quality tools.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-helmet-looking-drafts_23-2147710719.jpg"},
|
||||
{
|
||||
name: "David Miller",
|
||||
handle: "@manager",
|
||||
testimonial: "Excellent roof sealing products.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg",
|
||||
},
|
||||
name: "David Miller", handle: "@manager", testimonial: "Excellent roof sealing products.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg"},
|
||||
{
|
||||
name: "Omar Farooq",
|
||||
handle: "@owner",
|
||||
testimonial: "IDT Trading is our go-to supplier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg",
|
||||
},
|
||||
name: "Omar Farooq", handle: "@owner", testimonial: "IDT Trading is our go-to supplier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg"},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@architect",
|
||||
testimonial: "Professional advice and perfect delivery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",
|
||||
},
|
||||
name: "Elena Rossi", handle: "@architect", testimonial: "Professional advice and perfect delivery.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307768.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
|
||||
alt: "Architect",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg", alt: "Architect"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-old-man-showing-approval_23-2148269353.jpg",
|
||||
alt: "Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-old-man-showing-approval_23-2148269353.jpg", alt: "Manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg",
|
||||
alt: "Carpenter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg", alt: "Carpenter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",
|
||||
alt: "Architect",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg", alt: "Architect"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772871.jpg",
|
||||
alt: "Worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772871.jpg", alt: "Worker"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified",
|
||||
},
|
||||
type: "text", text: "ISO Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Regional Coverage",
|
||||
},
|
||||
type: "text", text: "Regional Coverage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grade",
|
||||
},
|
||||
type: "text", text: "Premium Grade"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Standard",
|
||||
},
|
||||
type: "text", text: "Industry Standard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,18 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Reliable Equipment and ",
|
||||
},
|
||||
type: "text", content: "Reliable Equipment and "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wood-processing-factory_1112-1217.jpg",
|
||||
alt: "About IDT Trading",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/wood-processing-factory_1112-1217.jpg", alt: "About IDT Trading"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Expert Roof Sealing.",
|
||||
},
|
||||
type: "text", content: " Expert Roof Sealing."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,26 +121,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Roof Sealing",
|
||||
description: "Prevent structural damage with our expert sealing services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-scalpel-blade_23-2149299222.jpg?_wi=1",
|
||||
tag: "Essential",
|
||||
},
|
||||
id: "f1", title: "Roof Sealing", description: "Prevent structural damage with our expert sealing services.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-scalpel-blade_23-2149299222.jpg?_wi=1", tag: "Essential"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Heavy Equipment",
|
||||
description: "Reliable machinery for all scales of construction projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg?_wi=1",
|
||||
tag: "Powerful",
|
||||
},
|
||||
id: "f2", title: "Heavy Equipment", description: "Reliable machinery for all scales of construction projects.", imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg?_wi=1", tag: "Powerful"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Maintenance Tools",
|
||||
description: "Quality tools to maintain site safety and productivity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-construction-hammers-still-life_23-2150563141.jpg",
|
||||
tag: "Reliable",
|
||||
},
|
||||
id: "f3", title: "Maintenance Tools", description: "Quality tools to maintain site safety and productivity.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-construction-hammers-still-life_23-2150563141.jpg", tag: "Reliable"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Providing top-tier tools for every construction requirement."
|
||||
@@ -206,47 +140,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Concrete Mixer",
|
||||
price: "Custom Pricing",
|
||||
variant: "Industrial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194767.jpg",
|
||||
},
|
||||
id: "p1", name: "Concrete Mixer", price: "Custom Pricing", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194767.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Excavator",
|
||||
price: "Custom Pricing",
|
||||
variant: "Heavy-Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194770.jpg",
|
||||
},
|
||||
id: "p2", name: "Excavator", price: "Custom Pricing", variant: "Heavy-Duty", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194770.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Roof Membrane",
|
||||
price: "Contact for Quote",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-water-drops-bench_23-2148795860.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Roof Membrane", price: "Contact for Quote", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-water-drops-bench_23-2148795860.jpg?_wi=1"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Professional Scaffolding",
|
||||
price: "Custom Pricing",
|
||||
variant: "Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-gate_1359-925.jpg",
|
||||
},
|
||||
id: "p4", name: "Professional Scaffolding", price: "Custom Pricing", variant: "Steel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-gate_1359-925.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Heavy Duty Drill",
|
||||
price: "Price on request",
|
||||
variant: "Power-Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-carpenter-working-with-wood-building-tools-house_169016-12736.jpg",
|
||||
},
|
||||
id: "p5", name: "Heavy Duty Drill", price: "Price on request", variant: "Power-Tool", imageSrc: "http://img.b2bpic.net/free-photo/professional-carpenter-working-with-wood-building-tools-house_169016-12736.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Site Lighting System",
|
||||
price: "Custom Pricing",
|
||||
variant: "Efficiency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-checking-quality-products-industrial-warehouse_342744-209.jpg",
|
||||
},
|
||||
id: "p6", name: "Site Lighting System", price: "Custom Pricing", variant: "Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-checking-quality-products-industrial-warehouse_342744-209.jpg"},
|
||||
]}
|
||||
title="Our Construction Equipment"
|
||||
description="Browse our catalog of professional-grade construction tools and supplies."
|
||||
@@ -259,60 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Kasun Nilanga",
|
||||
date: "3 months ago",
|
||||
title: "Construction Manager",
|
||||
quote: "Best quality. Highly recommended.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307768.jpg?_wi=2",
|
||||
imageAlt: "construction business owner portrait",
|
||||
},
|
||||
id: "t1", name: "Kasun Nilanga", date: "3 months ago", title: "Construction Manager", quote: "Best quality. Highly recommended.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307768.jpg?_wi=2", imageAlt: "construction business owner portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Ahmed",
|
||||
date: "1 month ago",
|
||||
title: "Project Engineer",
|
||||
quote: "Reliable service and exceptional quality tools.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-helmet-looking-drafts_23-2147710719.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-processing-factory_1112-1217.jpg",
|
||||
imageAlt: "construction business owner portrait",
|
||||
},
|
||||
id: "t2", name: "Sarah Ahmed", date: "1 month ago", title: "Project Engineer", quote: "Reliable service and exceptional quality tools.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-helmet-looking-drafts_23-2147710719.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wood-processing-factory_1112-1217.jpg", imageAlt: "construction business owner portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Miller",
|
||||
date: "2 months ago",
|
||||
title: "Site Manager",
|
||||
quote: "Excellent roof sealing products.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-scalpel-blade_23-2149299222.jpg?_wi=2",
|
||||
imageAlt: "construction business owner portrait",
|
||||
},
|
||||
id: "t3", name: "David Miller", date: "2 months ago", title: "Site Manager", quote: "Excellent roof sealing products.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-scalpel-blade_23-2149299222.jpg?_wi=2", imageAlt: "construction business owner portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Omar Farooq",
|
||||
date: "5 months ago",
|
||||
title: "Business Owner",
|
||||
quote: "IDT Trading is our go-to supplier.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg?_wi=2",
|
||||
imageAlt: "construction business owner portrait",
|
||||
},
|
||||
id: "t4", name: "Omar Farooq", date: "5 months ago", title: "Business Owner", quote: "IDT Trading is our go-to supplier.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg", imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg?_wi=2", imageAlt: "construction business owner portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rossi",
|
||||
date: "6 months ago",
|
||||
title: "Architect",
|
||||
quote: "Professional advice and perfect delivery.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-water-drops-bench_23-2148795860.jpg?_wi=2",
|
||||
imageAlt: "construction business owner portrait",
|
||||
},
|
||||
id: "t5", name: "Elena Rossi", date: "6 months ago", title: "Architect", quote: "Professional advice and perfect delivery.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-water-drops-bench_23-2148795860.jpg?_wi=2", imageAlt: "construction business owner portrait"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by professionals across the Dubai construction industry."
|
||||
@@ -325,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What equipment do you supply?",
|
||||
content: "We supply a wide range of heavy machinery, construction tools, and roofing materials.",
|
||||
},
|
||||
id: "q1", title: "What equipment do you supply?", content: "We supply a wide range of heavy machinery, construction tools, and roofing materials."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide roof sealing?",
|
||||
content: "Yes, we specialize in high-quality professional roof sealing to prevent structural damage.",
|
||||
},
|
||||
id: "q2", title: "Do you provide roof sealing?", content: "Yes, we specialize in high-quality professional roof sealing to prevent structural damage."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "We are based in Al Khawaneej, Dubai, servicing all regional clients.",
|
||||
},
|
||||
id: "q3", title: "Where are you located?", content: "We are based in Al Khawaneej, Dubai, servicing all regional clients."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to help you get the best construction solutions."
|
||||
@@ -350,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Get in Touch"
|
||||
title="Need Expert Solutions?"
|
||||
description="Connect with us today for all your construction and sealing equipment requirements."
|
||||
@@ -362,29 +211,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roof Sealing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Roof Sealing", href: "#"},
|
||||
{
|
||||
label: "Machinery Hire",
|
||||
href: "#",
|
||||
},
|
||||
label: "Machinery Hire", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user