chore: improvements after review

src/app/_components/Projects/Filterbar.tsx

@@ -50,7 +50,7 @@ export const Filterbar: React.FC = () => {
   return (
     <div className="sticky top-0 h-28 bg-[#E5E4E2] z-50">
       <motion.div
-        className="h-full px-4 md:px-16 lg:px-32 xl:px-60 flex font-light items-center justify-between text-bodoni tracking-wide uppercase overflow-x-auto"
+        className="h-full container-x-padding flex font-light items-center justify-between text-bodoni tracking-wide uppercase overflow-x-auto"
         initial="offscreen"
         whileInView="onscreen"
         viewport={{ once: true, amount: 0.7 }}

src/app/services/_components/DesignProcess.tsx

@@ -6,33 +6,33 @@ import { ChevronRightIcon } from "@/icons/ChevronRight";
 const items = [
   {
     number: "01",
-    title: "Discovery",
+    title: "Getting to know you",
     description:
-      "It's about understanding your goals and needs, by analysing your current brand, market position, target customer experience and, above all, the message you want to convey.",
+      "This is where we get to know you. We discover what makes you tick, explore the relationship between you and your audience, and understand your current and future positioning. This will provide a solid base to start our project.",
   },
   {
     number: "02",
-    title: "Concept Dev",
+    title: "Define the direction",
     description:
-      "Based on our discussion, we create a solid base by defining the key conceptual elements to use for our brand strategy.",
+      "Next, we transform our conversation into actionable information, supported by case studies and market research. We elaborate a conceptual foundation that will ensure everyone is on the same page regarding future steps.",
   },
   {
     number: "03",
-    title: "Design & Revision",
+    title: "The Magic",
     description:
-      "Now for the really fun bit! Starting with initial rough concepts we then collaborate with you through additional rounds of feedback to close in on a final result. Once you are happy with the outcome we can begin final production.",
+      "We create and design something together. The various stages in this chapter will include a series of design deliveries and client feedback, allowing us to move from initial ideas to concepts tailored to fit your brand.",
   },
   {
     number: "04",
-    title: "Delivery",
+    title: "Output",
     description:
-      "When you're happy and everything is tested we will package and deliver the finished product. This means putting websites live, sending designs to the printers, and handing over new brand guides.",
+      "Once we've finalised everything and you have given your approval, it's time for the handover of the signed-off material. This includes brand manuals and asset designs, print-ready artwork for printers, and website and online launches.",
   },
   {
     number: "05",
-    title: "Support",
+    title: "Continue the journey",
     description:
-      "Once we've opened the door to your new brand your journey has just begun! If needed we can continue to support you to ensure your brand is applied correctly and is continuously developed.",
+      "Now you have all the material you need to make your brand shine — if you feel you need ongoing assistance, we can plan a support system which will make sure your brand is implemented correctly and continues to evolve.",
   },
 ];
 

src/app/services/_components/Expertise.tsx

@@ -2,22 +2,22 @@ import { TitleAndCopy } from "@/components/TitleAndCopy";
 
 const items = [
   {
-    title: "Brand Strategy",
-    variant: "light" as "dark" | "light",
+    title: "Brand Strategy & Campaigns",
+    variant: "light" as const,
     description:
-      "Working with businesses to create or improve their identities, creating harmonious and consistent brands on multiple levels by habilitating people to tell their unique story.",
+      "I work with individuals and businesses to shape their identities into something that aligns with their personality and vision. Expanding a brand in multiple areas and transforming it in a coherent way by using the right approaches.",
   },
   {
-    title: "Packaging",
-    variant: "light" as "dark" | "light",
+    title: "Brand Assets & Packaging",
+    variant: "light" as const,
     description:
-      "Moulding your brand to coherent packaging and label design, from studying the design to preparing technical artwork, I create bespoke solutions for primary, secondary and tertiary packaging.",
+      "Moulding your brand to create coherent material, whether that be, branded assets, campaigns, packaging or label design. I provide both graphic artwork and technical support and have worked in primary, secondary and tertiary packaging areas.",
   },
   {
-    title: "UX/UI & Digital",
-    variant: "light" as "dark" | "light",
+    title: "UX/UI & Online Strategy",
+    variant: "light" as const,
     description:
-      "Whether it's a one-page marketing website, an e-commerce or a launch on social, I have helped clients get all three and know how to take your idea from prototype to the final product.",
+      "It might be a one-page marketing website, an e-commerce or a launch on social including initial SEO and social media strategy. I have worked with clients get all three and know how to take your idea from prototype to the final product. Introduction to social media planning and SEO.",
   },
 ];
 

src/app/services/_components/GetInTouch.tsx

@@ -45,26 +45,22 @@ const feedbackVariants: Variants = {
 export const GetInTouch: React.FC = () => {
   return (
     <motion.div
-      className="bg-black w-full flex flex-col lg:flex-row container-x-padding py-28 lg:py-36"
+      className="bg-black w-full flex flex-col lg:flex-row container-x-padding py-28 lg:py-36 gap-12"
       initial="offscreen"
       whileInView="onscreen"
       viewport={{ once: true, amount: 0.7 }}
       transition={{ staggerChildren: 0.6 }}
     >
-      <motion.div variants={textVariants} className="flex-1 md:w-2/3">
+      <motion.div variants={textVariants} className="flex-1 md:w-2/3 3xl:w-1/2">
         <LetsWorkTogether />
       </motion.div>
 
       <motion.div
         variants={feedbackVariants}
-        className="w-full md:w-1/3 text-white"
+        className="w-full md:w-1/3 3xl:w-1/2 3xl:pl-32 text-white"
       >
         <div className="flex flex-col h-full justify-center gap-2">
-          <h4
-            className={
-              "text-regular text-white tracking-[.3rem] font-light font-manrope uppercase"
-            }
-          >
+          <h4 className="text-regular text-white tracking-[.3rem] font-light font-manrope uppercase">
             Feedback
           </h4>
           <p>

src/app/services/_components/WhereToStart.tsx

@@ -2,7 +2,7 @@ import { TitleAndCopy } from "@/components/TitleAndCopy";
 
 export const WhereToStart: React.FC = () => {
   return (
-    <div className="bg-white container-x-padding flex flex-col py-20 3xl:pb-0">
+    <div className="bg-white container-x-padding flex flex-col py-20">
       <div className="w-full grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 text-black gap-12 xl:gap-24 3xl:gap-32">
         <TitleAndCopy title="Don't know where to start?" variant="dark">
           <p className="text-regular">

src/components/Navbar/Navbar.tsx

@@ -103,7 +103,6 @@ export const Navbar: React.FC = () => {
                 >
                   <Link
                     href={href}
-                    // target={target}
                     className={classNames("text-base", {
                       "text-white": hasBlackBackground,
                       "text-black": !hasBlackBackground,

src/components/WorthyClients.tsx

@@ -47,26 +47,6 @@ const marqueeVariants = {
   },
 };
 
-// export const WorthyClients = () => {
-//   return (
-//     <div>
-//       <div className="relative w-screen max-w-full h-[100px] overflow-x-hidden">
-//         <motion.div
-//           className="absolute whitespace-nowrap"
-//           variants={marqueeVariants}
-//           animate="animate"
-//         >
-//           <h1>
-//             Let's Work Together. Let's Work Together. Let's Work Together. Let's
-//             Work Together. Let's Work Together. Let's Work Together. Let's Work
-//             Together
-//           </h1>
-//         </motion.div>
-//       </div>
-//     </div>
-//   );
-// };
-
 export const WorthyClients = () => {
   let [ref, { width }] = useMeasure();
   const xTranslation = useMotionValue(0);

src/globals.css

@@ -16,7 +16,7 @@
   }
 
   .container-x-padding {
-    @apply px-8 md:px-16 lg:px-24 3xl:px-48 4xl:px-64;
+    @apply px-8 md:px-16 lg:px-24 3xl:px-64 4xl:px-64;
   }
 
   #editor > p {