Merge version_9 into main

Update src/app/services/page.tsx
2026-05-11 01:54:08 +00:00 · 2026-05-11 01:54:04 +00:00 · 2026-05-11 01:54:04 +00:00 · 2026-05-11 01:54:03 +00:00 · 2026-05-11 01:53:39 +00:00 · 2026-05-11 01:53:36 +00:00
6 changed files with 141 additions and 381 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -42,7 +42,7 @@ export default function LandingPage() {
          id: "/contact",
        },
      ]}
-      brandName="H & M Handyman"
+      brandName="H & M Handyman Solutions"
    />
  </div>

--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -2,146 +2,35 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

-export default function LandingPage() {
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Gallery", id: "/gallery" },
+  { name: "Pricing", id: "/pricing" },
+  { name: "Contact", id: "/contact" },
+];
+
+export default function GalleryPage() {
  return (
-    <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="smallMedium"
-        sizing="mediumLarge"
-        background="grid"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="H & M Handyman"
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Latest Projects"
-      description="A glimpse into our high-standard craftsmanship across Florida homes."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png?_wi=5"
-      mediaAnimation="slide-up"
-      bulletPoints={[
-        {
-          title: "Kitchen Remodels",
-          description: "Modernizing heart of your home.",
-        },
-        {
-          title: "Deck Renovations",
-          description: "Building perfect outdoor spaces.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="blog" data-section="blog">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Home Maintenance Tips"
-      description="Keep your home in peak condition all year round."
-      blogs={[
-        {
-          id: "b1",
-          category: "DIY",
-          title: "Winterizing Your Home",
-          excerpt: "Essential steps for Florida winters.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-happy-florida-homeowner-giving-a-thumb-1778461863311-358e9286.png?_wi=3",
-          authorName: "Hanser",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/close-up-photo-of-a-smiling-professional-1778461872120-6c6b0d35.png",
-          date: "Oct 2024",
-        },
-        {
-          id: "b2",
-          category: "Repair",
-          title: "Drywall Maintenance",
-          excerpt: "How to keep walls looking fresh.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/close-up-photo-of-a-smiling-professional-1778461872120-6c6b0d35.png?_wi=2",
-          authorName: "Hanser",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-happy-florida-homeowner-giving-a-thumb-1778461863311-358e9286.png",
-          date: "Nov 2024",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="H & M Handyman Solutions"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Drywall Repair",
-              href: "/services",
-            },
-            {
-              label: "Painting",
-              href: "/services",
-            },
-            {
-              label: "Fixture Installation",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 H & M Handyman Solutions. All Rights Reserved. Lic: L23000218924"
-    />
-  </div>
+        <NavbarStyleApple navItems={navItems} brandName="H & M Handyman Solutions" />
+        <HeroBillboardGallery
+          title="Our Work Gallery"
+          description="Take a look at some of our recent professional home improvements."
+          background={{ variant: "plain" }}
+          mediaItems={[
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-professional-high-end-handyman-work-sc-1778461837446-48058e3b.png" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-young-family-standing-in-front-of-thei-1778461902679-cf6e29a5.png" },
+          ]}
+        />
+        <FooterBaseReveal logoText="H & M Handyman Solutions" columns={[]} />
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,14 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Hammer, PaintBucket, Armchair, Fan, Tv, Droplets, Fence, TreeDeciduous, Waves } from "lucide-react";

+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Gallery", id: "/gallery" },
+  { name: "Pricing", id: "/pricing" },
+  { name: "Contact", id: "/contact" },
+];
+
 export default function LandingPage() {
  return (
    <ThemeProvider
@@ -28,17 +36,8 @@ export default function LandingPage() {
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Gallery",          id: "/gallery"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
-      brandName="H & M Handyman"
+      navItems={navItems}
+      brandName="H & M Handyman Solutions"
    />
  </div>

@@ -46,13 +45,11 @@ export default function LandingPage() {
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars"}}
-      title="Reliable Handyman Services Done Right the First Time"
-      description="Professional repairs, installations, remodeling, and maintenance services you can trust in Florida."
+      title="H&M Handyman Solutions"
+      description="Experience professional, stress-free home care designed for your peace of mind. We provide reliable repairs and maintenance you can truly trust."
      buttons={[
-        {
-          text: "Get Free Estimate",          href: "/contact"},
-        {
-          text: "Call Now (863) 812-0046",          href: "tel:+18638120046"},
+        { text: "Get Free Estimate", href: "/contact" },
+        { text: "Call Now (863) 812-0046", href: "tel:+18638120046" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-professional-high-end-handyman-work-sc-1778461837446-48058e3b.png"
    />
@@ -64,54 +61,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
-        {
-          title: "Interior Repairs",          description: "Precision work for drywalls, fixtures, and furniture assembly.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461854154-cb090c72.png",            imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent."},
-          items: [
-            {
-              icon: Hammer,
-              text: "Drywall Repair"},
-            {
-              icon: PaintBucket,
-              text: "Interior Painting"},
-            {
-              icon: Armchair,
-              text: "Furniture Assembly"},
-          ],
-          reverse: false,
-        },
-        {
-          title: "Maintenance & Upgrades",          description: "Quality installations that improve the value and comfort of your home.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461909058-2535386b.png",            imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent."},
-          items: [
-            {
-              icon: Fan,
-              text: "Ceiling Fan Installation"},
-            {
-              icon: Tv,
-              text: "TV Mounting"},
-            {
-              icon: Droplets,
-              text: "Plumbing Fixtures"},
-          ],
-          reverse: true,
-        },
-        {
-          title: "Exterior Services",          description: "Protect and enhance your property with expert outdoor solutions.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461916827-f1321afd.png",            imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent."},
-          items: [
-            {
-              icon: Fence,
-              text: "Fence Repair"},
-            {
-              icon: TreeDeciduous,
-              text: "Deck Restoration"},
-            {
-              icon: Waves,
-              text: "Pressure Washing"},
-          ],
-          reverse: false,
-        },
+        { title: "Interior Repairs", description: "Precision work for drywalls, fixtures, and furniture assembly.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461854154-cb090c72.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent." }, items: [{ icon: Hammer, text: "Drywall Repair" }, { icon: PaintBucket, text: "Interior Painting" }, { icon: Armchair, text: "Furniture Assembly" }], reverse: false },
+        { title: "Maintenance & Upgrades", description: "Quality installations that improve the value and comfort of your home.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461909058-2535386b.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent." }, items: [{ icon: Fan, text: "Ceiling Fan Installation" }, { icon: Tv, text: "TV Mounting" }, { icon: Droplets, text: "Plumbing Fixtures" }], reverse: true },
+        { title: "Exterior Services", description: "Protect and enhance your property with expert outdoor solutions.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461916827-f1321afd.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent." }, items: [{ icon: Fence, text: "Fence Repair" }, { icon: TreeDeciduous, text: "Deck Restoration" }, { icon: Waves, text: "Pressure Washing" }], reverse: false },
      ]}
      title="Professional Home Solutions"
      description="Comprehensive handyman services for all your home improvement needs."
@@ -123,16 +75,8 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
-        {
-          id: "t1",          title: "Excellent Work",          quote: "Hanser is incredibly reliable and finished my remodeling project on time.",          name: "Sarah J.",          role: "Homeowner",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-happy-florida-homeowner-giving-a-thumb-1778461863311-358e9286.png"},
-        {
-          id: "t2",          title: "Professionalism",          quote: "The best handyman services I've ever hired. Very thorough.",          name: "Mike & Amy L.",          role: "Homeowners",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/close-up-photo-of-a-smiling-professional-1778461872120-6c6b0d35.png"},
-        {
-          id: "t3",          title: "Great Results",          quote: "My furniture was assembled perfectly. Will hire again.",          name: "Linda R.",          role: "Homeowner",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-young-professional-woman-in-a-modern-h-1778461882473-371112c3.png"},
-        {
-          id: "t4",          title: "Top Tier",          quote: "Deck repair looked amazing and the price was very fair.",          name: "Bob & Helen K.",          role: "Homeowners",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-retired-couple-standing-by-a-freshly-p-1778461893692-efc13e0b.png"},
-        {
-          id: "t5",          title: "Highly Recommend",          quote: "Professional, clean, and very skilled. Five stars!",          name: "The Davises",          role: "Family",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-young-family-standing-in-front-of-thei-1778461902679-cf6e29a5.png"},
+        { id: "t1", title: "Excellent Work", quote: "Hanser is incredibly reliable and finished my remodeling project on time.", name: "Sarah J.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-happy-florida-homeowner-giving-a-thumb-1778461863311-358e9286.png" },
+        { id: "t2", title: "Professionalism", quote: "The best handyman services I've ever hired. Very thorough.", name: "Mike & Amy L.", role: "Homeowners", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/close-up-photo-of-a-smiling-professional-1778461872120-6c6b0d35.png" },
      ]}
      title="Trusted by Local Homeowners"
      description="See why Hanser Ramirez is the preferred handyman in Florida."
@@ -141,71 +85,28 @@ export default function LandingPage() {

  <div id="about" data-section="about">
      <SplitAbout
+      tag="Expert Local Care"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Expert Handyman Care for Your Home"
      description="With over 10 years of experience, we provide high-quality residential repairs and property maintenance services."
-      buttons={[
-        {
-          text: "Get a Quote",          href: "/contact"},
-      ]}
+      buttons={[{ text: "Get a Quote", href: "/contact" }]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png?_wi=1"
      mediaAnimation="slide-up"
      bulletPoints={[
-        {
-          title: "Licensed & Insured",          description: "Full peace of mind for every project."},
-        {
-          title: "Attention to Detail",          description: "We treat every home as if it were our own."},
-        {
-          title: "Prompt Scheduling",          description: "We show up on time, every time."},
+        { title: "Licensed & Insured", description: "Full peace of mind for every project." },
+        { title: "Attention to Detail", description: "We treat every home as if it were our own." },
+        { title: "Prompt Scheduling", description: "We show up on time, every time." },
      ]}
    />
  </div>

-  <div id="contact-home" data-section="contact-home">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Request Your Free Estimate"
-      description="Have a home repair project? Let's get it done right."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name"},
-        {
-          name: "email",          type: "email",          placeholder: "Your Email"},
-        {
-          name: "phone",          type: "tel",          placeholder: "Phone Number"},
-      ]}
-      textarea={{
-        name: "message",        placeholder: "Describe your project",        rows: 4,
-      }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png?_wi=2"
-    />
-  </div>
-
  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="H & M Handyman Solutions"
      columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "Drywall Repair",              href: "/services"},
-            {
-              label: "Painting",              href: "/services"},
-            {
-              label: "Fixture Installation",              href: "/services"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Contact",              href: "/contact"},
-            {
-              label: "Gallery",              href: "/gallery"},
-          ],
-        },
+        { title: "Services", items: [{ label: "Drywall Repair", href: "/services" }, { label: "Painting", href: "/services" }, { label: "Fixture Installation", href: "/services" }] },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }, { label: "Gallery", href: "/gallery" }, { label: "Pricing", href: "/pricing" }] },
      ]}
      copyrightText="© 2024 H & M Handyman Solutions. All Rights Reserved. Lic: L23000218924"
    />
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Gallery", id: "/gallery" },
+  { name: "Pricing", id: "/pricing" },
+  { name: "Contact", id: "/contact" },
+];
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarStyleApple navItems={navItems} brandName="H & M Handyman Solutions" />
+        <PricingCardEight
+          animationType="slide-up"
+          title="Transparent Pricing"
+          description="Choose the service package that fits your needs."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            { id: "p1", badge: "Essential", price: "$99", subtitle: "Basic Repairs", buttons: [{ text: "Book Now", href: "/contact" }], features: ["Drywall Patching", "Minor Painting", "Furniture Assembly"] },
+            { id: "p2", badge: "Advanced", price: "$299", subtitle: "Home Upgrades", buttons: [{ text: "Book Now", href: "/contact" }], features: ["Fixtures Installation", "TV Mounting", "Exterior Maintenance"] },
+          ]}
+        />
+        <FooterBaseReveal logoText="H & M Handyman Solutions" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,12 +2,13 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';

-export default function LandingPage() {
+export default function ServicesPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
@@ -22,117 +23,49 @@ export default function LandingPage() {
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="H & M Handyman"
-    />
-  </div>
+        <NavbarStyleApple
+          navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]}
+          brandName="H & M Handyman Solutions"
+        />

-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Full Service List"
-      description="From small fixes to major improvements, we handle it all."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png?_wi=4"
-      mediaAnimation="slide-up"
-      bulletPoints={[
-        {
-          title: "Carpentry",
-          description: "Custom shelves and repairs.",
-        },
-        {
-          title: "Plumbing",
-          description: "Leak fixes and fixture swaps.",
-        },
-      ]}
-    />
-  </div>
+        <TimelineCardStack
+          title="Our 4-Step Process"
+          description="Simple, professional steps to bring your vision to life with precision."
+          textboxLayout="default"
+          className="bg-[#1a1714] text-[#d4af37]"
+        >
+           <div className="space-y-8">
+              <div className="p-6 border border-[#d4af37]/30 rounded"><h3>1. Consultation</h3><p>We discuss your needs and assess the scope of work.</p></div>
+              <div className="p-6 border border-[#d4af37]/30 rounded"><h3>2. Estimate</h3><p>Transparent pricing tailored to your specific project requirements.</p></div>
+              <div className="p-6 border border-[#d4af37]/30 rounded"><h3>3. Execution</h3><p>Our experts perform the repairs with premium materials.</p></div>
+              <div className="p-6 border border-[#d4af37]/30 rounded"><h3>4. Satisfaction</h3><p>Final walkthrough to ensure every detail meets our standards.</p></div>
+           </div>
+        </TimelineCardStack>

-  <div id="feature" data-section="feature">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Why Choose Us"
-      description="Our work standards set us apart from the rest."
-      positiveCard={{
-        items: [
-          "Fast turnaround",
-          "Clean workspace",
-          "Quality materials",
-        ],
-      }}
-      negativeCard={{
-        items: [
-          "Hidden fees",
-          "Cutting corners",
-        ],
-      }}
-    />
-  </div>
+        <FeatureCardSixteen
+          title="Compare Our Solutions"
+          description="See how our professional services stack up against standard home maintenance."
+          textboxLayout="default"
+          animationType="depth-3d"
+          useInvertedBackground={false}
+          negativeCard={{ items: ["Standard hardware store DIY", "Limited repair tools", "Unreliable scheduling"] }}
+          positiveCard={{ items: ["Professional grade craftsmanship", "Fully equipped mobile shop", "Consistent, on-time arrivals"] }}
+          className="bg-[#26201a]"
+        />

-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="H & M Handyman Solutions"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Drywall Repair",
-              href: "/services",
-            },
-            {
-              label: "Painting",
-              href: "/services",
-            },
-            {
-              label: "Fixture Installation",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 H & M Handyman Solutions. All Rights Reserved. Lic: L23000218924"
-    />
-  </div>
+        <ContactSplitForm
+          title="Ready to Start?"
+          description="Get your free estimate and join our satisfied clients today."
+          inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+          useInvertedBackground={false}
+          className="bg-[#1a1714]"
+        />
+
+        <FooterBaseReveal
+          logoText="H & M Handyman Solutions"
+          columns={[{ title: "Services", items: [{ label: "Drywall", href: "/services" }, { label: "Painting", href: "/services" }] }, { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+        />
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #1a1a1a;
-  --primary-cta: #FFD700;
+  --background: #2c241c;
+  --card: #3e352a;
+  --foreground: #f5e6c8;
+  --primary-cta: #d4af37;
  --primary-cta-text: #000000;
-  --secondary-cta: #1c1c1c;
+  --secondary-cta: #c5a028;
  --secondary-cta-text: #ffffff;
-  --accent: #1c1c1c;
-  --background-accent: #e2e2e2;
+  --accent: #b8860b;
+  --background-accent: #3a3024;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	f72043a6e1	Merge version_9 into main Merge version_9 into main	2026-05-11 01:54:08 +00:00
bender	26e27bfb4c	Update src/app/services/page.tsx	2026-05-11 01:54:04 +00:00
bender	26b19a9bef	Update src/app/pricing/page.tsx	2026-05-11 01:54:04 +00:00
bender	924ce2f4d6	Update src/app/gallery/page.tsx	2026-05-11 01:54:03 +00:00
bender	d6b58822ea	Merge version_9 into main Merge version_9 into main	2026-05-11 01:53:39 +00:00
bender	1a83313699	Update src/app/styles/variables.css	2026-05-11 01:53:36 +00:00
bender	3f6fd06a37	Update src/app/services/page.tsx	2026-05-11 01:53:36 +00:00
bender	83b4ce7276	Add src/app/pricing/page.tsx	2026-05-11 01:53:35 +00:00
bender	0e2ce53e7c	Update src/app/page.tsx	2026-05-11 01:53:35 +00:00
bender	3b3612d2e6	Update src/app/gallery/page.tsx	2026-05-11 01:53:35 +00:00
bender	887d3a8a8b	Switch to version 6: modified src/app/services/page.tsx	2026-05-11 01:52:52 +00:00
bender	c97a76facd	Switch to version 6: modified src/app/page.tsx	2026-05-11 01:52:52 +00:00
bender	dafb3aad5a	Switch to version 6: modified src/app/gallery/page.tsx	2026-05-11 01:52:52 +00:00
bender	a248c408ae	Switch to version 6: modified src/app/contact/page.tsx	2026-05-11 01:52:51 +00:00
bender	c2c46adcfc	Merge version_7 into main Merge version_7 into main	2026-05-11 01:47:41 +00:00
bender	fdf67c43af	Update src/app/services/page.tsx	2026-05-11 01:47:38 +00:00
bender	5df53bed00	Update src/app/page.tsx	2026-05-11 01:47:38 +00:00
bender	bc26aa768a	Update src/app/gallery/page.tsx	2026-05-11 01:47:37 +00:00
bender	be90955944	Update src/app/contact/page.tsx	2026-05-11 01:47:37 +00:00
bender	696e3f2f0c	Merge version_7 into main Merge version_7 into main	2026-05-11 01:47:16 +00:00
bender	1ad30cfd39	Update src/app/services/page.tsx	2026-05-11 01:47:13 +00:00
bender	00935732a4	Update src/app/page.tsx	2026-05-11 01:47:13 +00:00
bender	de101ea06a	Update src/app/gallery/page.tsx	2026-05-11 01:47:12 +00:00
bender	aec0021696	Update src/app/contact/page.tsx	2026-05-11 01:47:12 +00:00
bender	ac1279887e	Merge version_6 into main Merge version_6 into main	2026-05-11 01:33:45 +00:00
bender	81e96eaee4	Update src/app/contact/page.tsx	2026-05-11 01:33:42 +00:00
bender	47e9c2e5a9	Merge version_6 into main Merge version_6 into main	2026-05-11 01:33:36 +00:00
bender	af7e2781f1	Update src/app/gallery/page.tsx	2026-05-11 01:33:30 +00:00
bender	a3dacd4c9b	Merge version_6 into main Merge version_6 into main	2026-05-11 01:33:04 +00:00
bender	597101c7c7	Update src/app/services/page.tsx	2026-05-11 01:33:01 +00:00
bender	d390f65a36	Merge version_6 into main Merge version_6 into main	2026-05-11 01:29:24 +00:00
bender	cee0ce9a59	Update src/app/page.tsx	2026-05-11 01:29:18 +00:00
bender	e1622e1e4b	Merge version_5 into main Merge version_5 into main	2026-05-11 01:23:00 +00:00
bender	694f9d4473	Update src/app/page.tsx	2026-05-11 01:22:54 +00:00
bender	1d7708456a	Merge version_4 into main Merge version_4 into main	2026-05-11 01:18:13 +00:00
bender	3bdc89cba4	Update src/app/page.tsx	2026-05-11 01:18:11 +00:00
bender	a1c47944f6	Merge version_3 into main Merge version_3 into main	2026-05-11 01:14:52 +00:00
bender	712747f55c	Update src/app/page.tsx	2026-05-11 01:14:50 +00:00
bender	d65913a295	Merge version_2 into main Merge version_2 into main	2026-05-11 01:13:48 +00:00