Merge version_4_1783294918736 into main

Merge version_4_1783294918736 into main

src/components/Layout.tsx

@@ -10,7 +10,7 @@ export default function Layout() {
     <StyleProvider buttonVariant="default" siteBackground="none" heroBackground="none">
       <SiteBackgroundSlot />
       <NavbarFloatingLogo
-                  logo="Joseph Alexander"
+                  logo="Irving the Barber "
                   logoImageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp"
                   navItems={[
                     { name: "Work", href: "#work" },
@@ -25,7 +25,7 @@ export default function Layout() {
       </main>
       <FooterMinimal
                 brand="Alexander"
-                copyright="© 2026 Joseph Alexander. All rights reserved."
+                copyright="© 2026 Irving the Barber . All rights reserved."
                 socialLinks={[
                   { icon: "Twitter", href: "#" },
                   { icon: "Linkedin", href: "#" },

src/pages/HomePage.tsx

@@ -14,7 +14,7 @@ export default function HomePage() {
   return (
 <StyleProvider siteBackground="none" heroBackground="none" buttonVariant="stagger">
         <LoaderReveal
-          imageSrc="https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png"
+          imageSrc="https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png?_wi=1"
           title="Irving the Barber "
         />
 
@@ -86,7 +86,7 @@ export default function HomePage() {
             quote="I don't design to decorate — I design to solve. Sharp, intentional work that moves brands forward."
             author="Irving the Barber "
             role="Independent Designer"
-            imageSrc="https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png"
+            imageSrc="https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png?_wi=2"
             socialLinks={[
               { icon: "Twitter", label: "Twitter", href: "#" },
               { icon: "Linkedin", label: "LinkedIn", href: "#" },
@@ -160,7 +160,7 @@ export default function HomePage() {
             },
           ]}
           cta={{
-            imageSrc: "https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png",
+            imageSrc: "https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png?_wi=3",
             name: "More questions? Reach out anytime.",
             role: "joseph@alexandercreative.com",
             buttonText: "Book a call",

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,25 @@
+// 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
+                textAnimation="fade"
+                tag="About"
+                quote="I don't design to decorate — I design to solve. Sharp, intentional work that moves brands forward."
+                author="Irving the Barber "
+                role="Independent Designer"
+                imageSrc="https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png"
+                socialLinks={[
+                  { icon: "Twitter", label: "Twitter", href: "#" },
+                  { icon: "Linkedin", label: "LinkedIn", href: "#" },
+                  { icon: "Instagram", label: "Instagram", href: "#" },
+                ]}
+              />
+            </div>
+  );
+}

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,28 @@
+// 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
+                textAnimation="fade"
+                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"
+                ctaLinks={[
+                  { icon: "Video", label: "Book a Call", href: "#" },
+                ]}
+              />
+            </div>
+  );
+}

src/pages/HomePage/sections/Faq.tsx

@@ -0,0 +1,63 @@
+// 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 FaqTabbedAccordion from "@/components/sections/faq/FaqTabbedAccordion";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+      <FaqTabbedAccordion
+                textAnimation="fade"
+                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/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png",
+                  name: "More questions? Reach out anytime.",
+                  role: "joseph@alexandercreative.com",
+                  buttonText: "Book a call",
+                  buttonHref: "#contact",
+                }}
+              />
+    </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,32 @@
+// 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
+        textAnimation="fade"
+        heroAnimationDelay={4}
+        tag="Irving the Barber"
+        title="Fresh cuts that"
+        titleHighlight="command attention."
+        description="Precision grooming engineered for confidence."
+        descriptionMuted="I craft every haircut to suit your style, ensuring you leave the chair looking and feeling your best."
+        primaryButton={{
+                  text: "Book a call with me",
+                  href: "#contact",
+                  avatarSrc: "https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png",
+                  avatarLabel: "You",
+                }}
+        sectionTag="Portfolio"
+        sectionTitle="Haircut Gallery"
+        sectionDescription="A showcase of my best fades, tapers, scissor cuts, and custom designs."
+        items={[{"description":"Beverage brand shoot. Every frame engineered to sell.","imageSrc":"https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-1.webp","title":"HydroFlow Product Launch","tag":"Product Shot"},{"tag":"Photography","imageSrc":"https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-2.webp","title":"Webild Athlete Campaign","description":"Sports tech shoot. Wearables captured in raw motion."},{"imageSrc":"https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-3.webp","title":"Maru Residence","description":"Architectural interior shoot. Minimal compositions.","tag":"Interior Design"}]}
+        secondaryButton={{ text: "View all my projects", href: "#" }}
+      />
+    </div>
+  );
+}

src/pages/HomePage/sections/Services.tsx

@@ -0,0 +1,30 @@
+// 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
+                textAnimation="fade"
+                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" },
+                  { 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" },
+                ]}
+                ctaButton={{
+                  text: "Book a call with me",
+                  href: "#contact",
+                  avatarSrc: "https://storage.googleapis.com/webild/users/user_3G6TFtt4stRw9fdcBXVheLGahPu/uploaded-1783294603761-w4igm0fi.png",
+                  avatarLabel: "You",
+                }}
+              />
+            </div>
+  );
+}

src/pages/HomePage/sections/Testimonial.tsx

@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonial" section.
+
+import React from 'react';
+import TestimonialTrustCard from "@/components/sections/testimonial/TestimonialTrustCard";
+
+export default function TestimonialSection(): React.JSX.Element {
+  return (
+    <div id="testimonial" data-section="testimonial">
+      <TestimonialTrustCard
+                textAnimation="fade"
+                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" },
+                ]}
+              />
+    </div>
+  );
+}