Merge version_4_1782165184268 into main

Merge version_4_1782165184268 into main

src/components/Layout.tsx

@@ -8,25 +8,16 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
 export default function Layout() {
   const navItems = [
   {
-    "name": "About",    "href": "#about"
+    "name": "Supply Portal",    "href": "#"
   },
   {
-    "name": "Features",    "href": "#features"
-  },
-  {
-    "name": "Pricing",    "href": "#pricing"
+    "name": "Offers",    "href": "#"
   },
   {
     "name": "Contact",    "href": "#contact"
   },
   {
-    "name": "Hero",    "href": "#hero"
-  },
-  {
-    "name": "Bento",    "href": "#bento"
-  },
-  {
-    "name": "Testimonial",    "href": "#testimonial"
+    "name": "About Us",    "href": "#about"
   }
 ];
 
@@ -47,43 +38,55 @@ export default function Layout() {
       <SectionErrorBoundary name="footer">
         <FooterSimpleMedia
       imageSrc="http://img.b2bpic.net/free-photo/hallway-building_23-2149397604.jpg"
-      brand="DevSync"
+      brand="Maru Quick"
       columns={[
-        {
-          title: "Platform",          items: [
-            {
-              label: "Infrastructure",              href: "#"},
-            {
-              label: "Security",              href: "#"},
-            {
-              label: "Integrations",              href: "#"},
-          ],
-        },
         {
           title: "Company",          items: [
             {
-              label: "About",              href: "#"},
+              label: "About Us",              href: "#"},
             {
-              label: "Blog",              href: "#"},
+              label: "Supply Portal",              href: "#"},
             {
-              label: "Careers",              href: "#"},
+              label: "Offers",              href: "#"},
+            {
+              label: "Sign Up",              href: "#"},
+            {
+              label: "Login",              href: "#"},
           ],
         },
         {
-          title: "Legal",          items: [
+          title: "Platform",          items: [
             {
-              label: "Privacy",              href: "#"},
+              label: "POS Software",              href: "#features"},
             {
-              label: "Terms",              href: "#"},
+              label: "Card Payments",              href: "#pricing"},
+            {
+              label: "Mobile Wallets",              href: "#pricing"},
+            {
+              label: "Get Started",              href: "#faq"},
+            {
+              label: "Support",              href: "#contact"},
+          ],
+        },
+        {
+          title: "Contact",          items: [
+            {
+              label: "Gaborone, Botswana",              href: "#"},
+            {
+              label: "maruquickbotswana@gmail.com",              href: "mailto:maruquickbotswana@gmail.com"},
+            {
+              label: "+267 72 112 839",              href: "tel:+26772112839"},
           ],
         },
       ]}
-      copyright="© 2024 DevSync Platform Inc."
+      copyright="© 2025 Maru Quick. All rights reserved. Registered in Botswana."
       links={[
         {
-          label: "Twitter",          href: "#"},
+          label: "Privacy Policy",          href: "#"},
         {
-          label: "GitHub",          href: "#"},
+          label: "Terms of Service",          href: "#"},
+        {
+          label: "Contact Us",          href: "#contact"},
       ]}
     />
       </SectionErrorBoundary>

src/pages/HomePage/sections/Faq.tsx

@@ -10,28 +10,11 @@ export default function FaqSection(): React.JSX.Element {
     <div id="faq" data-section="faq">
         <SectionErrorBoundary name="faq">
               <FaqTwoColumn
-          tag="Knowledge Base"
-          title="Frequently Asked Questions"
-          description="Everything you need to know about getting started."
-          items={[
-            {
-              question: "What integrations do you support?",
-              answer: "We support all major CI/CD providers including GitHub, GitLab, and Bitbucket out of the box.",
-            },
-            {
-              question: "Is my data secure?",
-              answer: "Your data is encrypted at rest and in transit with industry-standard TLS 1.3 and AES-256.",
-            },
-            {
-              question: "Can I switch plans anytime?",
-              answer: "Yes, you can upgrade, downgrade, or cancel your plan at any time through our dashboard.",
-            },
-            {
-              question: "Do you offer enterprise SLAs?",
-              answer: "Yes, we provide 99.99% uptime guarantees for our enterprise customers.",
-            },
-          ]}
-        />
+        tag="Get Started"
+        title="Get started with Maru Quick in 5 simple steps"
+        description="Ready to get started? Sign up now — it's free"
+        items={[{"answer":"Sign Up","question":"Step 1"},{"answer":"Log In","question":"Step 2"},{"answer":"Enter KYC information","question":"Step 3"},{"answer":"Wait for KYC verification","question":"Step 4"},{"answer":"Begin using the software","question":"Step 5"}]}
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Features.tsx

@@ -10,36 +10,11 @@ export default function FeaturesSection(): React.JSX.Element {
     <div id="features" data-section="features">
         <SectionErrorBoundary name="features">
               <FeaturesArrowCards
-          tag="Core Capabilities"
-          title="Powerful features for engineering scale."
-          description="Our suite provides complete visibility and control over your tech ecosystem, from code to production."
-          items={[
-            {
-              title: "Rapid Deployment",
-              tags: [
-                "SaaS",
-                "CI/CD",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/hand-hold-space-rocket-paper-carving-with-sky-background_53876-30288.jpg",
-            },
-            {
-              title: "Secure Infrastructure",
-              tags: [
-                "Security",
-                "Compliance",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/computer-security-with-3d-shields-with-padlocks_107791-16214.jpg",
-            },
-            {
-              title: "Cloud Orchestration",
-              tags: [
-                "Cloud",
-                "Scalability",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149199478.jpg",
-            },
-          ]}
-        />
+        tag="Features"
+        title="All your business essentials. One Maru account."
+        description="Run sales, inventory, orders and reports in one system. Cut costs. No switching between platforms. One login. One source of truth."
+        items={[{"tags":["Software"],"imageSrc":"http://img.b2bpic.net/free-photo/hand-hold-space-rocket-paper-carving-with-sky-background_53876-30288.jpg","title":"Smart sales tools. Track every sale in real time with detailed reporting and inventory sync."},{"tags":["Payments"],"imageSrc":"http://img.b2bpic.net/free-photo/computer-security-with-3d-shields-with-padlocks_107791-16214.jpg","title":"Accept card payments fast and secure through the Maru Quick application at competitive rates."}]}
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Hero.tsx

@@ -10,18 +10,12 @@ export default function HeroSection(): React.JSX.Element {
     <div id="hero" data-section="hero">
         <SectionErrorBoundary name="hero">
               <HeroTiltedCards
-          tag="Next-Gen Infrastructure"
-          title="Sync your entire workflow in one unified platform."
-          description="DevSync empowers modern engineering teams to scale with speed, security, and seamless integration."
-          primaryButton={{
-            text: "Get Started",
-            href: "#contact",
-          }}
-          secondaryButton={{
-            text: "View Features",
-            href: "#features",
-          }}
-          items={[
+        tag="Empowering traders across Africa"
+        title="Record Sales, Receive Payments & Track Inventory — All on One Platform Built for MSMEs"
+        description="Run sales, inventory, and payments in one place. Built for traders across Africa."
+        primaryButton={{"text":"Explore Offers","href":"#"}}
+        secondaryButton={{"href":"#features","text":"See Features"}}
+        items={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg",
             },
@@ -38,7 +32,7 @@ export default function HeroSection(): React.JSX.Element {
               imageSrc: "http://img.b2bpic.net/free-photo/beautiful-closeup-shot-epcot-taken-night-with-amazing-colored-textures-dark-background_181624-2158.jpg",
             },
           ]}
-        />
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Pricing.tsx

@@ -10,55 +10,11 @@ export default function PricingSection(): React.JSX.Element {
     <div id="pricing" data-section="pricing">
         <SectionErrorBoundary name="pricing">
               <PricingHighlightedCards
-          tag="Flexible Plans"
-          title="Transparent pricing for any scale."
-          description="Start with our free tier and scale seamlessly into our enterprise solutions."
-          plans={[
-            {
-              tag: "Basic",
-              price: "$29/mo",
-              description: "Perfect for individuals and side projects.",
-              features: [
-                "1 API key",
-                "Standard support",
-                "Basic analytics",
-              ],
-              primaryButton: {
-                text: "Get Started",
-                href: "#",
-              },
-            },
-            {
-              tag: "Professional",
-              price: "$99/mo",
-              description: "Best for growing engineering teams.",
-              features: [
-                "10 API keys",
-                "24/7 support",
-                "Advanced analytics",
-              ],
-              highlight: "Recommended",
-              primaryButton: {
-                text: "Choose Pro",
-                href: "#",
-              },
-            },
-            {
-              tag: "Enterprise",
-              price: "Custom",
-              description: "Tailored for large-scale operations.",
-              features: [
-                "Unlimited keys",
-                "Dedicated manager",
-                "SLA guarantees",
-              ],
-              primaryButton: {
-                text: "Contact Sales",
-                href: "#contact",
-              },
-            },
-          ]}
-        />
+        tag="Payments"
+        title="Streamline your sales with powerful payment solutions"
+        description="Accept cards, mobile wallets and online payments — all in one secure platform built for Botswana businesses."
+        plans={[{"price":"24/7","description":"Always available","tag":"Availability","primaryButton":{"href":"#","text":"Start accepting payments"},"features":[]},{"price":"3.0%","description":"Transaction fee","primaryButton":{"href":"#","text":"Start accepting payments"},"tag":"Fee","features":[]},{"price":"3","description":"Payment networks","tag":"Networks","primaryButton":{"href":"#","text":"Start accepting payments"},"features":[]}]}
+      />
         </SectionErrorBoundary>
       </div>
   );