diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index b714c33..496e7da 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,22 +1,16 @@
-// 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 { motion } from "motion/react";
 import { StyleProvider } from "@/components/ui/StyleProvider";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
+import TestimonialTrustCard from "@/components/sections/testimonial/TestimonialTrustCard";
+import HeroWorkScrollStack from "@/components/sections/hero/HeroWorkScrollStack";
+import AboutTestimonialParallax from "@/components/sections/about/AboutTestimonialParallax";
+import FeaturesBentoGridCta from "@/components/sections/features/FeaturesBentoGridCta";
+import FaqTabbedAccordion from "@/components/sections/faq/FaqTabbedAccordion";
+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 TestimonialSection from './HomePage/sections/Testimonial';
-import AboutSection from './HomePage/sections/About';
-import ServicesSection from './HomePage/sections/Services';
-import FaqSection from './HomePage/sections/Faq';
-import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+export default function HomePage() {
   return (
 <StyleProvider siteBackground="none" heroBackground="none" buttonVariant="stagger">
         <LoaderReveal
@@ -35,17 +29,157 @@ export default function HomePage(): React.JSX.Element {
           
         </motion.div>
 
-        <HeroSection />
+        <HeroWorkScrollStack
+          heroAnimationDelay={4}
+          tag="1 spot left this month"
+          title="Design that"
+          titleHighlight="commands attention."
+          description="Design engineered for performance, not just aesthetics."
+          descriptionMuted="I craft every visual touchpoint your brand needs to capture attention and convert it into revenue."
+          primaryButton={{
+            text: "Book a call with me",
+            href: "#contact",
+            avatarSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp",
+            avatarLabel: "You",
+          }}
+          sectionTag="Selected Work"
+          sectionTitle="Projects That Speak for Themselves"
+          sectionDescription="A curated selection of design work that drove real business results for ambitious brands."
+          items={[
+            {
+              title: "HydroFlow Product Launch",
+              description: "Beverage brand shoot. Every frame engineered to sell.",
+              imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-1.webp?_wi=1",
+              tag: "Product Shot",
+            },
+            {
+              title: "Webild Athlete Campaign",
+              description: "Sports tech shoot. Wearables captured in raw motion.",
+              imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-2.webp?_wi=1",
+              tag: "Photography",
+            },
+            {
+              title: "Maru Residence",
+              description: "Architectural interior shoot. Minimal compositions.",
+              imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-3.webp?_wi=1",
+              tag: "Interior Design",
+            },
+          ]}
+          secondaryButton={{ text: "View all my projects", href: "#" }}
+        />
 
-        <TestimonialSection />
+        <TestimonialTrustCard
+          quote="Working with Joseph felt like having a seasoned design partner who truly understood our vision for KYMA and brought it to life in ways we hadn't even imagined."
+          rating={5}
+          author="Thomas Weber — Co-founder of KYMA"
+          avatars={[
+            { name: "Thomas Weber", imageSrc: "https://randomuser.me/api/portraits/men/75.jpg?_wi=1" },
+          ]}
+        />
 
-        <AboutSection />
+        <div id="about" data-section="about">
+          <AboutTestimonialParallax
+            tag="About"
+            quote="I don't design to decorate — I design to solve. Sharp, intentional work that moves brands forward."
+            author="Joseph Alexander"
+            role="Independent Designer"
+            imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=2"
+            socialLinks={[
+              { icon: "Twitter", label: "Twitter", href: "#" },
+              { icon: "Linkedin", label: "LinkedIn", href: "#" },
+              { icon: "Instagram", label: "Instagram", href: "#" },
+            ]}
+          />
+        </div>
 
-        <ServicesSection />
+        <div id="services" data-section="services">
+          <FeaturesBentoGridCta
+            tag="Services"
+            title="What I Bring to the Table"
+            description="End-to-end creative services designed to make your brand impossible to ignore — from the first frame to the final pixel."
+            features={[
+              { title: "Photography", description: "Art-directed shoots that capture your brand's personality. Every image is color-graded and built to stop the scroll.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/photography.webp?_wi=1" },
+              { title: "Product Design", description: "User-centered interfaces for apps and SaaS products. From wireframe to pixel-perfect UI — intuitive experiences that keep users coming back.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/product-design.webp?_wi=1" },
+              { title: "Website", description: "Conversion-focused websites that look sharp and perform. Clean layouts, strategic CTAs, and responsive design that turns traffic into revenue.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/website.webp?_wi=1" },
+              { title: "Videos", description: "Brand films and product videos engineered for engagement. Story-driven visuals that convert viewers into customers.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/videos.webp?_wi=1" },
+            ]}
+            ctaButton={{
+              text: "Book a call with me",
+              href: "#contact",
+              avatarSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp",
+              avatarLabel: "You",
+            }}
+          />
+        </div>
 
-        <FaqSection />
+        <FaqTabbedAccordion
+          tag="FAQ"
+          title="Frequently Asked Questions"
+          description="Everything you need to know before we start working together."
+          categories={[
+            {
+              name: "General",
+              items: [
+                { question: "What type of clients do you work with?", answer: "I work with ambitious brands, startups, and established businesses that value premium creative work. Whether you're launching a new product or refreshing your brand identity, I bring the same level of craft and attention to detail." },
+                { question: "What's your availability like?", answer: "I typically take on 2–3 projects at a time to ensure each client gets my full attention. Reach out to check my current availability — I'm happy to discuss timelines." },
+                { question: "Do you work remotely or on-site?", answer: "Primarily remote, but I'm open to on-site work for shoots, workshops, or strategy sessions depending on the project scope and location." },
+                { question: "Can I see more examples of your work?", answer: "Absolutely. The projects on this site are a curated selection. I'm happy to share additional case studies relevant to your industry during our initial call." },
+              ],
+            },
+            {
+              name: "Pricing",
+              items: [
+                { question: "How do you structure your pricing?", answer: "I offer project-based pricing tailored to scope and deliverables. Every engagement starts with a discovery call so I can provide an accurate, transparent quote — no surprises." },
+                { question: "Do you require a deposit?", answer: "Yes, I require a 50% deposit to secure your spot and begin work. The remaining balance is due upon delivery of final assets." },
+                { question: "Do you offer retainer packages?", answer: "I do. For clients with ongoing creative needs, monthly retainers offer priority access, discounted rates, and faster turnaround times." },
+                { question: "What's included in a typical project quote?", answer: "Quotes include all creative direction, production, editing, and delivery of final files. Revisions are built in — I want you to be thrilled with the result." },
+              ],
+            },
+            {
+              name: "Process",
+              items: [
+                { question: "What does your process look like?", answer: "Discovery call → Creative brief → Concept development → Production → Review & refinement → Final delivery. I keep you in the loop at every stage with clear timelines and checkpoints." },
+                { question: "How long does a typical project take?", answer: "Most projects wrap within 2–4 weeks depending on complexity. Larger campaigns or multi-deliverable projects may extend further, and I'll set expectations upfront." },
+                { question: "How many revisions are included?", answer: "Two rounds of revisions are standard. In practice, my clients rarely need more than one — I invest heavily in understanding your vision before production begins." },
+                { question: "What do you need from me to get started?", answer: "A brief overview of your brand, goals, and any existing assets or references. I'll guide you through the rest during our kickoff call." },
+              ],
+            },
+            {
+              name: "Results",
+              items: [
+                { question: "What kind of results can I expect?", answer: "My work is designed to drive measurable outcomes — higher engagement, increased conversions, and a brand presence that commands attention. I'll share relevant case studies during our call." },
+                { question: "Do you track performance metrics?", answer: "While I focus on the creative, I design everything with performance in mind. I'm happy to collaborate with your marketing team to align on KPIs and measure impact." },
+                { question: "Can you share client testimonials?", answer: "Yes — I have testimonials and references available. Many of my clients see 2–3x improvements in engagement after implementing new creative assets." },
+                { question: "What makes your work different?", answer: "I combine strategic thinking with high-end execution. Every project is approached as a partnership — I'm invested in your success, not just delivering files." },
+              ],
+            },
+          ]}
+          cta={{
+            imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=3",
+            name: "More questions? Reach out anytime.",
+            role: "joseph@alexandercreative.com",
+            buttonText: "Book a call",
+            buttonHref: "#contact",
+          }}
+        />
 
-        <ContactSection />
+        <div id="contact" data-section="contact">
+          <ContactSplitFormParallax
+            tag="Get in Touch"
+            title="Let's Build"
+            description="Have a project in mind? Drop me a message and I'll get back to you within 24 hours."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your name", required: true },
+              { name: "email", type: "email", placeholder: "Your email", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Tell me about your project...", rows: 5, required: true }}
+            buttonText="Send Message"
+            imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/contact.webp?_wi=1"
+            ctaLinks={[
+              { icon: "Video", label: "Book a Call", href: "#" },
+            ]}
+          />
+        </div>
 
         
       </StyleProvider>
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
index afd5cbe..942484d 100644
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -12,7 +12,7 @@ export default function AboutSection(): React.JSX.Element {
                 quote="I don't design to decorate — I design to solve. Sharp, intentional work that moves brands forward."
                 author="Joseph Alexander"
                 role="Independent Designer"
-                imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=2"
+                imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=1"
                 socialLinks={[
                   { icon: "Twitter", label: "Twitter", href: "#" },
                   { icon: "Linkedin", label: "LinkedIn", href: "#" },
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
index 8aaa44c..518b49f 100644
--- a/src/pages/HomePage/sections/Contact.tsx
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -17,7 +17,7 @@ export default function ContactSection(): React.JSX.Element {
                 ]}
                 textarea={{ name: "message", placeholder: "Tell me about your project...", rows: 5, required: true }}
                 buttonText="Send Message"
-                imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/contact.webp"
+                imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/contact.webp?_wi=2"
                 ctaLinks={[
                   { icon: "Video", label: "Book a Call", href: "#" },
                 ]}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
index a1fb02d..c60d338 100644
--- a/src/pages/HomePage/sections/Faq.tsx
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -50,7 +50,7 @@ export default function FaqSection(): React.JSX.Element {
                   },
                 ]}
                 cta={{
-                  imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=3",
+                  imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=2",
                   name: "More questions? Reach out anytime.",
                   role: "joseph@alexandercreative.com",
                   buttonText: "Book a call",
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 1178357..52cda95 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -3,13 +3,14 @@
 
 import React from 'react';
 import HeroWorkScrollStack from "@/components/sections/hero/HeroWorkScrollStack";
+import RatingStars from "@/components/ui/RatingStars";
 
 export default function HeroSection(): React.JSX.Element {
   return (
     <div id="hero" data-section="hero">
       <HeroWorkScrollStack
                 heroAnimationDelay={4}
-                tag="1 spot left this month"
+                tag={<div className="flex items-center gap-2"><RatingStars rating={5} className="text-primary-cta" /><span className="text-sm font-medium text-foreground">5.0 Rating</span></div> as any}
                 title="Design that"
                 titleHighlight="commands attention."
                 description="Design engineered for performance, not just aesthetics."
@@ -27,19 +28,19 @@ export default function HeroSection(): React.JSX.Element {
                   {
                     title: "HydroFlow Product Launch",
                     description: "Beverage brand shoot. Every frame engineered to sell.",
-                    imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-1.webp",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-1.webp?_wi=2",
                     tag: "Product Shot",
                   },
                   {
                     title: "Webild Athlete Campaign",
                     description: "Sports tech shoot. Wearables captured in raw motion.",
-                    imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-2.webp",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-2.webp?_wi=2",
                     tag: "Photography",
                   },
                   {
                     title: "Maru Residence",
                     description: "Architectural interior shoot. Minimal compositions.",
-                    imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-3.webp",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-3.webp?_wi=2",
                     tag: "Interior Design",
                   },
                 ]}
diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx
index 9523117..7ea7af6 100644
--- a/src/pages/HomePage/sections/Services.tsx
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -12,10 +12,10 @@ export default function ServicesSection(): React.JSX.Element {
                 title="What I Bring to the Table"
                 description="End-to-end creative services designed to make your brand impossible to ignore — from the first frame to the final pixel."
                 features={[
-                  { title: "Photography", description: "Art-directed shoots that capture your brand's personality. Every image is color-graded and built to stop the scroll.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/photography.webp" },
-                  { title: "Product Design", description: "User-centered interfaces for apps and SaaS products. From wireframe to pixel-perfect UI — intuitive experiences that keep users coming back.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/product-design.webp" },
-                  { title: "Website", description: "Conversion-focused websites that look sharp and perform. Clean layouts, strategic CTAs, and responsive design that turns traffic into revenue.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/website.webp" },
-                  { title: "Videos", description: "Brand films and product videos engineered for engagement. Story-driven visuals that convert viewers into customers.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/videos.webp" },
+                  { title: "Photography", description: "Art-directed shoots that capture your brand's personality. Every image is color-graded and built to stop the scroll.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/photography.webp?_wi=2" },
+                  { title: "Product Design", description: "User-centered interfaces for apps and SaaS products. From wireframe to pixel-perfect UI — intuitive experiences that keep users coming back.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/product-design.webp?_wi=2" },
+                  { title: "Website", description: "Conversion-focused websites that look sharp and perform. Clean layouts, strategic CTAs, and responsive design that turns traffic into revenue.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/website.webp?_wi=2" },
+                  { title: "Videos", description: "Brand films and product videos engineered for engagement. Story-driven visuals that convert viewers into customers.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/videos.webp?_wi=2" },
                 ]}
                 ctaButton={{
                   text: "Book a call with me",
diff --git a/src/pages/HomePage/sections/Testimonial.tsx b/src/pages/HomePage/sections/Testimonial.tsx
index 8f77d31..a49e0ce 100644
--- a/src/pages/HomePage/sections/Testimonial.tsx
+++ b/src/pages/HomePage/sections/Testimonial.tsx
@@ -12,7 +12,7 @@ export default function TestimonialSection(): React.JSX.Element {
                 rating={5}
                 author="Thomas Weber — Co-founder of KYMA"
                 avatars={[
-                  { name: "Thomas Weber", imageSrc: "https://randomuser.me/api/portraits/men/75.jpg" },
+                  { name: "Thomas Weber", imageSrc: "https://randomuser.me/api/portraits/men/75.jpg?_wi=2" },
                 ]}
               />
     </div>