663cfbd7-ff7e-4c88-a7c6-e2031e2597b1/src/app/process/page.tsx

"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Facebook, Instagram } from 'lucide-react';
import Link from 'next/link';

export default function ProcessPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Gorman Restoration & Carpentry"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Our Process", id: "/process" },
            { name: "Gallery", id: "/gallery" }
          ]}
          button={{
            text: "Request a Quote",
            href: "/contact"
          }}
        />
      </div>

      <div id="process-timeline" data-section="process-timeline">
        <FeatureCardNine
          title="How I Work"
          description="A straightforward process that keeps everything predictable and transparent."
          tag="Our Method"
          features={[
            {
              id: 1,
              title: "Walkthrough & Scope",
              description: "I listen, inspect, and clarify your goals so we're aligned before any work begins.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/office-workers-spending-time-room_23-2147650945.jpg?_wi=2"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/office-workers-spending-time-room_23-2147650945.jpg?_wi=3"
              }
            },
            {
              id: 2,
              title: "Written Estimate",
              description: "Clear pricing and what's included—no surprises, just transparent communication.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/consulting-client_1098-16279.jpg?_wi=3"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/consulting-client_1098-16279.jpg?_wi=4"
              }
            },
            {
              id: 3,
              title: "Schedule & Prep",
              description: "Timeline, materials, and prep to protect your space and set expectations.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/office-workers-spending-time-room_23-2147650945.jpg?_wi=4"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/consulting-client_1098-16279.jpg?_wi=5"
              }
            },
            {
              id: 4,
              title: "Build & Updates",
              description: "Consistent communication while work is in progress—no ghosting, just clear updates.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/consulting-client_1098-16279.jpg?_wi=6"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/office-workers-spending-time-room_23-2147650945.jpg?_wi=5"
              }
            }
          ]}
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="process-benefits" data-section="process-benefits">
        <FeatureCardMedia
          title="Why This Process Works"
          description="Our structured approach eliminates guesswork and ensures every project runs smoothly from start to finish."
          tag="Process Benefits"
          features={[
            {
              id: "transparency",
              title: "Complete Transparency",
              description: "You'll know exactly what to expect at every step, with clear communication and no hidden surprises.",
              tag: "Benefit",
              imageSrc: "https://img.b2bpic.net/free-photo/consulting-client_1098-16279.jpg?_wi=7"
            },
            {
              id: "accountability",
              title: "Clear Accountability",
              description: "Written agreements, scheduled updates, and documented progress keep everyone on the same page.",
              tag: "Promise",
              imageSrc: "https://img.b2bpic.net/free-photo/office-workers-spending-time-room_23-2147650945.jpg?_wi=6"
            },
            {
              id: "quality",
              title: "Consistent Quality",
              description: "Our systematic approach ensures every project meets our high standards for craftsmanship and attention to detail.",
              tag: "Standard",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26126.jpg?_wi=5"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="getting-started" data-section="getting-started">
        <FeatureCardMedia
          title="Ready to Get Started?"
          description="The first step is always a conversation. Let's discuss your project and see how we can help."
          tag="Next Steps"
          features={[
            {
              id: "contact",
              title: "Schedule Your Consultation",
              description: "Reach out to set up a convenient time for an initial walkthrough and discussion of your project needs.",
              tag: "Step 1",
              imageSrc: "https://img.b2bpic.net/free-photo/office-workers-spending-time-room_23-2147650945.jpg?_wi=7",
              buttons: [{ text: "Contact Us", href: "/contact" }]
            },
            {
              id: "estimate",
              title: "Receive Your Written Estimate",
              description: "After our consultation, you'll receive a detailed written estimate with clear pricing and project scope.",
              tag: "Step 2",
              imageSrc: "https://img.b2bpic.net/free-photo/consulting-client_1098-16279.jpg?_wi=8",
              buttons: [{ text: "Learn More", href: "/services" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <FooterCard
        logoText="Gorman Restoration & Carpentry"
        copyrightText="© 2024 Gorman Restoration & Carpentry & Remodeling. All rights reserved."
        socialLinks={[
          {
            icon: Facebook,
            href: "https://facebook.com/gormanrestoration",
            ariaLabel: "Facebook"
          },
          {
            icon: Instagram,
            href: "https://instagram.com/gormanrestoration",
            ariaLabel: "Instagram"
          }
        ]}
      />
    </ThemeProvider>
  );
}