fix spacing, grammar

Author: Austin1serb

app/components/TopBar/TopBarV2.tsx

@@ -11,7 +11,7 @@ const navItems = [
 
 export const TopBarV2: React.FC = () => {
   return (
-    <nav className="font-switzer fixed top-5 left-1/2 z-10 flex w-fit -translate-x-1/2 justify-center text-base md:text-sm">
+    <nav className="font-switzer fixed top-1 left-1/2 z-10 flex w-fit -translate-x-1/2 justify-center text-base sm:top-2.5 md:top-5 md:text-sm">
       {/* Wrapper that grows/shrinks on mobile */}
       <div className="overflow-hidden rounded-3xl border border-gray-200 bg-white/80 shadow-md backdrop-blur-md">
         <div className="relative flex flex-col">

app/data/project-data.tsx

@@ -71,10 +71,10 @@ export const bespoke: ProjectData = {
     year: "2025",
     description: (
       <>
-        Bespoke Tint & PPF&apos;s site was rebuilt from the ground up into a lightning fast, conversion first engine-every page reverse-engineered around the
+        Bespoke Tint & PPF&apos;s site was rebuilt from the ground up into a lightning-fast, conversion-first engine, every page reverse-engineered around the
         highest-value competitor keywords in the Bellevue auto-styling market. In under 90 days, organic{" "}
-        <span className="font-semibold">traffic increased nearly 1000%</span>, the shop is booking an average of{" "}
-        <span className="font-semibold">3 new paying clients per day</span>, and it&apos;s now on a clear trajectory to break $1 million in 2025 revenue.
+        <span className="font-semibold">traffic increased by nearly 1,000%</span>; the shop is booking an average of{" "}
+        <span className="font-semibold">3 new paying clients per day</span>; and it&apos;s on track to surpass $1M in 2025 revenue.
       </>
     ),
     categories: ["SEO", "Web Design", "Web Development", "Photography"],
@@ -208,7 +208,7 @@ export const automedicsKirkland: ProjectData = {
     client: "Automedics Kirkland",
     year: "2025",
     description:
-      "I replaced AutoMedics' dated brochure site with a conversion-focused, SEO-engineered platform that now channels local search traffic into booked service slots while showcasing 1,000-plus ★★★★★ reviews.",
+      "I replaced Automedics Kirkland's dated brochure site with a conversion-focused, SEO-engineered Next.js platform that channels local search traffic into booked service bays and showcases 1,000+ five-star reviews.",
     categories: ["Next.js", "Web Design", "Local SEO", "Copywriting"],
     link: "https://www.automedicskirkland.com",
   },
@@ -315,7 +315,7 @@ export const iao: ProjectData = {
     client: "Iron & Oak Seattle",
     year: "2024",
     description:
-      "I dug deep into the story of Iron & Oak Seattle, a Seattle-based private security company that was born in the craziness that was Covid-19. I created a brand new website that tells the story of the company and its history and scrapped the internet for media coverage articles and mentions, the goal was to increase online applicants, and it worked.",
+      "I dug into Iron & Oak Seattle's origin story-founded amid the COVID-19 disruptions-and rebuilt their website in Next.js around a clear, narrative-driven structure. I also scraped the web for press mentions and coverage to reinforce credibility. The goal was simple: increase qualified online applicants. It worked, driving a noticeable lift in submissions.",
     categories: ["Next.js", "Web Design", "Web Development", "Storytelling"],
     link: "https://iao-seattle.vercel.app/?src=serbyte",
   },

app/globalsV2.css

@@ -3,6 +3,12 @@
 
 @custom-variant reveal-false ([data-reveal="false"] &);
 
+@custom-variant touch {
+  @media ((any-hover: none) and (any-pointer: coarse)) {
+    @slot;
+  }
+}
+
 /* *:not(:has(border-none)) {
   border: 1px dotted red;
 } */
@@ -33,7 +39,7 @@ html {
     0px 2px 2px -1.5px rgba(0, 0, 0, 0.32), 0px 4.4px 4.4px -2.25px rgba(0, 0, 0, 0.3), 0px 9.8px 9.8px -3px rgba(0, 0, 0, 0.25),
     0px 25px 25px -3.75px rgba(0, 0, 0, 0.11), 0px -5px 5px -3.75px rgba(0, 0, 0, 0.11);
 }
-
+/* 
 @keyframes customBounce {
   0%,
   25%,
@@ -50,7 +56,7 @@ html {
     transform: translateY(1px);
     background-color: #aaaaaa;
   }
-}
+} */
 
 @keyframes fill-from-left {
   0%,
@@ -109,12 +115,12 @@ html {
 
   body[data-mobile-menu="closed"] {
     .bounce > span {
-      animation: customBounce 2s cubic-bezier(0.8, 0.5, 0.2, 1.4) infinite;
-      animation-delay: var(--delay, 0s);
+      /* animation: customBounce 2s cubic-bezier(0.8, 0.5, 0.2, 1.4) infinite;
+      animation-delay: var(--delay, 0s); */
       height: 0.375rem;
       width: 0.375rem;
       border-radius: 100px;
-      background-color: black;
+      background-color: var(--color-gray-500);
     }
     .mobile-menu-container {
       pointer-events: none;
@@ -344,7 +350,7 @@ html {
   @media (max-width: 540px) {
     .large-brand-text {
       font-size: clamp(70px, 20vw, 120px);
-      line-height: 200%;
+      line-height: 220%;
     }
   }
 }

app/ui/BlurBottomOverlay.tsx

@@ -18,7 +18,7 @@ export const BottomBlurOverlay: React.FC<BottomBlurOverlayProps> = ({ layers = 8
 
   return (
     <div
-      className={`blur-overlay ${className}`}
+      className={`blur-overlay touch:hidden ${className}`}
       style={{
         pointerEvents: "none",
         position: "fixed",

config/schemas.ts

@@ -65,7 +65,7 @@ const projectsData: ProjectItem[] = [
 export const projectsSchema: WithContext<CollectionPage> = {
   "@context": "https://schema.org",
   "@type": "CollectionPage",
-  name: "Projects — Austin Serb",
+  name: "Projects - Austin Serb",
   url: `${SITE_CONFIG.url}${SITE_SLUGS.projects}`,
   about: "Projects and case studies by Austin Serb (Next.js, React, TypeScript).",
   mainEntity: {
@@ -86,7 +86,7 @@ export const projectsSchema: WithContext<CollectionPage> = {
 export const profilePageSchema: WithContext<ProfilePage> = {
   "@context": "https://schema.org",
   "@type": "ProfilePage",
-  name: "About — Austin Serb",
+  name: "About - Austin Serb",
   url: `${SITE_CONFIG.url}/about`,
   mainEntity: {
     "@type": "Person",
@@ -167,7 +167,7 @@ const projectBreadcrumbSchema: WithContext<BreadcrumbList> = {
     {
       "@type": "WebSite",
       "@id": `${SITE_CONFIG.url}#website`,
-      name: "Austin Serb — Developer Portfolio",
+      name: "Austin Serb - Developer Portfolio",
       url: SITE_CONFIG.url,
       publisher: { "@id": `${SITE_CONFIG.url}#austin` },
       inLanguage: "en",