Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
261
src/app/page.tsx
261
src/app/page.tsx
@@ -31,70 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="IMRAN WIRE NETTING"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Strength in Every Mesh"
|
||||
description="Imran Wire Netting Co. delivers high-quality, durable wire mesh and fencing solutions for manufacturing, agriculture, and construction. Precision engineered for performance."
|
||||
tag="Trusted Industrial Supplier"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Catalog", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105467.jpg",
|
||||
imageAlt: "Industrial Wire Netting Roll",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-mesh-texture_23-2150275545.jpg",
|
||||
imageAlt: "Stainless Steel Wire Mesh Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dog-fence_1162-166.jpg",
|
||||
imageAlt: "Manufacturing Production Line",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-light-background_23-2148055638.jpg",
|
||||
imageAlt: "Workshop Material Display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wire-fence_23-2148796577.jpg",
|
||||
imageAlt: "Strong Steel Mesh Joint",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275511.jpg",
|
||||
imageAlt: "Ready to Ship Netting Inventory",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105467.jpg", imageAlt: "Industrial Wire Netting Roll" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-mesh-texture_23-2150275545.jpg", imageAlt: "Stainless Steel Wire Mesh Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dog-fence_1162-166.jpg", imageAlt: "Manufacturing Production Line" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-light-background_23-2148055638.jpg", imageAlt: "Workshop Material Display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-wire-fence_23-2148796577.jpg", imageAlt: "Strong Steel Mesh Joint" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275511.jpg", imageAlt: "Ready to Ship Netting Inventory" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,11 +66,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Commitment to Quality Manufacturing"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,21 +76,9 @@ export default function LandingPage() {
|
||||
title="Built for Durability"
|
||||
description="We ensure every product meets rigorous standards for strength, corrosion resistance, and precision."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Corrosion Resistant",
|
||||
content: "Our galvanized finishes provide long-lasting protection against rust.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Precision Engineering",
|
||||
content: "Uniform hole patterns ensure consistency across every project.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Heavy-Duty Materials",
|
||||
content: "High-tensile steel designed for high-security and industrial applications.",
|
||||
},
|
||||
{ id: "1", title: "Corrosion Resistant", content: "Our galvanized finishes provide long-lasting protection against rust." },
|
||||
{ id: "2", title: "Precision Engineering", content: "Uniform hole patterns ensure consistency across every project." },
|
||||
{ id: "3", title: "Heavy-Duty Materials", content: "High-tensile steel designed for high-security and industrial applications." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hot-barbecue-grill_1232-3502.jpg"
|
||||
imageAlt="Corrosion Resistant Mesh"
|
||||
@@ -146,60 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Standard",
|
||||
name: "Galvanized Netting",
|
||||
price: "Contact for Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-high-view_23-2148744337.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Industrial",
|
||||
name: "Stainless Steel Mesh",
|
||||
price: "Contact for Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-162.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Security",
|
||||
name: "High-Tensile Fencing",
|
||||
price: "Contact for Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wired-fence-with-blurred-background_181624-6624.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Heavy",
|
||||
name: "Welded Wire Coil",
|
||||
price: "Contact for Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-wooden-textured-background_1339-3254.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Fine",
|
||||
name: "Filter Mesh",
|
||||
price: "Contact for Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "45+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-fabric-texture-pattern_58702-16012.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Fence",
|
||||
name: "Chain Link Netting",
|
||||
price: "Contact for Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-net-with-soccer-field-background_1339-5419.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Standard", name: "Galvanized Netting", price: "Contact for Pricing", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-high-view_23-2148744337.jpg" },
|
||||
{ id: "2", brand: "Industrial", name: "Stainless Steel Mesh", price: "Contact for Pricing", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-162.jpg" },
|
||||
{ id: "3", brand: "Security", name: "High-Tensile Fencing", price: "Contact for Pricing", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wired-fence-with-blurred-background_181624-6624.jpg" },
|
||||
{ id: "4", brand: "Heavy", name: "Welded Wire Coil", price: "Contact for Pricing", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wooden-textured-background_1339-3254.jpg" },
|
||||
{ id: "5", brand: "Fine", name: "Filter Mesh", price: "Contact for Pricing", rating: 5, reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/photo-fabric-texture-pattern_58702-16012.jpg" },
|
||||
{ id: "6", brand: "Fence", name: "Chain Link Netting", price: "Contact for Pricing", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-net-with-soccer-field-background_1339-5419.jpg" },
|
||||
]}
|
||||
title="Our Wire Netting Catalog"
|
||||
description="Explore our extensive range of high-quality industrial wire netting products designed to meet diverse infrastructure needs."
|
||||
@@ -213,21 +112,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5,000+",
|
||||
description: "Successful Projects",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Quality Commitment",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years of Experience" },
|
||||
{ id: "m2", value: "5,000+", description: "Successful Projects" },
|
||||
{ id: "m3", value: "100%", description: "Quality Commitment" },
|
||||
]}
|
||||
title="Decades of Industrial Excellence"
|
||||
description="Leading the market in consistent quality and reliable material supply for industrial clients across the region."
|
||||
@@ -240,41 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Construction Manager",
|
||||
testimonial: "The mesh quality is consistently excellent. Our projects run smoother with Imran Wire Netting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784065.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "Property Owner",
|
||||
testimonial: "Very professional service and timely delivery on every order.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-worker-greeting-with-quality-control-inspector-industrial-building_637285-4102.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Agri Specialist",
|
||||
testimonial: "The durability of their galvanized wire in outdoor conditions is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-notepad-her-hands-having-many-flowers-glass-roof_158595-7026.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "Civil Engineer",
|
||||
testimonial: "Technical support and material certification are always perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-standing-his-three-coworkers-construction-site_259150-60514.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Miller",
|
||||
handle: "Hardware Distributor",
|
||||
testimonial: "Our top choice for reliable industrial wire supply.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-standing-front-showcases_114579-2802.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "Construction Manager", testimonial: "The mesh quality is consistently excellent. Our projects run smoother with Imran Wire Netting.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784065.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "Property Owner", testimonial: "Very professional service and timely delivery on every order.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-worker-greeting-with-quality-control-inspector-industrial-building_637285-4102.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "Agri Specialist", testimonial: "The durability of their galvanized wire in outdoor conditions is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-notepad-her-hands-having-many-flowers-glass-roof_158595-7026.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "Civil Engineer", testimonial: "Technical support and material certification are always perfect.", imageSrc: "http://img.b2bpic.net/free-photo/worker-standing-his-three-coworkers-construction-site_259150-60514.jpg" },
|
||||
{ id: "5", name: "John Miller", handle: "Hardware Distributor", testimonial: "Our top choice for reliable industrial wire supply.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-standing-front-showcases_114579-2802.jpg" },
|
||||
]}
|
||||
title="Trusted by Industry Professionals"
|
||||
description="Hear what our partners say about our quality and commitment."
|
||||
@@ -286,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer custom sizes?",
|
||||
content: "Yes, we specialize in custom-cut wire mesh for industrial needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the lead time?",
|
||||
content: "Standard products ship within 48 hours; custom orders vary by scale.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your wire rust-proof?",
|
||||
content: "Our galvanized lines are specifically rated for outdoor environments.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer custom sizes?", content: "Yes, we specialize in custom-cut wire mesh for industrial needs." },
|
||||
{ id: "f2", title: "What is the lead time?", content: "Standard products ship within 48 hours; custom orders vary by scale." },
|
||||
{ id: "f3", title: "Is your wire rust-proof?", content: "Our galvanized lines are specifically rated for outdoor environments." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common answers about our products and manufacturing standards."
|
||||
@@ -311,17 +156,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Ready for your next project?"
|
||||
title="Request a Quote"
|
||||
description="Contact our experts today to discuss your wire netting requirements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -330,29 +169,15 @@ export default function LandingPage() {
|
||||
logoText="IMRAN WIRE NETTING CO."
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Galvanized",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Stainless",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Products", items: [
|
||||
{ label: "Galvanized", href: "#products" },
|
||||
{ label: "Stainless", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user