Merge version_1 into main #2
278
src/app/page.tsx
278
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
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="Madina Electric"
|
||||
/>
|
||||
@@ -57,70 +45,20 @@ export default function LandingPage() {
|
||||
title="Powering Your Vision with Precision"
|
||||
description="Madina Electric offers premium electrical solutions, lighting, and industrial hardware for homes and businesses. Quality you can trust."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@john.doe",
|
||||
testimonial: "Excellent service and high quality hardware.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg?_wi=1",
|
||||
imageAlt: "luxury electric showroom",
|
||||
},
|
||||
{
|
||||
name: "Sarah Smith",
|
||||
handle: "@sarah.s",
|
||||
testimonial: "Professional solutions for our new store renovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-52856.jpg",
|
||||
imageAlt: "luxury electric showroom",
|
||||
},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "Top-notch LED fixtures, very happy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-electric-lightning-bolt-icon_53876-74655.jpg?_wi=1",
|
||||
imageAlt: "luxury electric showroom",
|
||||
},
|
||||
{
|
||||
name: "Elena King",
|
||||
handle: "@elena.k",
|
||||
testimonial: "Very knowledgeable staff and quick delivery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/email-messages-network-circuit-board-link-connection-technology_1379-885.jpg?_wi=1",
|
||||
imageAlt: "luxury electric showroom",
|
||||
},
|
||||
{
|
||||
name: "David Wu",
|
||||
handle: "@dave.wu",
|
||||
testimonial: "Reliable hardware that lasts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036892.jpg?_wi=1",
|
||||
imageAlt: "luxury electric showroom",
|
||||
},
|
||||
{ name: "John Doe", handle: "@john.doe", testimonial: "Excellent service and high quality hardware.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg", imageAlt: "luxury electric showroom" },
|
||||
{ name: "Sarah Smith", handle: "@sarah.s", testimonial: "Professional solutions for our new store renovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-52856.jpg", imageAlt: "luxury electric showroom" },
|
||||
{ name: "Mike Ross", handle: "@mikeross", testimonial: "Top-notch LED fixtures, very happy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/yellow-electric-lightning-bolt-icon_53876-74655.jpg", imageAlt: "luxury electric showroom" },
|
||||
{ name: "Elena King", handle: "@elena.k", testimonial: "Very knowledgeable staff and quick delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/email-messages-network-circuit-board-link-connection-technology_1379-885.jpg", imageAlt: "luxury electric showroom" },
|
||||
{ name: "David Wu", handle: "@dave.wu", testimonial: "Reliable hardware that lasts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036892.jpg", imageAlt: "luxury electric showroom" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg"
|
||||
imageAlt="luxury electric showroom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
|
||||
alt: "Front view happy man showing approval",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
|
||||
alt: "Smiling lady in black jacket posing on isolated background. Happy cheerful woman in dark suit laughing and looking into camera",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
alt: "Portrait of man in black suit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
|
||||
alt: "Portrait of smiling senior man holding smart phone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg",
|
||||
alt: "Senior man looking at camera smiling sitting in workplace at desk",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", alt: "Front view happy man showing approval" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", alt: "Smiling lady in black jacket posing on isolated background. Happy cheerful woman in dark suit laughing and looking into camera" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Portrait of man in black suit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg", alt: "Portrait of smiling senior man holding smart phone" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg", alt: "Senior man looking at camera smiling sitting in workplace at desk" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,10 +68,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Experience the Madina Difference"
|
||||
description={[
|
||||
"For over a decade, Madina Electric has been the leading provider of high-end electrical supplies.",
|
||||
"Our commitment to quality, energy efficiency, and safety ensures that your project stands the test of time.",
|
||||
"We pride ourselves on professional consultation and curated inventory.",
|
||||
]}
|
||||
"For over a decade, Madina Electric has been the leading provider of high-end electrical supplies.", "Our commitment to quality, energy efficiency, and safety ensures that your project stands the test of time.", "We pride ourselves on professional consultation and curated inventory."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,23 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Energy Efficient",
|
||||
description: "Cutting-edge lighting that saves power.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-electric-lightning-bolt-icon_53876-74655.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Energy Efficient", description: "Cutting-edge lighting that saves power.", tag: "Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/yellow-electric-lightning-bolt-icon_53876-74655.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Advanced Tech",
|
||||
description: "Smart integration for modern homes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/email-messages-network-circuit-board-link-connection-technology_1379-885.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Advanced Tech", description: "Smart integration for modern homes.", tag: "Innovation", imageSrc: "http://img.b2bpic.net/free-photo/email-messages-network-circuit-board-link-connection-technology_1379-885.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Expert Consultation",
|
||||
description: "Guidance from electrical specialists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036892.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Expert Consultation", description: "Guidance from electrical specialists.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036892.jpg"},
|
||||
]}
|
||||
title="Why Choose Madina Electric?"
|
||||
description="We offer comprehensive electrical services and products tailored for excellence."
|
||||
@@ -174,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "LED Spotlight",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceiling-light-lamp_1203-8530.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smart Thermostat",
|
||||
price: "$199.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hardhat-light-bulbs_23-2147743038.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wall Switch",
|
||||
price: "$15.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/textured-gray-wallpaper_1194-7177.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Industrial Wire",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-fishing-reel-fishing-baits-wooden-surface_23-2148189314.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Surge Protector",
|
||||
price: "$39.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-headphones-hard-hat-hanging-closet_23-2148773430.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Circuit Breaker",
|
||||
price: "$85.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4121.jpg",
|
||||
},
|
||||
{ id: "p1", name: "LED Spotlight", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/ceiling-light-lamp_1203-8530.jpg" },
|
||||
{ id: "p2", name: "Smart Thermostat", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/hardhat-light-bulbs_23-2147743038.jpg" },
|
||||
{ id: "p3", name: "Wall Switch", price: "$15.50", imageSrc: "http://img.b2bpic.net/free-photo/textured-gray-wallpaper_1194-7177.jpg" },
|
||||
{ id: "p4", name: "Industrial Wire", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-fishing-reel-fishing-baits-wooden-surface_23-2148189314.jpg" },
|
||||
{ id: "p5", name: "Surge Protector", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-headphones-hard-hat-hanging-closet_23-2148773430.jpg" },
|
||||
{ id: "p6", name: "Circuit Breaker", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4121.jpg" },
|
||||
]}
|
||||
title="Top-Rated Electrical Essentials"
|
||||
description="Browse our curated selection of high-performance components."
|
||||
@@ -222,54 +115,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@john",
|
||||
testimonial: "Amazing store!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah S",
|
||||
handle: "@sarah",
|
||||
testimonial: "Great hardware.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike R",
|
||||
handle: "@mike",
|
||||
testimonial: "High quality products.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena K",
|
||||
handle: "@elena",
|
||||
testimonial: "Fast shipping.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-architect-designer-holding-tablet-project-design-papers-workshop_342744-830.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W",
|
||||
handle: "@david",
|
||||
testimonial: "Excellent service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-wearing-trench-coat_23-2149729304.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Robert B",
|
||||
handle: "@rob",
|
||||
testimonial: "Professional advice.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", handle: "@john", testimonial: "Amazing store!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
|
||||
{ id: "t2", name: "Sarah S", handle: "@sarah", testimonial: "Great hardware.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "t3", name: "Mike R", handle: "@mike", testimonial: "High quality products.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg" },
|
||||
{ id: "t4", name: "Elena K", handle: "@elena", testimonial: "Fast shipping.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-architect-designer-holding-tablet-project-design-papers-workshop_342744-830.jpg" },
|
||||
{ id: "t5", name: "David W", handle: "@david", testimonial: "Excellent service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-wearing-trench-coat_23-2149729304.jpg" },
|
||||
{ id: "t6", name: "Robert B", handle: "@rob", testimonial: "Professional advice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -281,15 +132,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Schneider Electric",
|
||||
"Legrand",
|
||||
"Philips",
|
||||
"Bosch",
|
||||
"Siemens",
|
||||
"Honeywell",
|
||||
]}
|
||||
names={["Microsoft", "Schneider Electric", "Legrand", "Philips", "Bosch", "Siemens", "Honeywell"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with world-class manufacturers to provide the best."
|
||||
/>
|
||||
@@ -300,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship locally?",
|
||||
content: "Yes, we ship nationwide with express options.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are products warrantied?",
|
||||
content: "Most items carry 1-3 year manufacturing warranties.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I visit the store?",
|
||||
content: "Our main showroom is open Monday through Saturday.",
|
||||
},
|
||||
{ id: "f1", title: "Do you ship locally?", content: "Yes, we ship nationwide with express options." },
|
||||
{ id: "f2", title: "Are products warrantied?", content: "Most items carry 1-3 year manufacturing warranties." },
|
||||
{ id: "f3", title: "Can I visit the store?", content: "Our main showroom is open Monday through Saturday." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products."
|
||||
@@ -325,16 +156,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to get started? Our team is standing by to help with your project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@madinaelectric.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@madinaelectric.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -343,32 +167,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-image-multi-colored-lights_1359-1054.jpg"
|
||||
logoText="Madina Electric Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user