bender/5619b611-5fbb-46f0-8fbd-a562c767372a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-04-26 02:33:17 +00:00
parent a85ecbaa74 bdb3186e69
commit b225ebd4ea
1 changed files with 103 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

250
src/app/page.tsx
View File

@@ -2,16 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
export default function LandingPage() {
return (
@@ -28,151 +27,108 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Madina Electric"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Madina Electric"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
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" },
]}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg?_wi=2"
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" },
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Madina Electric"
description="Premium electrical solutions, advanced lighting, and industrial hardware for modern projects."
buttons={[{ text: "Explore Products", href: "#products" }]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg?_wi=2", imageAlt: "Electric showroom" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-52856.jpg", imageAlt: "Electrical work" }
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
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."]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Quality & Expertise"
description="With over a decade of industry experience, we ensure reliable, energy-efficient solutions for every electrical requirement."
metrics={[{ value: "10+ Years", title: "Experience" }, { value: "500+", title: "Projects Completed" }]}
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
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?_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?_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?_wi=2"},
]}
title="Why Choose Madina Electric?"
description="We offer comprehensive electrical services and products tailored for excellence."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Innovation at Heart"
features={[
{ title: "Energy Efficiency", description: "High-grade components that reduce power consumption.", imageSrc: "http://img.b2bpic.net/free-photo/yellow-electric-lightning-bolt-icon_53876-74655.jpg?_wi=2" },
{ title: "Smart Integration", description: "Modern solutions for smart home connectivity.", imageSrc: "http://img.b2bpic.net/free-photo/email-messages-network-circuit-board-link-connection-technology_1379-885.jpg?_wi=2" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
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" },
]}
title="Top-Rated Electrical Essentials"
description="Browse our curated selection of high-performance components."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
textboxLayout="split"
title="Premium Catalog"
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: "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" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
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" },
]}
showRating={true}
title="What Our Clients Say"
description="Join our community of satisfied renovation experts and homeowners."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
animationType="slide-up"
textboxLayout="split"
title="Client Success Stories"
testimonials={[
{ id: "t1", name: "John Doe", date: "2024-05-12", title: "Great Quality", quote: "The best electrical hardware store in town.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" }
]}
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Microsoft", "Schneider Electric", "Legrand", "Philips", "Bosch", "Siemens", "Honeywell"]}
title="Trusted Partners"
description="Collaborating with world-class manufacturers to provide the best."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Help & Support"
faqs={[
{ id: "f1", title: "What is your shipping policy?", content: "We provide nationwide fast-track shipping on all orders over $100." },
{ id: "f2", title: "Do you offer warranties?", content: "Yes, all our major products come with a 2-year warranty." }
]}
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
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." },
]}
title="Common Questions"
description="Everything you need to know about our products."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get in Touch"
title="Start Your Project Today"
description="Reach out to our experts for professional advice or wholesale inquiries."
buttons={[{ text: "Email Us", href: "mailto:info@madinaelectric.com" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
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" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
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" }] },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Madina Electric"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "About", href: "#about" }] },
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}