Merge version_3_1782129345909 into main

Bob AI: Applied monochrome and green global theme
2026-06-22 11:57:25 +00:00 · 2026-06-22 11:56:44 +00:00 · 2026-06-22 11:53:20 +00:00 · 2026-06-22 11:53:17 +00:00
9 changed files with 294 additions and 205 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@

 :root {
  /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #000000;
+  --card: #111111;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #000000;
+  --secondary-cta: #25D366;
+  --secondary-cta-text: #000000;
+  --accent: #8e8e93;
+  --background-accent: #1c1c1e;

  /* @layout/border-radius/rounded */
  --radius: 0.5rem;
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,207 +1,33 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import { Smartphone, Zap } from "lucide-react";
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.

-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import WorkshopSection from './HomePage/sections/Workshop';
+import RepairsSection from './HomePage/sections/Repairs';
+import InventorySection from './HomePage/sections/Inventory';
+import ProofSection from './HomePage/sections/Proof';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
  return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBillboardCarousel
-      tag="Expert Repair"
-      title="Every phone."
-      description="Professional repair services delivered with unmatched precision and care."
-      primaryButton={{
-        text: "WhatsApp",
-        href: "https://wa.me/1234567890",
-      }}
-      secondaryButton={{
-        text: "Call Now",
-        href: "tel:1234567890",
-      }}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913642.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyan-themed-circuit-board_23-2148284289.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61848.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/broken-tablet-with-cracked-screen-broken-glass_53876-126631.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428338.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/macro-usb-type-c-port-neon-light-connector-closeup_169016-71437.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />

-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutText
-      title="Every device is personally repaired by RBS. Since 2021, we have served over 500+ happy community members."
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />

-  <div id="workshop" data-section="workshop">
-    <SectionErrorBoundary name="workshop">
-          <FaqSplitMedia
-      tag="Our Process"
-      title="Precision Workshop"
-      description="Our transparent 4-step repair process guarantees quality and peace of mind."
-      items={[
-        {
-          question: "Diagnose",
-          answer: "Detailed hardware check.",
-        },
-        {
-          question: "Repair",
-          answer: "Expert component replacement.",
-        },
-        {
-          question: "Test",
-          answer: "Rigorous stress testing.",
-        },
-        {
-          question: "Return",
-          answer: "Carefully delivered back.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-space-prepared-aa-meeting-group-therapy-with-chairs-circle-nobody-room-used-psychotherapy-session-communication-against-acohol-addiction-problems_482257-27421.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <WorkshopSection />

-  <div id="repairs" data-section="repairs">
-    <SectionErrorBoundary name="repairs">
-          <FeaturesBorderGlow
-      tag="Services"
-      title="Device Repairs"
-      description="Efficient solutions for all your mobile needs."
-      features={[
-        {
-          icon: Smartphone,
-          title: "Display Repair",
-          description: "≈15 min screen swap.",
-        },
-        {
-          icon: Zap,
-          title: "Battery Replacement",
-          description: "≈20 min installation.",
-        },
-        {
-          icon: Zap,
-          title: "Charging Port",
-          description: "≈30 min fix.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <RepairsSection />

-  <div id="inventory" data-section="inventory">
-    <SectionErrorBoundary name="inventory">
-          <FeaturesRevealCardsBento
-      tag="Shop"
-      title="We have everything."
-      description="Premium accessories to complement your tech lifestyle."
-      items={[
-        {
-          title: "Tempered Glass",
-          description: "Premium screen protection.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-teenager-s-desk_23-2149371274.jpg",
-        },
-        {
-          title: "USB-C Cables",
-          description: "Fast charging data cables.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/usb-cable-type-c-white-isolated-background_58702-4486.jpg",
-        },
-        {
-          title: "Lightning Cable",
-          description: "Reliable Apple connectivity.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-blue-background_23-2148211198.jpg",
-        },
-        {
-          title: "Power Banks",
-          description: "High capacity portable power.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/power-button-background_23-2148882661.jpg",
-        },
-        {
-          title: "Wireless Earbuds",
-          description: "Crystal clear audio.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-bottles-mobile-phone-headphones_23-2147635829.jpg",
-        },
-        {
-          title: "Protective Cases",
-          description: "Style meets durability.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-smiling-girl-with-dark-hairstyle-is-making-selfie-outdoors-sunshine-while-resting-beach-phone-focus-foreground-girl-background-out-focus_291650-2216.jpg",
-        },
-        {
-          title: "Neckband Audio",
-          description: "Ergonomic sport audio.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-minimalist-monochrome-background_23-2150763309.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <InventorySection />

-  <div id="proof" data-section="proof">
-    <SectionErrorBoundary name="proof">
-          <SocialProofMarquee
-      tag="Brands"
-      title="We service all major brands."
-      description="Trust in our expertise across the ecosystem."
-      names={[
-        "Apple",
-        "Samsung",
-        "Google",
-        "Nothing",
-        "OnePlus",
-        "Motorola",
-        "Xiaomi",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProofSection />

-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Visit Us"
-      text="RS Mobile Corner, Main Street. Hours: Mon-Sat 10am-8pm."
-      primaryButton={{
-        text: "Get Directions",
-        href: "#",
-      }}
-      secondaryButton={{
-        text: "Call Now",
-        href: "tel:1234567890",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
    </>
  );
 }
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,18 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutText from '@/components/sections/about/AboutText';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutText
+          title="Every device is personally repaired by RBS. Since 2021, we have served over 500+ happy community members."
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Contact.tsx
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Visit Us"
+          text="RS Mobile Corner, Main Street. Hours: Mon-Sat 10am-8pm."
+          primaryButton={{
+            text: "Get Directions",
+            href: "#",
+          }}
+          secondaryButton={{
+            text: "Call Now",
+            href: "tel:1234567890",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,48 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboardCarousel
+          tag="Expert Repair"
+          title="Every phone."
+          description="Professional repair services delivered with unmatched precision and care."
+          primaryButton={{
+            text: "WhatsApp",
+            href: "https://wa.me/1234567890",
+          }}
+          secondaryButton={{
+            text: "Call Now",
+            href: "tel:1234567890",
+          }}
+          items={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913642.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyan-themed-circuit-board_23-2148284289.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61848.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/broken-tablet-with-cracked-screen-broken-glass_53876-126631.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428338.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/macro-usb-type-c-port-neon-light-connector-closeup_169016-71437.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Inventory.tsx
+++ b/src/pages/HomePage/sections/Inventory.tsx
@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "inventory" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function InventorySection(): React.JSX.Element {
+  return (
+    <div id="inventory" data-section="inventory">
+        <SectionErrorBoundary name="inventory">
+              <FeaturesRevealCardsBento
+          tag="Shop"
+          title="We have everything."
+          description="Premium accessories to complement your tech lifestyle."
+          items={[
+            {
+              title: "Tempered Glass",
+              description: "Premium screen protection.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/still-life-teenager-s-desk_23-2149371274.jpg",
+            },
+            {
+              title: "USB-C Cables",
+              description: "Fast charging data cables.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/usb-cable-type-c-white-isolated-background_58702-4486.jpg",
+            },
+            {
+              title: "Lightning Cable",
+              description: "Reliable Apple connectivity.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-blue-background_23-2148211198.jpg",
+            },
+            {
+              title: "Power Banks",
+              description: "High capacity portable power.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/power-button-background_23-2148882661.jpg",
+            },
+            {
+              title: "Wireless Earbuds",
+              description: "Crystal clear audio.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/composition-with-bottles-mobile-phone-headphones_23-2147635829.jpg",
+            },
+            {
+              title: "Protective Cases",
+              description: "Style meets durability.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/lovely-smiling-girl-with-dark-hairstyle-is-making-selfie-outdoors-sunshine-while-resting-beach-phone-focus-foreground-girl-background-out-focus_291650-2216.jpg",
+            },
+            {
+              title: "Neckband Audio",
+              description: "Ergonomic sport audio.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-minimalist-monochrome-background_23-2150763309.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Proof.tsx
+++ b/src/pages/HomePage/sections/Proof.tsx
@@ -0,0 +1,29 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "proof" section.
+
+import React from 'react';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProofSection(): React.JSX.Element {
+  return (
+    <div id="proof" data-section="proof">
+        <SectionErrorBoundary name="proof">
+              <SocialProofMarquee
+          tag="Brands"
+          title="We service all major brands."
+          description="Trust in our expertise across the ecosystem."
+          names={[
+            "Apple",
+            "Samsung",
+            "Google",
+            "Nothing",
+            "OnePlus",
+            "Motorola",
+            "Xiaomi",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Repairs.tsx
+++ b/src/pages/HomePage/sections/Repairs.tsx
@@ -0,0 +1,38 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "repairs" section.
+
+import React from 'react';
+import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
+import { Smartphone, Zap } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function RepairsSection(): React.JSX.Element {
+  return (
+    <div id="repairs" data-section="repairs">
+        <SectionErrorBoundary name="repairs">
+              <FeaturesBorderGlow
+          tag="Services"
+          title="Device Repairs"
+          description="Efficient solutions for all your mobile needs."
+          features={[
+            {
+              icon: Smartphone,
+              title: "Display Repair",
+              description: "≈15 min screen swap.",
+            },
+            {
+              icon: Zap,
+              title: "Battery Replacement",
+              description: "≈20 min installation.",
+            },
+            {
+              icon: Zap,
+              title: "Charging Port",
+              description: "≈30 min fix.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Workshop.tsx
+++ b/src/pages/HomePage/sections/Workshop.tsx
@@ -0,0 +1,39 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "workshop" section.
+
+import React from 'react';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function WorkshopSection(): React.JSX.Element {
+  return (
+    <div id="workshop" data-section="workshop">
+        <SectionErrorBoundary name="workshop">
+              <FaqSplitMedia
+          tag="Our Process"
+          title="Precision Workshop"
+          description="Our transparent 4-step repair process guarantees quality and peace of mind."
+          items={[
+            {
+              question: "Diagnose",
+              answer: "Detailed hardware check.",
+            },
+            {
+              question: "Repair",
+              answer: "Expert component replacement.",
+            },
+            {
+              question: "Test",
+              answer: "Rigorous stress testing.",
+            },
+            {
+              question: "Return",
+              answer: "Carefully delivered back.",
+            },
+          ]}
+          imageSrc="https://storage.googleapis.com/webild/users/user_3FUROlztX3RxcRL4Uc1junZyIfD/uploaded-1782128118422-e9irndgw.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
Author	SHA1	Message	Date
bender	56b2cdee5f	Merge version_3_1782129345909 into main Merge version_3_1782129345909 into main	2026-06-22 11:57:25 +00:00
kudinDmitriyUp	97eaf601b1	Bob AI: Applied monochrome and green global theme	2026-06-22 11:56:44 +00:00
bender	0454f720a4	Merge version_2_1782129189488 into main Merge version_2_1782129189488 into main	2026-06-22 11:53:20 +00:00
bender	6774ab5671	Update src/pages/HomePage.tsx	2026-06-22 11:53:17 +00:00