Merge version_2 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "about",
|
||||
},
|
||||
name: "Services", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ElectroSupply Pro"
|
||||
/>
|
||||
@@ -52,41 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Industrial Power Solutions"
|
||||
description="Your premier partner for building and industrial electrical infrastructure. High-grade cables and reliable equipment delivered."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Products", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-inspects-switchboard-wiring-check-screwdriver-hand_169016-68211.jpg?_wi=1",
|
||||
imageAlt: "High quality industrial electrical cables",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-inspects-switchboard-wiring-check-screwdriver-hand_169016-68211.jpg?_wi=1", imageAlt: "High quality industrial electrical cables"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-wiring-panel-electrical-installation-work-cable-connection_169016-68356.jpg",
|
||||
imageAlt: "Professional electrical distribution equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-wiring-panel-electrical-installation-work-cable-connection_169016-68356.jpg", imageAlt: "Professional electrical distribution equipment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133126.jpg",
|
||||
imageAlt: "Industrial grade cable spools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133126.jpg", imageAlt: "Industrial grade cable spools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67715.jpg",
|
||||
imageAlt: "Precision industrial hardware",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67715.jpg", imageAlt: "Precision industrial hardware"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streak-black-base-backdrop_23-2148055597.jpg",
|
||||
imageAlt: "Electrical safety and control devices",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streak-black-base-backdrop_23-2148055597.jpg", imageAlt: "Electrical safety and control devices"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-52188.jpg",
|
||||
imageAlt: "Building power infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-52188.jpg", imageAlt: "Building power infrastructure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,17 +78,11 @@ export default function LandingPage() {
|
||||
description="We specialize in providing high-performance electrical solutions for both building construction and complex industrial environments."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Building Standards",
|
||||
description: "Compliant and certified electrical infrastructure components.",
|
||||
},
|
||||
title: "Building Standards", description: "Compliant and certified electrical infrastructure components."},
|
||||
{
|
||||
title: "Industrial Precision",
|
||||
description: "Components built for rugged environments and continuous operation.",
|
||||
},
|
||||
title: "Industrial Precision", description: "Components built for rugged environments and continuous operation."},
|
||||
{
|
||||
title: "Global Logistics",
|
||||
description: "Efficient supply chain management for all your project needs.",
|
||||
},
|
||||
title: "Global Logistics", description: "Efficient supply chain management for all your project needs."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-53021.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -123,19 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Certified Quality",
|
||||
description: "All products meet international safety protocols.",
|
||||
icon: Shield,
|
||||
title: "Certified Quality", description: "All products meet international safety protocols.", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Bulk Supply",
|
||||
description: "Large scale inventory available for industrial projects.",
|
||||
icon: Zap,
|
||||
title: "Bulk Supply", description: "Large scale inventory available for industrial projects.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Our technical support helps you select the right solution.",
|
||||
icon: Award,
|
||||
title: "Expert Guidance", description: "Our technical support helps you select the right solution.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Our Supplies"
|
||||
@@ -151,41 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Industrial Breaker",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4121.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Industrial Breaker", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4121.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "HV Copper Spool",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-machinery_1359-701.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "HV Copper Spool", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-machinery_1359-701.jpg?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Power Distribution Board",
|
||||
price: "$2,300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615008.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Power Distribution Board", price: "$2,300", imageSrc: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615008.jpg?_wi=1"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Heavy Duty Connector",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transistors_1160-25.jpg",
|
||||
},
|
||||
id: "p4", name: "Heavy Duty Connector", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/transistors_1160-25.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Automated Sensor Unit",
|
||||
price: "$560",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545640.jpg",
|
||||
},
|
||||
id: "p5", name: "Automated Sensor Unit", price: "$560", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545640.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Insulation Tape Pack",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24823.jpg",
|
||||
},
|
||||
id: "p6", name: "Insulation Tape Pack", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24823.jpg"},
|
||||
]}
|
||||
title="Industrial Catalog"
|
||||
description="High performance electrical components and cabling solutions."
|
||||
@@ -199,20 +142,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Authority"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
description: "Projects Supplied",
|
||||
},
|
||||
id: "m1", value: "15K+", description: "Projects Supplied"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Operational Support",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Operational Support"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Industrial Partners",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Industrial Partners"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -224,60 +158,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Jan 2024",
|
||||
title: "Construction Manager",
|
||||
quote: "Unbeatable reliability on critical infrastructure cables.",
|
||||
tag: "Industrial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66682.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-inspects-switchboard-wiring-check-screwdriver-hand_169016-68211.jpg?_wi=2",
|
||||
imageAlt: "construction contractor",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "Construction Manager", quote: "Unbeatable reliability on critical infrastructure cables.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66682.jpg", imageSrc: "http://img.b2bpic.net/free-photo/electrician-inspects-switchboard-wiring-check-screwdriver-hand_169016-68211.jpg?_wi=2", imageAlt: "construction contractor"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Feb 2024",
|
||||
title: "Facility Lead",
|
||||
quote: "Fast logistics and great component variety.",
|
||||
tag: "Facilities",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-53632.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-53021.jpg?_wi=2",
|
||||
imageAlt: "construction contractor",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "Feb 2024", title: "Facility Lead", quote: "Fast logistics and great component variety.", tag: "Facilities", avatarSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-53632.jpg", imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-53021.jpg?_wi=2", imageAlt: "construction contractor"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "March 2024",
|
||||
title: "Senior Engineer",
|
||||
quote: "The only source we trust for large scale projects.",
|
||||
tag: "Engineering",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66829.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4121.jpg?_wi=2",
|
||||
imageAlt: "construction contractor",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "March 2024", title: "Senior Engineer", quote: "The only source we trust for large scale projects.", tag: "Engineering", avatarSrc: "http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66829.jpg", imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4121.jpg?_wi=2", imageAlt: "construction contractor"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "April 2024",
|
||||
title: "Business Owner",
|
||||
quote: "Consistent high quality, never a faulty piece.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-machinery_1359-701.jpg?_wi=2",
|
||||
imageAlt: "construction contractor",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "April 2024", title: "Business Owner", quote: "Consistent high quality, never a faulty piece.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-machinery_1359-701.jpg?_wi=2", imageAlt: "construction contractor"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Petrova",
|
||||
date: "May 2024",
|
||||
title: "Maintenance Head",
|
||||
quote: "Excellent technical support for complex installs.",
|
||||
tag: "Maintenance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24803.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615008.jpg?_wi=2",
|
||||
imageAlt: "construction contractor",
|
||||
},
|
||||
id: "5", name: "Anna Petrova", date: "May 2024", title: "Maintenance Head", quote: "Excellent technical support for complex installs.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24803.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615008.jpg?_wi=2", imageAlt: "construction contractor"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our industry partners say about our electrical supply services."
|
||||
@@ -290,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping times?",
|
||||
content: "Most orders processed within 24 hours.",
|
||||
},
|
||||
id: "f1", title: "Shipping times?", content: "Most orders processed within 24 hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wholesale discounts?",
|
||||
content: "Yes, we offer tiers for large volume industrial orders.",
|
||||
},
|
||||
id: "f2", title: "Wholesale discounts?", content: "Yes, we offer tiers for large volume industrial orders."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Certification support?",
|
||||
content: "All equipment comes with full compliance documentation.",
|
||||
},
|
||||
id: "f3", title: "Certification support?", content: "All equipment comes with full compliance documentation."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get clear answers regarding our supply chain and services."
|
||||
@@ -315,11 +195,10 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Inquire Today"
|
||||
title="Ready to Start?"
|
||||
description="Send us your technical requirements and get a quote within hours."
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Call us directly at 0661 47 47 34 or visit our office in the Hassi Messaoud Industrial Zone."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -327,36 +206,32 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Team", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Cables",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Breakers",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Logistics & Support", items: [
|
||||
{ label: "Hassi Messaoud Zone", href: "#" },
|
||||
{ label: "0661 47 47 34", href: "tel:0661474734" },
|
||||
{ label: "Support Center", href: "#faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Catalog", items: [
|
||||
{ label: "Industrial Cables", href: "#products" },
|
||||
{ label: "Breakers & Panels", href: "#products" },
|
||||
{ label: "Power Components", href: "#products" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ElectroSupply Pro"
|
||||
copyrightText="© 2025 | ElectroSupply Pro - Industrial Solutions"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user