Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { Scale, Wrench, ShieldCheck, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -42,43 +43,36 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroCarouselLogo
-            logoText="Vital Scales Zimbabwe"
+          <HeroOverlay
+            title="Vital Scales Zimbabwe"
             description="Precision weighing solutions and professional maintenance for industry across Zimbabwe."
             buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "View Products", href: "#products" }]}
-            slides={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/closeup-worker-using-automated-machine-woodworking-production-facility_637285-12043.jpg", imageAlt: "Industrial scale maintenance" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41836.jpg", imageAlt: "Laboratory weighing instruments" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-handmade-jewellery-workshop_23-2150931477.jpg", imageAlt: "Precision calibration services" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541906.jpg", imageAlt: "Heavy-duty truck scales" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-car-dashboard-with-big-display_93675-128629.jpg", imageAlt: "Digital display instrumentation" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/confident-young-pretty-delivery-girl-red-uniform-cap-holding-clipboard-looking-camera-isolated-crimson-background-with-copy-space_141793-90735.jpg", imageAlt: "On-site repair team" },
-            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-i04uy16a.jpg?_wi=1"
+            imageAlt="Industrial weighing precision"
           />
         </div>
 
         <div id="about" data-section="about">
-          <MetricSplitMediaAbout
+          <AboutMetric
             useInvertedBackground={false}
             title="Decades of Precision"
-            description="We specialize in keeping Zimbabwean industry moving with reliable, high-precision weighing systems and rapid repair services."
-            metrics={[{ value: "15+", title: "Years Experience" }, { value: "500+", title: "Scales Serviced" }, { value: "24/7", title: "Support Availability" }]}
-            imageSrc="http://img.b2bpic.net/free-photo/builder-man-pointing-finger-calculator-shirt-uniform-looking-anxious-front-view_176474-14091.jpg"
-            imageAlt="Professional scale technician working"
-            mediaAnimation="slide-up"
+            metrics={[
+              { icon: Scale, label: "Years Experience", value: "15+" },
+              { icon: Wrench, label: "Scales Serviced", value: "500+" },
+              { icon: ShieldCheck, label: "Support", value: "24/7" }
+            ]}
             metricsAnimation="slide-up"
           />
         </div>
 
         <div id="services" data-section="services">
-          <FeatureCardSeven
-            animationType="slide-up"
+          <FeatureCardSix
             textboxLayout="default"
             useInvertedBackground={true}
             features={[
-              { title: "Precision Calibration", description: "ISO-standard calibration services for all laboratory and industrial balances.", imageSrc: "http://img.b2bpic.net/free-photo/fair-trade-concept-composition_23-2149110871.jpg", imageAlt: "Calibration test" },
-              { title: "On-Site Repairs", description: "Fast-response repair teams to minimize downtime for your critical weighing assets.", imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880941.jpg", imageAlt: "Technician repairing scale" },
-              { title: "Preventative Maintenance", description: "Tailored maintenance schedules to extend the lifespan of your weighing infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-dumbbell-measuring-tape-blank-paper-with-clipboard_23-2147882103.jpg", imageAlt: "Preventative maintenance tools" },
+              { title: "Precision Calibration", description: "ISO-standard calibration services for all laboratory and industrial balances.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-b900t3mz.png?_wi=1" },
+              { title: "On-Site Repairs", description: "Fast-response repair teams to minimize downtime for your critical weighing assets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-66qhry36.jpg?_wi=1" },
+              { title: "Preventative Maintenance", description: "Tailored maintenance schedules to extend the lifespan of your weighing infrastructure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-9ci9izdf.jpg?_wi=1" },
             ]}
             title="Comprehensive Services"
             description="From calibration to complex repairs, we ensure compliance and accuracy for all weighing equipment."
@@ -86,93 +80,77 @@ export default function LandingPage() {
         </div>
 
         <div id="products" data-section="products">
-          <ProductCardTwo
+          <ProductCardOne
             animationType="slide-up"
             textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
+            gridVariant="one-large-left-three-stacked-right"
             useInvertedBackground={false}
             products={[
-              { id: "p1", brand: "TechScale", name: "Heavy Duty Truck Scale", price: "P.O.A", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/stairway-city_53876-23371.jpg" },
-              { id: "p2", brand: "LabPrecise", name: "Analytical Balance", price: "$890", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-arrangement_23-2149132644.jpg" },
-              { id: "p3", brand: "IndustrialPro", name: "Platform Floor Scale", price: "$1200", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189305.jpg" },
-              { id: "p4", brand: "CompactWeight", name: "Portable Counting Scale", price: "$350", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-calculator_23-2148920638.jpg" },
-              { id: "p5", brand: "FoodSense", name: "Retail POS Scale", price: "$450", rating: 4, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/cups-coffee-table_23-2148900639.jpg" },
-              { id: "p6", brand: "LoadMaster", name: "Crane Weighing System", price: "$2800", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/worker-uses-control-joystick-factory_140725-7624.jpg" },
+              { id: "p1", name: "Heavy Duty Truck Scale", price: "P.O.A", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-i04uy16a.jpg?_wi=2" },
+              { id: "p2", name: "Analytical Balance", price: "$890", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-b900t3mz.png?_wi=2" },
+              { id: "p3", name: "Platform Floor Scale", price: "$1200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-66qhry36.jpg?_wi=2" }
             ]}
-            title="Industrial Scales"
+            title="Featured Industrial Scales"
             description="Explore our high-quality range of weighing equipment sourced from global leaders."
           />
         </div>
 
         <div id="pricing" data-section="pricing">
-          <PricingCardOne
+          <PricingCardFive
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={true}
             plans={[
-              { id: "basic", badge: "Essential", price: "Monthly", subtitle: "Basic monthly equipment check", features: ["Monthly Calibration", "Phone Support", "Parts Discount"] },
-              { id: "pro", badge: "Operational", price: "Quarterly", subtitle: "Comprehensive site audits", features: ["Quarterly Calibration", "24/7 Response", "Priority Parts Access", "Calibration Certification"] },
-              { id: "enterprise", badge: "Full-Service", price: "Annual", subtitle: "Full equipment ownership management", features: ["Annual Master Calibration", "All-inclusive Repairs", "Inventory Tracking", "Regulatory Reporting"] },
+              { id: "basic", tag: "Essential", price: "Monthly", period: "Recurring", description: "Basic monthly equipment check", button: {text: "Select"}, featuresTitle: "Features", features: ["Monthly Calibration", "Phone Support"] },
+              { id: "pro", tag: "Operational", price: "Quarterly", period: "Recurring", description: "Comprehensive site audits", button: {text: "Select"}, featuresTitle: "Features", features: ["Quarterly Calibration", "24/7 Response", "Priority Access"] },
             ]}
             title="Maintenance Plans"
-            description="Choose the right service frequency to keep your operations accurate and compliant."
+            description="Keep your operations accurate and compliant."
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardFifteen
+          <TestimonialCardSixteen
             useInvertedBackground={false}
-            testimonial="Vital Scales transformed our warehouse operations. Their maintenance schedule is flawless and keeps our loading dock productive."
-            rating={5}
-            author="Tendai Moyo, Logistics Manager"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Tendai Moyo" },
-              { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202451.jpg", alt: "Client 2" },
-              { src: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", alt: "Client 3" },
-              { src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Client 4" },
-              { src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "Client 5" },
+            title="Client Success"
+            description="Hear from our satisfied partners across Zimbabwe."
+            testimonials={[
+              { id: "t1", name: "Tendai Moyo", role: "Logistics Manager", company: "LogiTrack", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-9ci9izdf.jpg?_wi=2" }
             ]}
-            ratingAnimation="slide-up"
-            avatarsAnimation="slide-up"
+            kpiItems={[{ value: "99%", label: "Accuracy" }, { value: "24h", label: "Response" }, { value: "500+", label: "Clients" }]}
+            animationType="slide-up"
+            textboxLayout="default"
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitMedia
-            textboxLayout="default"
-            useInvertedBackground={true}
+          <FaqSplitText
             faqs={[
-              { id: "f1", title: "How often should I calibrate my scales?", content: "Depending on usage frequency, we recommend at least every 6 months to ensure regulatory compliance." },
-              { id: "f2", title: "Do you provide on-site services?", content: "Yes, our mobile units cover Harare and surrounding provinces for onsite calibration and repair." },
-              { id: "f3", title: "Are your certifications recognized?", content: "All our calibration certificates are compliant with local standards for trade and industry." },
+              { id: "f1", title: "How often should I calibrate my scales?", content: "Depending on usage, we recommend every 6 months." },
+              { id: "f2", title: "Do you provide on-site services?", content: "Yes, our mobile units cover Harare and surrounding areas." }
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/close-up-ophthalmologist-s-tools_23-2150917662.jpg"
-            imageAlt="FAQ Background Image"
-            mediaAnimation="slide-up"
-            title="Questions Answered"
-            description="Our frequently asked questions about scale maintenance and services."
+            sideTitle="Questions Answered"
             faqsAnimation="slide-up"
+            useInvertedBackground={true}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
+          <ContactSplit
             useInvertedBackground={false}
-            background={{ variant: "gradient-bars" }}
             tag="Get in touch"
             title="Need a Reliable Partner?"
-            description="Send us your equipment details or request a service quotation today. We reply within 24 hours."
+            description="Send us your details and we will reply within 24 hours."
+            background={{ variant: "rotated-rays-animated" }}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrPLl8B9S580afZvT8hq63gr6u/uploaded-1779037668425-66qhry36.jpg?_wi=3"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterCard
             logoText="Vital Scales"
-            columns={[
-              { title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Products", href: "#products" }] },
-              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Policy", href: "#" }] },
-            ]}
-            copyrightText="© 2024 Vital Scales Zimbabwe. All rights reserved."
+            copyrightText="© 2025 Vital Scales Zimbabwe. All rights reserved."
+            socialLinks={[{ icon: Phone, href: "tel:+263", ariaLabel: "Phone" }]}
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #FF7B05;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);