From f6ea27779cfdaebdf1f9b1417ebba1aae2faf49a Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 14 Jun 2026 17:23:11 +0000
Subject: [PATCH] Bob AI: Update color scheme to purple and add services to
 hero and a

---
 src/index.css                            |   6 +-
 src/pages/HomePage.tsx                   | 128 ++++-------------------
 src/pages/HomePage/sections/About.tsx    |  16 +++
 src/pages/HomePage/sections/Contact.tsx  |  19 ++++
 src/pages/HomePage/sections/Hero.tsx     |  20 ++++
 src/pages/HomePage/sections/Outcomes.tsx |  23 ++++
 src/pages/HomePage/sections/Pricing.tsx  |  31 ++++++
 src/pages/HomePage/sections/Security.tsx |  35 +++++++
 src/pages/HomePage/sections/Team.tsx     |  22 ++++
 9 files changed, 192 insertions(+), 108 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/Outcomes.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/Security.tsx
 create mode 100644 src/pages/HomePage/sections/Team.tsx

diff --git a/src/index.css b/src/index.css
index c86cd29..b04b38c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,12 +7,12 @@
   --background: #0a0a0a;
   --card: #1a1a1a;
   --foreground: #eeeded;
-  --primary-cta: #00FFAB;
-  --primary-cta-text: #000000;
+  --primary-cta: #9d4edd;
+  --primary-cta-text: #ffffff;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffffe6;
   --accent: #737373;
-  --background-accent: #00d5c7;
+  --background-accent: #7b2cbf;
 
   /* Border Radius - Pill */
   --radius: 2rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 250222a..6b6f957 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,119 +1,37 @@
+// 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.
+
 import { StyleProvider } from "@/components/ui/StyleProvider";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import FeaturesBento from "@/components/sections/features/FeaturesBento";
-import FeaturesBorderGlow from "@/components/sections/features/FeaturesBorderGlow";
-import AboutText from "@/components/sections/about/AboutText";
-import PricingLayeredCards from "@/components/sections/pricing/PricingLayeredCards";
-import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import { LayoutGrid, TrendingUp, Target, Palette, BarChart, Users, Megaphone, Search } from "lucide-react";
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import SecuritySection from './HomePage/sections/Security';
+import OutcomesSection from './HomePage/sections/Outcomes';
+import PricingSection from './HomePage/sections/Pricing';
+import TeamSection from './HomePage/sections/Team';
+import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage() {
+export default function HomePage(): React.JSX.Element {
   return (
-    <StyleProvider siteBackground="none" heroBackground="lightRaysCenter" buttonVariant="arrow">
+<StyleProvider siteBackground="none" heroBackground="lightRaysCenter" buttonVariant="arrow">
         <SiteBackgroundSlot />
 
-        <div id="hero" data-section="hero">
-          <HeroBillboard
-            tag="Agenție Digitală"
-            title="SwiftCloud: Design Web & Marketing Performant"
-            description="Transformăm ideile în experiențe digitale captivante și strategii de marketing care generează conversii reale pentru afacerea ta."
-            primaryButton={{ text: "Cere o Ofertă", href: "#contact" }}
-            secondaryButton={{ text: "Află Mai Multe", href: "#about" }}
-            imageSrc="http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2975.jpg"
-          />
-        </div>
+        <HeroSection />
 
-        <div id="about" data-section="about">
-          <AboutText
-            title="SwiftCloud îmbină estetica modernă cu rigoarea analitică. Nu creăm doar site-uri, construim ecosisteme digitale care aduc rezultate măsurabile."
-            primaryButton={{ text: "Vezi Serviciile", href: "#security" }}
-          />
-        </div>
+        <AboutSection />
 
-        <div id="security" data-section="security">
-          <FeaturesBento
-            tag="Serviciile Noastre"
-            title="Expertiză completă pentru prezența ta online"
-            description="De la design UI/UX inovator la campanii de marketing orientate pe performanță."
-            features={[
-              {
-                bentoComponent: "orbiting-icons",                centerIcon: Palette,
-                orbitIcons: [LayoutGrid, Target, Search, Megaphone],
-                title: "Web Design Creativ",                description: "Interfețe intuitive adaptate identității brandului tău."},
-              {
-                bentoComponent: "tilted-stack-cards",                stackCards: [
-                  { icon: BarChart, title: "Optimizare SEO", subtitle: "Top clasări", detail: "Organic" },
-                  { icon: Target, title: "Campanii Ads", subtitle: "ROI mare", detail: "Targetat" },
-                  { icon: Users, title: "Content Social", subtitle: "Engagement", detail: "Social" },
-                ],
-                title: "Strategie Digitală",                description: "Planificăm acțiuni care atrag și rețin clienții."},
-              {
-                bentoComponent: "icon-text-marquee",                centerIcon: TrendingUp,
-                marqueeTexts: ["Creștere trafic", "Conversii ridicate", "Vizibilitate", "Brand awareness"],
-                title: "Marketing Digital",                description: "Analizăm și optimizăm constant pentru a maximiza rezultatele."},
-            ]}
-          />
-        </div>
+        <SecuritySection />
 
-        <div id="outcomes" data-section="outcomes">
-          <FeaturesBorderGlow
-            tag="De ce SwiftCloud?"
-            title="Beneficii pentru creșterea afacerii"
-            description="Partenerul tău pentru succes în mediul online."
-            features={[
-              { icon: LayoutGrid, title: "UI/UX Personalizat", description: "Design unic pentru experiențe memorabile." },
-              { icon: TrendingUp, title: "Marketing bazat pe date", description: "Campanii optimizate pentru rezultate maxime." },
-              { icon: Target, title: "Focus pe Conversii", description: "Fiecare element este gândit pentru a vinde." },
-            ]}
-          />
-        </div>
+        <OutcomesSection />
 
-        <div id="pricing" data-section="pricing">
-          <PricingLayeredCards
-            tag="Pachete"
-            title="Soluții adaptate obiectivelor tale"
-            description="Alege pachetul potrivit pentru maturitatea digitală a business-ului tău."
-            plans={[
-              {
-                tag: "Start-up",                price: "€800",                description: "Perfect pentru lansări rapide.",                primaryButton: { text: "Alege Start-up", href: "#contact" },
-                features: ["Web Design Landing Page", "SEO de bază", "Mentenanță 1 lună"],
-              },
-              {
-                tag: "Growth",                price: "€2,200",                description: "Pentru afaceri în expansiune.",                primaryButton: { text: "Alege Growth", href: "#contact" },
-                features: ["Website Full-Stack", "Campanii Google Ads", "Copywriting Profesional"],
-              },
-              {
-                tag: "Enterprise",                price: "Custom",                description: "Strategii complexe pentru lideri.",                primaryButton: { text: "Contactează-ne", href: "#contact" },
-                features: ["Platforme custom", "Marketing 360°", "Analiză avansată"],
-              },
-            ]}
-          />
-        </div>
+        <PricingSection />
 
-        <div id="team" data-section="team">
-          <TeamOverlayCards
-            tag="Echipa"
-            title="Profesioniști pasionați de digital"
-            description="O echipă multidisciplinară unită de dorința de a inova constant."
-            members={[
-              { name: "Andrei M.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg" },
-              { name: "Elena S.", role: "Marketing Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg" },
-              { name: "Victor D.", role: "Digital Analyst", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-businessman-desk_23-2149270979.jpg" },
-            ]}
-          />
-        </div>
+        <TeamSection />
 
-        <div id="contact" data-section="contact">
-          <ContactCenter
-            tag="Contact"
-            title="Începe proiectul tău acum"
-            description="Trimite-ne un mesaj și hai să discutăm cum putem crește prezența ta online."
-            inputPlaceholder="Adresa ta de email"
-            buttonText="Trimite"
-          />
-        </div>
+        <ContactSection />
       </StyleProvider>
   );
-}
\ 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..1f98c7c
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,16 @@
+// 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";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+              <AboutText
+        title="SwiftCloud îmbină estetica modernă cu rigoarea analitică. Oferim site-uri de prezentare, magazine online, content video, automatizări CRM și SEO. Nu creăm doar site-uri, construim ecosisteme digitale care aduc rezultate măsurabile."
+        primaryButton={{ text: "Vezi Serviciile", href: "#security" }}
+      />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..989638a
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,19 @@
+// 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 ContactCenter from "@/components/sections/contact/ContactCenter";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+              <ContactCenter
+                tag="Contact"
+                title="Începe proiectul tău acum"
+                description="Trimite-ne un mesaj și hai să discutăm cum putem crește prezența ta online."
+                inputPlaceholder="Adresa ta de email"
+                buttonText="Trimite"
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..228a00e
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,20 @@
+// 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 HeroBillboard from "@/components/sections/hero/HeroBillboard";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+              <HeroBillboard
+        tag="Agenție Digitală"
+        title="SwiftCloud: Design Web & Marketing Performant"
+        description="Oferim pachetul complet pentru succesul tău digital: site-uri de prezentare, magazine online, content video, automatizări CRM și servicii SEO. Transformăm ideile în experiențe digitale captivante."
+        primaryButton={{ text: "Cere o Ofertă", href: "#contact" }}
+        secondaryButton={{ text: "Află Mai Multe", href: "#about" }}
+        imageSrc="http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2975.jpg"
+      />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Outcomes.tsx b/src/pages/HomePage/sections/Outcomes.tsx
new file mode 100644
index 0000000..27b40fa
--- /dev/null
+++ b/src/pages/HomePage/sections/Outcomes.tsx
@@ -0,0 +1,23 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "outcomes" section.
+
+import React from 'react';
+import FeaturesBorderGlow from "@/components/sections/features/FeaturesBorderGlow";
+import { LayoutGrid, TrendingUp, Target, Palette, BarChart, Users, Megaphone, Search } from "lucide-react";
+
+export default function OutcomesSection(): React.JSX.Element {
+  return (
+    <div id="outcomes" data-section="outcomes">
+              <FeaturesBorderGlow
+                tag="De ce SwiftCloud?"
+                title="Beneficii pentru creșterea afacerii"
+                description="Partenerul tău pentru succes în mediul online."
+                features={[
+                  { icon: LayoutGrid, title: "UI/UX Personalizat", description: "Design unic pentru experiențe memorabile." },
+                  { icon: TrendingUp, title: "Marketing bazat pe date", description: "Campanii optimizate pentru rezultate maxime." },
+                  { icon: Target, title: "Focus pe Conversii", description: "Fiecare element este gândit pentru a vinde." },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..c884cef
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,31 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "pricing" section.
+
+import React from 'react';
+import PricingLayeredCards from "@/components/sections/pricing/PricingLayeredCards";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+              <PricingLayeredCards
+                tag="Pachete"
+                title="Soluții adaptate obiectivelor tale"
+                description="Alege pachetul potrivit pentru maturitatea digitală a business-ului tău."
+                plans={[
+                  {
+                    tag: "Start-up",                price: "€800",                description: "Perfect pentru lansări rapide.",                primaryButton: { text: "Alege Start-up", href: "#contact" },
+                    features: ["Web Design Landing Page", "SEO de bază", "Mentenanță 1 lună"],
+                  },
+                  {
+                    tag: "Growth",                price: "€2,200",                description: "Pentru afaceri în expansiune.",                primaryButton: { text: "Alege Growth", href: "#contact" },
+                    features: ["Website Full-Stack", "Campanii Google Ads", "Copywriting Profesional"],
+                  },
+                  {
+                    tag: "Enterprise",                price: "Custom",                description: "Strategii complexe pentru lideri.",                primaryButton: { text: "Contactează-ne", href: "#contact" },
+                    features: ["Platforme custom", "Marketing 360°", "Analiză avansată"],
+                  },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Security.tsx b/src/pages/HomePage/sections/Security.tsx
new file mode 100644
index 0000000..df8a61c
--- /dev/null
+++ b/src/pages/HomePage/sections/Security.tsx
@@ -0,0 +1,35 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "security" section.
+
+import React from 'react';
+import FeaturesBento from "@/components/sections/features/FeaturesBento";
+import { LayoutGrid, TrendingUp, Target, Palette, BarChart, Users, Megaphone, Search } from "lucide-react";
+
+export default function SecuritySection(): React.JSX.Element {
+  return (
+    <div id="security" data-section="security">
+              <FeaturesBento
+                tag="Serviciile Noastre"
+                title="Expertiză completă pentru prezența ta online"
+                description="De la design UI/UX inovator la campanii de marketing orientate pe performanță."
+                features={[
+                  {
+                    bentoComponent: "orbiting-icons",                centerIcon: Palette,
+                    orbitIcons: [LayoutGrid, Target, Search, Megaphone],
+                    title: "Web Design Creativ",                description: "Interfețe intuitive adaptate identității brandului tău."},
+                  {
+                    bentoComponent: "tilted-stack-cards",                stackCards: [
+                      { icon: BarChart, title: "Optimizare SEO", subtitle: "Top clasări", detail: "Organic" },
+                      { icon: Target, title: "Campanii Ads", subtitle: "ROI mare", detail: "Targetat" },
+                      { icon: Users, title: "Content Social", subtitle: "Engagement", detail: "Social" },
+                    ],
+                    title: "Strategie Digitală",                description: "Planificăm acțiuni care atrag și rețin clienții."},
+                  {
+                    bentoComponent: "icon-text-marquee",                centerIcon: TrendingUp,
+                    marqueeTexts: ["Creștere trafic", "Conversii ridicate", "Vizibilitate", "Brand awareness"],
+                    title: "Marketing Digital",                description: "Analizăm și optimizăm constant pentru a maximiza rezultatele."},
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Team.tsx b/src/pages/HomePage/sections/Team.tsx
new file mode 100644
index 0000000..ae19727
--- /dev/null
+++ b/src/pages/HomePage/sections/Team.tsx
@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "team" section.
+
+import React from 'react';
+import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
+
+export default function TeamSection(): React.JSX.Element {
+  return (
+    <div id="team" data-section="team">
+              <TeamOverlayCards
+                tag="Echipa"
+                title="Profesioniști pasionați de digital"
+                description="O echipă multidisciplinară unită de dorința de a inova constant."
+                members={[
+                  { name: "Andrei M.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg" },
+                  { name: "Elena S.", role: "Marketing Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg" },
+                  { name: "Victor D.", role: "Digital Analyst", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-businessman-desk_23-2149270979.jpg" },
+                ]}
+              />
+            </div>
+  );
+}