From ad3f7a76801935ceaa21a10ecfd1349146f47f02 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 14 Jun 2026 10:44:06 +0000 Subject: [PATCH] Bob AI: Update theme colors to a vibrant Nigerian aesthetic --- src/index.css | 18 +-- src/pages/HomePage.tsx | 142 ++++------------------- src/pages/HomePage/sections/About.tsx | 21 ++++ src/pages/HomePage/sections/AllItems.tsx | 29 +++++ src/pages/HomePage/sections/Contact.tsx | 21 ++++ src/pages/HomePage/sections/Faq.tsx | 25 ++++ src/pages/HomePage/sections/Hero.tsx | 22 ++++ src/pages/HomePage/sections/Menu.tsx | 25 ++++ src/pages/HomePage/sections/Metrics.tsx | 23 ++++ src/pages/HomePage/sections/Reviews.tsx | 27 +++++ 10 files changed, 227 insertions(+), 126 deletions(-) create mode 100644 src/pages/HomePage/sections/About.tsx create mode 100644 src/pages/HomePage/sections/AllItems.tsx create mode 100644 src/pages/HomePage/sections/Contact.tsx create mode 100644 src/pages/HomePage/sections/Faq.tsx create mode 100644 src/pages/HomePage/sections/Hero.tsx create mode 100644 src/pages/HomePage/sections/Menu.tsx create mode 100644 src/pages/HomePage/sections/Metrics.tsx create mode 100644 src/pages/HomePage/sections/Reviews.tsx diff --git a/src/index.css b/src/index.css index 73d4b18..4219f1d 100644 --- a/src/index.css +++ b/src/index.css @@ -5,15 +5,15 @@ :root { /* @colorThemes/lightTheme/grayNavyBlue */ - --background: #f6f0e9; - --card: #efe7dd; - --foreground: #2b180a; - --primary-cta: #2b180a; - --primary-cta-text: #f6f0e9; - --secondary-cta: #efe7dd; - --secondary-cta-text: #2b180a; - --accent: #94877c; - --background-accent: #afa094; + --background: #fff8f0; + --card: #f2e6d9; + --foreground: #3a1c0e; + --primary-cta: #d94a26; + --primary-cta-text: #ffffff; + --secondary-cta: #2a5c3b; + --secondary-cta-text: #ffffff; + --accent: #e6a835; + --background-accent: #f2d59d; /* @layout/border-radius/rounded */ --radius: 0.5rem; diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 7d5e8ca..f82da4e 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,128 +1,36 @@ -import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay'; -import ContactCta from '@/components/sections/contact/ContactCta'; -import FaqSimple from '@/components/sections/faq/FaqSimple'; -import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards'; -import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; -import HeroBrand from '@/components/sections/hero/HeroBrand'; -import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; -import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards'; -import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; +// AUTO-GENERATED shell by per-section-migrate. +// Section bodies live in .//sections/.tsx. Edit the section +// files directly. Non-block content (wrappers, non-inlinable sections) is +// preserved inline; extracted section blocks become refs. -export default function HomePage() { +import React from 'react'; +import HeroSection from './HomePage/sections/Hero'; +import AboutSection from './HomePage/sections/About'; +import MenuSection from './HomePage/sections/Menu'; +import AllItemsSection from './HomePage/sections/AllItems'; +import MetricsSection from './HomePage/sections/Metrics'; +import ReviewsSection from './HomePage/sections/Reviews'; +import FaqSection from './HomePage/sections/Faq'; +import ContactSection from './HomePage/sections/Contact'; + +export default function HomePage(): React.JSX.Element { return ( - <> -
- - - -
+<> + -
- - - -
+ - + -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ ); -} \ No newline at end of file +} diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx new file mode 100644 index 0000000..5c459fd --- /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 ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/AllItems.tsx b/src/pages/HomePage/sections/AllItems.tsx new file mode 100644 index 0000000..0e5aad6 --- /dev/null +++ b/src/pages/HomePage/sections/AllItems.tsx @@ -0,0 +1,29 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "all-items" section. + +import React from 'react'; +import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function AllItemsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx new file mode 100644 index 0000000..496081d --- /dev/null +++ b/src/pages/HomePage/sections/Contact.tsx @@ -0,0 +1,21 @@ +// 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 ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx new file mode 100644 index 0000000..0843831 --- /dev/null +++ b/src/pages/HomePage/sections/Faq.tsx @@ -0,0 +1,25 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "faq" section. + +import React from 'react'; +import FaqSimple from '@/components/sections/faq/FaqSimple'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function FaqSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx new file mode 100644 index 0000000..88f8037 --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,22 @@ +// 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 HeroBrand from '@/components/sections/hero/HeroBrand'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function HeroSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Menu.tsx b/src/pages/HomePage/sections/Menu.tsx new file mode 100644 index 0000000..362d337 --- /dev/null +++ b/src/pages/HomePage/sections/Menu.tsx @@ -0,0 +1,25 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "menu" section. + +import React from 'react'; +import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function MenuSection(): React.JSX.Element { + return ( + + ); +} diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx new file mode 100644 index 0000000..b77d352 --- /dev/null +++ b/src/pages/HomePage/sections/Metrics.tsx @@ -0,0 +1,23 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "metrics" section. + +import React from 'react'; +import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function MetricsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Reviews.tsx b/src/pages/HomePage/sections/Reviews.tsx new file mode 100644 index 0000000..b24df6a --- /dev/null +++ b/src/pages/HomePage/sections/Reviews.tsx @@ -0,0 +1,27 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "reviews" section. + +import React from 'react'; +import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ReviewsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +}