From 71e7c318a9a090286e1571629e377b4d3afe23e6 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 22:57:40 +0000
Subject: [PATCH] Bob AI: Added Sanam Maan Marketing to hero tag

---
 src/pages/HomePage.tsx                   | 80 +++++-------------------
 src/pages/HomePage/sections/About.tsx    | 19 ++++++
 src/pages/HomePage/sections/Contact.tsx  | 24 +++++++
 src/pages/HomePage/sections/Hero.tsx     | 29 +++++++++
 src/pages/HomePage/sections/Services.tsx | 25 ++++++++
 5 files changed, 114 insertions(+), 63 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/Services.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index ccb77d8..9c6a96d 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,16 +1,21 @@
-import { motion } from "motion/react";
+// 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 HeroWorkScrollStack from "@/components/sections/hero/HeroWorkScrollStack";
-import AboutTestimonialParallax from "@/components/sections/about/AboutTestimonialParallax";
-import FeaturesBentoGridCta from "@/components/sections/features/FeaturesBentoGridCta";
-import ContactSplitFormParallax from "@/components/sections/contact/ContactSplitFormParallax";
 import LoaderReveal from "@/components/ui/LoaderReveal";
 import CornerGlowBackground from "@/components/ui/CornerGlowBackground";
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import ServicesSection from './HomePage/sections/Services';
+import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage() {
+export default function HomePage(): React.JSX.Element {
   return (
-    <StyleProvider siteBackground="none" heroBackground="none" buttonVariant="stagger">
+<StyleProvider siteBackground="none" heroBackground="none" buttonVariant="stagger">
       <LoaderReveal
         imageSrc="http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"
         title="Sanammaanmarketing"
@@ -19,64 +24,13 @@ export default function HomePage() {
       <SiteBackgroundSlot />
       <CornerGlowBackground position="fixed" />
 
-      <HeroWorkScrollStack
-        heroAnimationDelay={4}
-        tag="Your Growth. Our Mission."
-        title="We Build Brands That"
-        titleHighlight="Mean Business."
-        description="From stunning websites to smart AI agents — we help small businesses show up, stand out, and scale up."
-        primaryButton={{
-          text: "Let's Work Together",          href: "#contact",          avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",          avatarLabel: "Sanam"}}
-        sectionTag="Our Approach"
-        sectionTitle="Results-Driven Digital Solutions"
-        sectionDescription="At Sanammaanmarketing, we don't just build websites — we build digital experiences that turn visitors into customers. We're young, hungry, and obsessed with delivering results that actually move the needle for your business."
-        items={[
-          { title: "Conversion Engines", description: "High-performance, mobile-friendly websites.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg", tag: "Development" },
-          { title: "AI Automation", description: "Smart agents that capture leads 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg", tag: "AI Agents" },
-          { title: "Brand Authority", description: "Memorable identities that stand out.", imageSrc: "http://img.b2bpic.net/free-psd/business-card-mockup-architectural-elements_23-2151953573.jpg", tag: "Branding" },
-        ]}
-      />
+      <HeroSection />
 
-      <div id="about" data-section="about">
-        <AboutTestimonialParallax
-          tag="Meet the Founder"
-          quote="I'm young, hardworking, and genuinely passionate about helping small businesses compete and win in the digital world. I bring ambition and energy to every client I work with. If you're hungry for success, we'll get along just fine."
-          author="Sanam Maan"
-          role="Founder & Digital Strategist"
-          imageSrc="https://storage.googleapis.com/webild/users/user_3FBzUP3MEnNC6lJGj9WPzUiR5QA/uploaded-1781563883410-8gq4j5w9.jpg"
-        />
-      </div>
+      <AboutSection />
 
-      <div id="services" data-section="services">
-        <FeaturesBentoGridCta
-          tag="Our Services"
-          title="Tools to Grow Your Business"
-          description="Comprehensive solutions designed to help you dominate your market."
-          features={[
-            { title: "Website Design", description: "Clean, modern websites built to impress and convert. Your website is your #1 salesperson.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tablet-phone-mock-up_23-2148291152.jpg" },
-            { title: "AI Agent Setup", description: "A smart assistant that answers customer questions and captures leads — and never takes a day off.", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg" },
-            { title: "SEO & Marketing", description: "Get found on Google by people already searching for what you offer, plus scroll-stopping social content.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet_1134-354.jpg" },
-            { title: "Brand Identity", description: "Bold, memorable brand identities built to last and resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277804.jpg" },
-          ]}
-          ctaButton={{
-            text: "Let's Work Together",            href: "#contact"}}
-        />
-      </div>
+      <ServicesSection />
 
-      <div id="contact" data-section="contact">
-        <ContactSplitFormParallax
-          tag="Ready to Grow?"
-          title="Let's Talk."
-          description="Reach out and let's build something great together."
-          inputs={[
-            { name: "name", type: "text", placeholder: "Your name", required: true },
-            { name: "email", type: "email", placeholder: "Your email", required: true }
-          ]}
-          textarea={{ name: "message", placeholder: "Tell us about your business goals...", rows: 5, required: true }}
-          buttonText="Send Message"
-          imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7373.jpg"
-        />
-      </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..211ec0d
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,19 @@
+// 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 AboutTestimonialParallax from "@/components/sections/about/AboutTestimonialParallax";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+            <AboutTestimonialParallax
+              tag="Meet the Founder"
+              quote="I'm young, hardworking, and genuinely passionate about helping small businesses compete and win in the digital world. I bring ambition and energy to every client I work with. If you're hungry for success, we'll get along just fine."
+              author="Sanam Maan"
+              role="Founder & Digital Strategist"
+              imageSrc="https://storage.googleapis.com/webild/users/user_3FBzUP3MEnNC6lJGj9WPzUiR5QA/uploaded-1781563883410-8gq4j5w9.jpg"
+            />
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..ae4d72a
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,24 @@
+// 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 ContactSplitFormParallax from "@/components/sections/contact/ContactSplitFormParallax";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+            <ContactSplitFormParallax
+              tag="Ready to Grow?"
+              title="Let's Talk."
+              description="Reach out and let's build something great together."
+              inputs={[
+                { name: "name", type: "text", placeholder: "Your name", required: true },
+                { name: "email", type: "email", placeholder: "Your email", required: true }
+              ]}
+              textarea={{ name: "message", placeholder: "Tell us about your business goals...", rows: 5, required: true }}
+              buttonText="Send Message"
+              imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7373.jpg"
+            />
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..b70fe34
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,29 @@
+// 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 HeroWorkScrollStack from "@/components/sections/hero/HeroWorkScrollStack";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+      <HeroWorkScrollStack
+              heroAnimationDelay={4}
+              tag="Sanam Maan Marketing — Your Growth. Our Mission."
+              title="We Build Brands That"
+              titleHighlight="Mean Business."
+              description="From stunning websites to smart AI agents — we help small businesses show up, stand out, and scale up."
+              primaryButton={{
+                text: "Let's Work Together",          href: "#contact",          avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",          avatarLabel: "Sanam"}}
+              sectionTag="Our Approach"
+              sectionTitle="Results-Driven Digital Solutions"
+              sectionDescription="At Sanammaanmarketing, we don't just build websites — we build digital experiences that turn visitors into customers. We're young, hungry, and obsessed with delivering results that actually move the needle for your business."
+              items={[
+                { title: "Conversion Engines", description: "High-performance, mobile-friendly websites.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg", tag: "Development" },
+                { title: "AI Automation", description: "Smart agents that capture leads 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg", tag: "AI Agents" },
+                { title: "Brand Authority", description: "Memorable identities that stand out.", imageSrc: "http://img.b2bpic.net/free-psd/business-card-mockup-architectural-elements_23-2151953573.jpg", tag: "Branding" },
+              ]}
+            />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx
new file mode 100644
index 0000000..bc547c0
--- /dev/null
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -0,0 +1,25 @@
+// 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 FeaturesBentoGridCta from "@/components/sections/features/FeaturesBentoGridCta";
+
+export default function ServicesSection(): React.JSX.Element {
+  return (
+    <div id="services" data-section="services">
+            <FeaturesBentoGridCta
+              tag="Our Services"
+              title="Tools to Grow Your Business"
+              description="Comprehensive solutions designed to help you dominate your market."
+              features={[
+                { title: "Website Design", description: "Clean, modern websites built to impress and convert. Your website is your #1 salesperson.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tablet-phone-mock-up_23-2148291152.jpg" },
+                { title: "AI Agent Setup", description: "A smart assistant that answers customer questions and captures leads — and never takes a day off.", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg" },
+                { title: "SEO & Marketing", description: "Get found on Google by people already searching for what you offer, plus scroll-stopping social content.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet_1134-354.jpg" },
+                { title: "Brand Identity", description: "Bold, memorable brand identities built to last and resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277804.jpg" },
+              ]}
+              ctaButton={{
+                text: "Let's Work Together",            href: "#contact"}}
+            />
+          </div>
+  );
+}
-- 
2.49.1