From f78c454a43f645192426efa00445d744f2f78d9b Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 21 Jun 2026 12:28:31 +0000 Subject: [PATCH 1/2] Bob AI: Updated global theme tokens to match futuristic dark mode pa --- src/index.css | 18 +- src/pages/HomePage.tsx | 218 +++------------------- src/pages/HomePage/sections/About.tsx | 22 +++ src/pages/HomePage/sections/Contact.tsx | 27 +++ src/pages/HomePage/sections/Hero.tsx | 36 ++++ src/pages/HomePage/sections/Portfolio.tsx | 64 +++++++ src/pages/HomePage/sections/Services.tsx | 42 +++++ src/pages/HomePage/sections/Training.tsx | 38 ++++ src/pages/HomePage/sections/WhyNga.tsx | 34 ++++ 9 files changed, 294 insertions(+), 205 deletions(-) create mode 100644 src/pages/HomePage/sections/About.tsx create mode 100644 src/pages/HomePage/sections/Contact.tsx create mode 100644 src/pages/HomePage/sections/Hero.tsx create mode 100644 src/pages/HomePage/sections/Portfolio.tsx create mode 100644 src/pages/HomePage/sections/Services.tsx create mode 100644 src/pages/HomePage/sections/Training.tsx create mode 100644 src/pages/HomePage/sections/WhyNga.tsx diff --git a/src/index.css b/src/index.css index 3f25bd3..9b315e8 100644 --- a/src/index.css +++ b/src/index.css @@ -5,15 +5,15 @@ :root { /* @colorThemes/lightTheme/grayNavyBlue */ - --background: #050012; - --card: #040121; - --foreground: #f0e6ff; - --primary-cta: #c89bff; - --primary-cta-text: #050012; - --secondary-cta: #1d123b; - --secondary-cta-text: #f0e6ff; - --accent: #684f7b; - --background-accent: #65417c; + --background: #030305; + --card: #0a0a0f; + --foreground: #ffffff; + --primary-cta: #00e5ff; + --primary-cta-text: #000000; + --secondary-cta: #11111a; + --secondary-cta-text: #ffffff; + --accent: #8a2be2; + --background-accent: #110822; /* @layout/border-radius/rounded */ --radius: 0.5rem; diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 195c042..365b674 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,207 +1,33 @@ -import AboutTestimonial from '@/components/sections/about/AboutTestimonial'; -import ContactCta from '@/components/sections/contact/ContactCta'; -import FaqSimple from '@/components/sections/faq/FaqSimple'; -import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid'; -import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; -import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid'; -import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards'; -import { Code, Palette, Sparkles } from "lucide-react"; -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 ServicesSection from './HomePage/sections/Services'; +import PortfolioSection from './HomePage/sections/Portfolio'; +import TrainingSection from './HomePage/sections/Training'; +import WhyNgaSection from './HomePage/sections/WhyNga'; +import ContactSection from './HomePage/sections/Contact'; + +export default function HomePage(): React.JSX.Element { return ( - <> -
- - - -
+<> + -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ ); } diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx new file mode 100644 index 0000000..5ef8378 --- /dev/null +++ b/src/pages/HomePage/sections/About.tsx @@ -0,0 +1,22 @@ +// 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 AboutTestimonial from '@/components/sections/about/AboutTestimonial'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function AboutSection(): 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..fd48371 --- /dev/null +++ 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 ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx new file mode 100644 index 0000000..2cf2553 --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,36 @@ +// 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 HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function HeroSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Portfolio.tsx b/src/pages/HomePage/sections/Portfolio.tsx new file mode 100644 index 0000000..d7cb397 --- /dev/null +++ b/src/pages/HomePage/sections/Portfolio.tsx @@ -0,0 +1,64 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "portfolio" section. + +import React from 'react'; +import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function PortfolioSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx new file mode 100644 index 0000000..17d77e0 --- /dev/null +++ b/src/pages/HomePage/sections/Services.tsx @@ -0,0 +1,42 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "services" section. + +import React from 'react'; +import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ServicesSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Training.tsx b/src/pages/HomePage/sections/Training.tsx new file mode 100644 index 0000000..b4ffc3d --- /dev/null +++ b/src/pages/HomePage/sections/Training.tsx @@ -0,0 +1,38 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "training" section. + +import React from 'react'; +import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards'; +import { Code, Palette, Sparkles } from "lucide-react"; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function TrainingSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/WhyNga.tsx b/src/pages/HomePage/sections/WhyNga.tsx new file mode 100644 index 0000000..9eded03 --- /dev/null +++ b/src/pages/HomePage/sections/WhyNga.tsx @@ -0,0 +1,34 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "why-nga" section. + +import React from 'react'; +import FaqSimple from '@/components/sections/faq/FaqSimple'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function WhyNgaSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} -- 2.49.1 From 4c267c750f979af95a94e858d9d8097c946c5771 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 21 Jun 2026 12:29:35 +0000 Subject: [PATCH 2/2] Bob AI: Updated navigation links to remove redundant hero and about --- src/components/Layout.tsx | 16 ++----- src/pages/HomePage/sections/About.tsx | 12 ++--- src/pages/HomePage/sections/Contact.tsx | 16 +++---- src/pages/HomePage/sections/Hero.tsx | 27 +++--------- src/pages/HomePage/sections/Portfolio.tsx | 53 +++-------------------- src/pages/HomePage/sections/Services.tsx | 31 +++---------- src/pages/HomePage/sections/Training.tsx | 26 +++-------- src/pages/HomePage/sections/WhyNga.tsx | 23 +++------- 8 files changed, 42 insertions(+), 162 deletions(-) diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index b0f8b3a..551757a 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -19,21 +19,13 @@ export default function Layout() { "name": "Training", "href": "#training" }, + { + "name": "Why NGA", + "href": "#why-nga" + }, { "name": "Contact", "href": "#contact" - }, - { - "name": "Hero", - "href": "#hero" - }, - { - "name": "About", - "href": "#about" - }, - { - "name": "Why Nga", - "href": "#why-nga" } ]; diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx index 5ef8378..68aa981 100644 --- a/src/pages/HomePage/sections/About.tsx +++ b/src/pages/HomePage/sections/About.tsx @@ -10,12 +10,12 @@ export default function AboutSection(): React.JSX.Element {
+ tag="About NGA Digital" + quote="Innovation, intelligence, and creativity. We help businesses harness the power of AI to create impactful digital footprints in an evolving world." + author="NGA Digital Leadership" + role="Next Gen AI Experts" + imageSrc="https://picsum.photos/seed/2129599349/1200/800" + />
); diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx index fd48371..06d410f 100644 --- a/src/pages/HomePage/sections/Contact.tsx +++ b/src/pages/HomePage/sections/Contact.tsx @@ -10,17 +10,11 @@ export default function ContactSection(): React.JSX.Element {
+ tag="Start Your Project" + text="Ready to launch your project? Let's talk about how NGA Digital can build your future." + primaryButton={{"href":"mailto:hello@ngadigital.com","text":"Let's Build the Future Together"}} + secondaryButton={{"href":"#","text":"Follow on Social"}} + />
); diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx index 2cf2553..b0502e3 100644 --- a/src/pages/HomePage/sections/Hero.tsx +++ b/src/pages/HomePage/sections/Hero.tsx @@ -10,26 +10,13 @@ export default function HeroSection(): React.JSX.Element {
+ tag="Next Generation AI-Powered Digital Solutions" + title="Transform Your Ideas Into Digital Reality" + description="NGA Digital bridges the gap between intelligence and design. We build AI-powered experiences that scale." + primaryButton={{"text":"Start Your Project","href":"#contact"}} + secondaryButton={{"href":"#services","text":"Explore Services"}} + items={[{"imageSrc":"https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=1000&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1677442136019-21780ecad995?q=80&w=1000&auto=format&fit=crop"}]} + />
); diff --git a/src/pages/HomePage/sections/Portfolio.tsx b/src/pages/HomePage/sections/Portfolio.tsx index d7cb397..33bae7e 100644 --- a/src/pages/HomePage/sections/Portfolio.tsx +++ b/src/pages/HomePage/sections/Portfolio.tsx @@ -10,54 +10,11 @@ export default function PortfolioSection(): React.JSX.Element {
+ tag="Portfolio & Case Studies" + title="Selected Projects" + description="A glimpse into our creative and technical capability." + items={[{"imageSrc":"https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=1000&auto=format&fit=crop","href":"#","description":"Smart analytics interface for retail.","title":"AI Dashboard"},{"title":"E-commerce Site","description":"High-conversion shop platform.","href":"#","imageSrc":"https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=1000&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1600132806370-bf17e65e942f?q=80&w=1000&auto=format&fit=crop","href":"#","description":"Identity system for new tech start-up.","title":"Corporate Branding"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1611162617474-5b21e879e113?q=80&w=1000&auto=format&fit=crop","title":"Marketing Social App","description":"Campaign management platform."},{"title":"AI Content Bot","description":"Automated engagement systems.","href":"#","imageSrc":"https://images.unsplash.com/photo-1677442136019-21780ecad995?q=80&w=1000&auto=format&fit=crop"},{"title":"Modern Course Hub","description":"Platform for digital skill training.","href":"#","imageSrc":"https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1000&auto=format&fit=crop"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=1000&auto=format&fit=crop","title":"Visual AI Branding","description":"Identity using generative tech."}]} + />
); diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx index 17d77e0..30f1647 100644 --- a/src/pages/HomePage/sections/Services.tsx +++ b/src/pages/HomePage/sections/Services.tsx @@ -10,32 +10,11 @@ export default function ServicesSection(): React.JSX.Element {
+ tag="Our Expertise" + title="Next Gen Digital Services" + description="Comprehensive solutions powered by cutting-edge AI and human creativity." + features={[{"imageSrc":"https://images.unsplash.com/photo-1677442136019-21780ecad995?q=80&w=1000&auto=format&fit=crop","title":"AI Digital Solutions","description":"Leverage machine learning to drive automation and smart business growth."},{"description":"Stunning visuals that define your corporate identity and voice.","imageSrc":"https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=1000&auto=format&fit=crop","title":"Branding & Design"},{"description":"High-performance websites designed for speed, security, and conversion.","title":"Web Development","imageSrc":"https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1000&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1000&auto=format&fit=crop","title":"Online Training","description":"Upskill your team with courses designed for the future of digital work."}]} + />
); diff --git a/src/pages/HomePage/sections/Training.tsx b/src/pages/HomePage/sections/Training.tsx index b4ffc3d..4ffad98 100644 --- a/src/pages/HomePage/sections/Training.tsx +++ b/src/pages/HomePage/sections/Training.tsx @@ -11,27 +11,11 @@ export default function TrainingSection(): React.JSX.Element {
+ tag="Training Academy" + title="Empowering Future Talent" + description="Structured courses, learning paths, and certifications designed for the future of digital work." + metrics={[{"value":"Masterclass","icon":"Sparkles","title":"AI Tools Training"},{"value":"Advanced","icon":"Palette","title":"Graphic Design"},{"title":"Digital Skills","icon":"Code","value":"Certified"}]} + />
); diff --git a/src/pages/HomePage/sections/WhyNga.tsx b/src/pages/HomePage/sections/WhyNga.tsx index 9eded03..d9f88bc 100644 --- a/src/pages/HomePage/sections/WhyNga.tsx +++ b/src/pages/HomePage/sections/WhyNga.tsx @@ -10,24 +10,11 @@ export default function WhyNgaSection(): React.JSX.Element {
+ tag="Why Choose Us" + title="NGA Digital Advantage" + description="What makes our agency unique in a crowded market." + items={[{"answer":"We integrate advanced machine learning tools to accelerate the design and development phase without compromising quality.","question":"AI-Powered Creativity"},{"answer":"Our team maintains global agency standards, ensuring your project reflects professionalism and innovation.","question":"Professional Quality"},{"question":"Fast Workflow","answer":"Through intelligent technologies, we deliver high-end digital solutions faster than traditional agencies."},{"question":"Integrated Services","answer":"We combine agency services with professional education, offering a complete ecosystem for digital growth."}]} + />
); -- 2.49.1