Merge version_1 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -33,136 +33,76 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PIPES INDUSTRIES"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Engineered for Strength. Built for Legacy."
|
||||
description="Supplying durable, certified piping solutions across Tanzania with unmatched reliability and industrial-grade quality."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@tanzaniabuilds",
|
||||
testimonial: "The quality of pipes delivered was exceptional. Highly professional service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-part-landschaftspark-duisburg-germany-daytime_181624-10664.jpg?_wi=1",
|
||||
imageAlt: "industrial pipes construction yard",
|
||||
},
|
||||
name: "Sarah K.", handle: "@tanzaniabuilds", testimonial: "The quality of pipes delivered was exceptional. Highly professional service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-part-landschaftspark-duisburg-germany-daytime_181624-10664.jpg", imageAlt: "industrial pipes construction yard"},
|
||||
{
|
||||
name: "John M.",
|
||||
handle: "@cityinfra",
|
||||
testimonial: "Reliable partner for our large-scale infrastructure projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg?_wi=1",
|
||||
imageAlt: "industrial pipes construction yard",
|
||||
},
|
||||
name: "John M.", handle: "@cityinfra", testimonial: "Reliable partner for our large-scale infrastructure projects.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg", imageAlt: "industrial pipes construction yard"},
|
||||
{
|
||||
name: "Alice D.",
|
||||
handle: "@developers",
|
||||
testimonial: "Consistently competitive pricing and fast delivery schedules.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-analysts-consultants-reviewing-data-checklists_482257-125957.jpg?_wi=1",
|
||||
imageAlt: "industrial pipes construction yard",
|
||||
},
|
||||
name: "Alice D.", handle: "@developers", testimonial: "Consistently competitive pricing and fast delivery schedules.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-analysts-consultants-reviewing-data-checklists_482257-125957.jpg", imageAlt: "industrial pipes construction yard"},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@contractors",
|
||||
testimonial: "Pipes Industries represents the standard for quality in East Africa.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2602.jpg?_wi=1",
|
||||
imageAlt: "industrial pipes construction yard",
|
||||
},
|
||||
name: "Robert B.", handle: "@contractors", testimonial: "Pipes Industries represents the standard for quality in East Africa.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2602.jpg", imageAlt: "industrial pipes construction yard"},
|
||||
{
|
||||
name: "Michael L.",
|
||||
handle: "@civiltech",
|
||||
testimonial: "Great technical support and reliable piping solutions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062940.jpg?_wi=1",
|
||||
imageAlt: "industrial pipes construction yard",
|
||||
},
|
||||
name: "Michael L.", handle: "@civiltech", testimonial: "Great technical support and reliable piping solutions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062940.jpg", imageAlt: "industrial pipes construction yard"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0699352717",
|
||||
},
|
||||
text: "Call Now", href: "tel:0699352717"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-angle-shot-part-landschaftspark-duisburg-germany-daytime_181624-10664.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-angle-shot-part-landschaftspark-duisburg-germany-daytime_181624-10664.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="industrial pipes construction yard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/energy-supply-system_1127-2087.jpg",
|
||||
alt: "Energy supply system",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/energy-supply-system_1127-2087.jpg", alt: "Energy supply system"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/steel-gate-technology-retractable-fence_1359-682.jpg",
|
||||
alt: "Steel Gate technology Retractable Fence",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/steel-gate-technology-retractable-fence_1359-682.jpg", alt: "Steel Gate technology Retractable Fence"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/piping-circuit_1127-2080.jpg",
|
||||
alt: "Piping circuit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/piping-circuit_1127-2080.jpg", alt: "Piping circuit"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-city-bridge-with-train-london_23-2149437440.jpg",
|
||||
alt: "View of city bridge with train in london",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-city-bridge-with-train-london_23-2149437440.jpg", alt: "View of city bridge with train in london"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-using-digital-tablet-restaurant_23-2147955278.jpg",
|
||||
alt: "Portrait of a happy mature businessman using digital tablet in restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-using-digital-tablet-restaurant_23-2147955278.jpg", alt: "Portrait of a happy mature businessman using digital tablet in restaurant"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ projects"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified",
|
||||
},
|
||||
type: "text", text: "ISO Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Delivery",
|
||||
},
|
||||
type: "text", text: "Nationwide Delivery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial Grade",
|
||||
},
|
||||
type: "text", text: "Industrial Grade"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
type: "text", text: "Expert Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Pricing",
|
||||
},
|
||||
type: "text", text: "Competitive Pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,14 +112,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Tanzania Infra",
|
||||
"Dar Develop",
|
||||
"East Africa Civil",
|
||||
"Modern Build",
|
||||
"Coastal Real Estate",
|
||||
"Nation Power",
|
||||
"Infrastructure Corp",
|
||||
]}
|
||||
"Tanzania Infra", "Dar Develop", "East Africa Civil", "Modern Build", "Coastal Real Estate", "Nation Power", "Infrastructure Corp"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We are proud to partner with leading construction and real estate companies across the nation."
|
||||
/>
|
||||
@@ -193,41 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "PVC Pipes",
|
||||
price: "Contact for Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "PVC Pipes", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "HDPE Pipes",
|
||||
price: "Contact for Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2602.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "HDPE Pipes", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2602.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Steel Pipes",
|
||||
price: "Contact for Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062940.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Steel Pipes", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062940.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fittings",
|
||||
price: "Contact for Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
|
||||
},
|
||||
id: "p4", name: "Fittings", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Industrial Valves",
|
||||
price: "Contact for Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132185.jpg",
|
||||
},
|
||||
id: "p5", name: "Industrial Valves", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132185.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Accessory Kits",
|
||||
price: "Contact for Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-composition-pvc_23-2149062990.jpg",
|
||||
},
|
||||
id: "p6", name: "Accessory Kits", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-composition-pvc_23-2149062990.jpg"},
|
||||
]}
|
||||
title="High-Performance Solutions"
|
||||
description="Explore our wide range of professional-grade piping products tailored for industrial requirements."
|
||||
@@ -241,28 +150,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "ISO-certified products that meet global durability standards.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/weathered-rusty-refrigeration-rack-factory_181624-56923.jpg",
|
||||
imageAlt: "Weathered rusty refrigeration rack in a factory",
|
||||
title: "Premium Quality", description: "ISO-certified products that meet global durability standards.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Fast Logistics",
|
||||
description: "Reliable supply chain ensuring delivery across Tanzania.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-part-landschaftspark-duisburg-germany-daytime_181624-10664.jpg?_wi=3",
|
||||
imageAlt: "Weathered rusty refrigeration rack in a factory",
|
||||
title: "Fast Logistics", description: "Reliable supply chain ensuring delivery across Tanzania.", bentoComponent: "reveal-icon", icon: Truck,
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Decades of combined technical knowledge in engineering.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg?_wi=3",
|
||||
imageAlt: "Weathered rusty refrigeration rack in a factory",
|
||||
title: "Expert Team", description: "Decades of combined technical knowledge in engineering.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Pipes Industries?"
|
||||
@@ -277,19 +171,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "120+",
|
||||
},
|
||||
label: "Happy Clients", value: "120+"},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Years Active",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years Active", value: "15+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -303,25 +191,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Client retention rate.",
|
||||
icon: Smile,
|
||||
id: "m1", value: "99%", title: "Satisfaction", description: "Client retention rate.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always ready to help.",
|
||||
icon: Clock,
|
||||
id: "m2", value: "24/7", title: "Support", description: "Always ready to help.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
title: "Tons Supplied",
|
||||
description: "Total volume delivered.",
|
||||
icon: Box,
|
||||
id: "m3", value: "10k+", title: "Tons Supplied", description: "Total volume delivered.", icon: Box,
|
||||
},
|
||||
]}
|
||||
title="Industry Impact"
|
||||
@@ -336,40 +212,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@infra",
|
||||
testimonial: "The best pipe supplier in Dar es Salaam. Extremely professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-analysts-consultants-reviewing-data-checklists_482257-125957.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@infra", testimonial: "The best pipe supplier in Dar es Salaam. Extremely professional.", imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-analysts-consultants-reviewing-data-checklists_482257-125957.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David M.",
|
||||
handle: "@devs",
|
||||
testimonial: "Punctual deliveries and high-grade quality every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "t2", name: "David M.", handle: "@devs", testimonial: "Punctual deliveries and high-grade quality every time.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
handle: "@contract",
|
||||
testimonial: "Excellent technical support during the installation phase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-118152.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily P.", handle: "@contract", testimonial: "Excellent technical support during the installation phase.", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-118152.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris B.",
|
||||
handle: "@const",
|
||||
testimonial: "Their inventory is always well-stocked and ready for immediate pick-up.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-manager-holding-meeting-talking-his-employees-about-project-plans_637285-4135.jpg",
|
||||
},
|
||||
id: "t4", name: "Chris B.", handle: "@const", testimonial: "Their inventory is always well-stocked and ready for immediate pick-up.", imageSrc: "http://img.b2bpic.net/free-photo/factory-manager-holding-meeting-talking-his-employees-about-project-plans_637285-4135.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna K.",
|
||||
handle: "@build",
|
||||
testimonial: "A cornerstone supplier for our development projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/column-business-working-mobile-tie_1157-3667.jpg",
|
||||
},
|
||||
id: "t5", name: "Anna K.", handle: "@build", testimonial: "A cornerstone supplier for our development projects.", imageSrc: "http://img.b2bpic.net/free-photo/column-business-working-mobile-tie_1157-3667.jpg"},
|
||||
]}
|
||||
title="Proven Reliability"
|
||||
description="What our partners say about working with us."
|
||||
@@ -380,8 +231,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Need Reliable Pipes for Your Project?"
|
||||
description="Contact our sales team today to request a quote or for technical inquiries. 0699 352 717 | Business Hours: 8AM – 6PM."
|
||||
@@ -399,33 +249,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user