From bdb3186e697619bd3b2641e73c0eca3c9dce6fce Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 02:33:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 250 +++++++++++++++++++----------------------------
 1 file changed, 103 insertions(+), 147 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f84219a..89762f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file