From 0874da1a748375a49cddd000ae5d304bac551308 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 01:15:35 +0000
Subject: [PATCH] Bob AI: Update theme colors and section images to match
 premium corp

---
 src/index.css                                |  16 +--
 src/pages/HomePage.tsx                       | 141 +++----------------
 src/pages/HomePage/sections/About.tsx        |  21 +++
 src/pages/HomePage/sections/ContactCta.tsx   |  27 ++++
 src/pages/HomePage/sections/Features.tsx     |  21 +++
 src/pages/HomePage/sections/Hero.tsx         |  28 ++++
 src/pages/HomePage/sections/Testimonials.tsx |  21 +++
 7 files changed, 144 insertions(+), 131 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/ContactCta.tsx
 create mode 100644 src/pages/HomePage/sections/Features.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx

diff --git a/src/index.css b/src/index.css
index 85b846e..eb7d15a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
+  --background: #ffffff;
   --card: #ffffff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --foreground: #001e3d;
+  --primary-cta: #001e3d;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #c5a059;
+  --secondary-cta-text: #ffffff;
+  --accent: #c5a059;
+  --background-accent: #e6e9ed;
 
   /* @layout/border-radius/rounded */
   --radius: 1.5rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index f584aee..72ac05d 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,132 +1,27 @@
-import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
-import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
-import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
-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 FeaturesSection from './HomePage/sections/Features';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import ContactCtaSection from './HomePage/sections/ContactCta';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBillboardBrand
-      brand="Your Gateway to Global Opportunities"
-      description="Travel, Visa Guidance, and Consultancy Services Designed Around Your Journey."
-      primaryButton={{
-        text: "Book Consultation",
-        href: "/booking",
-      }}
-      secondaryButton={{
-        text: "Contact Us",
-        href: "/contact",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutMediaOverlay
-      tag="About Us"
-      title="ELVESGATE Travel & Consult"
-      description="We bridge the gap between aspirations and global reality. Through expert guidance in visa processing, relocation, and international travel planning, we ensure your journey is seamless and successful."
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060239.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesRevealCards
-      tag="Services"
-      title="Tailored Travel & Consultations"
-      description="Providing comprehensive solutions for every step of your international adventure."
-      items={[
-        {
-          title: "Visa Guidance",
-          description: "Expert assistance with complex visa applications and documentation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-work-event_23-2149304735.jpg",
-        },
-        {
-          title: "Relocation Support",
-          description: "Comprehensive relocation strategy for families and individuals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-team-workers-it-company_1303-19455.jpg",
-        },
-        {
-          title: "Study Abroad",
-          description: "Guiding students through global educational opportunities.",
-          imageSrc: "http://img.b2bpic.net/free-photo/motivated-boss-working-tirelessly-high-end-downtown-workspace_482257-123061.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialOverlayCards
-      tag="Testimonials"
-      title="Client Journeys"
-      description="See how ELVESGATE has helped our clients reach their global goals."
-      testimonials={[
-        {
-          name: "Alice Wang",
-          role: "PhD Candidate",
-          company: "Global Scholars",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-        },
-        {
-          name: "David Smith",
-          role: "Corporate Manager",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-modern-girl-with-red-hair-holds-digital-tablet-sits-stairs-near-museum-connec_1258-152046.jpg",
-        },
-        {
-          name: "Elena Rossi",
-          role: "Relocated Professional",
-          company: "European Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
-        },
-        {
-          name: "Marcus Johnson",
-          role: "Entrepreneur",
-          company: "Global Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
-        },
-        {
-          name: "Sarah Miller",
-          role: "Traveler",
-          company: "Independent",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="contact-cta" data-section="contact-cta">
-    <SectionErrorBoundary name="contact-cta">
-          <ContactCta
-      tag="Get Started"
-      text="Ready to begin your journey?"
-      primaryButton={{
-        text: "Book Consultation",
-        href: "/booking",
-      }}
-      secondaryButton={{
-        text: "Contact Us",
-        href: "/contact",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactCtaSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..10333be
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,21 @@
+// 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 AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutMediaOverlay
+        tag="About Us"
+        title="ELVESGATE Travel & Consult"
+        description="We bridge the gap between aspirations and global reality. Through expert guidance in visa processing, relocation, and international travel planning, we ensure your journey is seamless and successful."
+        imageSrc="https://images.unsplash.com/photo-1556761175-5973dc0f32d7?q=80&w=1932&auto=format&fit=crop"
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/ContactCta.tsx b/src/pages/HomePage/sections/ContactCta.tsx
new file mode 100644
index 0000000..9897704
--- /dev/null
+++ b/src/pages/HomePage/sections/ContactCta.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-cta" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactCtaSection(): React.JSX.Element {
+  return (
+    <div id="contact-cta" data-section="contact-cta">
+        <SectionErrorBoundary name="contact-cta">
+              <ContactCta
+          tag="Get Started"
+          text="Ready to begin your journey?"
+          primaryButton={{
+            text: "Book Consultation",
+            href: "/booking",
+          }}
+          secondaryButton={{
+            text: "Contact Us",
+            href: "/contact",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..aa6edf9
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesRevealCards
+        tag="Services"
+        title="Tailored Travel & Consultations"
+        description="Providing comprehensive solutions for every step of your international adventure."
+        items={[{"description":"Expert assistance with complex visa applications and documentation.","imageSrc":"https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=2070&auto=format&fit=crop","title":"Visa Guidance"},{"description":"Comprehensive relocation strategy for families and individuals.","title":"Relocation Support","imageSrc":"https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop"},{"description":"Guiding students through global educational opportunities.","title":"Study Abroad","imageSrc":"https://images.unsplash.com/photo-1523240795612-9a054b0db644?q=80&w=2070&auto=format&fit=crop"}]}
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..3d5be6a
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,28 @@
+// 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 HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboardBrand
+        brand="Your Gateway to Global Opportunities"
+        description="Travel, Visa Guidance, and Consultancy Services Designed Around Your Journey."
+        primaryButton={{
+            text: "Book Consultation",
+            href: "/booking",
+          }}
+        secondaryButton={{
+            text: "Contact Us",
+            href: "/contact",
+          }}
+        imageSrc="https://images.unsplash.com/photo-1436491865332-7a61a109cc05?q=80&w=2074&auto=format&fit=crop"
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..c707425
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialOverlayCards
+        tag="Testimonials"
+        title="Client Journeys"
+        description="See how ELVESGATE has helped our clients reach their global goals."
+        testimonials={[{"company":"Global Scholars","role":"PhD Candidate","imageSrc":"https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=1976&auto=format&fit=crop","rating":5,"name":"Alice Wang"},{"role":"Corporate Manager","company":"TechCorp","name":"David Smith","rating":5,"imageSrc":"https://images.unsplash.com/photo-1560250097-0b93528c311a?q=80&w=1974&auto=format&fit=crop"},{"company":"European Tech","role":"Relocated Professional","imageSrc":"https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?q=80&w=1974&auto=format&fit=crop","name":"Elena Rossi","rating":5},{"rating":5,"name":"Marcus Johnson","imageSrc":"https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?q=80&w=1974&auto=format&fit=crop","company":"Global Startup","role":"Entrepreneur"},{"company":"Independent","role":"Traveler","rating":5,"name":"Sarah Miller","imageSrc":"https://images.unsplash.com/photo-1580489944761-15a19d654956?q=80&w=1961&auto=format&fit=crop"}]}
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1