Restructure about page bento layout
This commit is contained in:
MOH
+50
-41
@@ -66,49 +66,58 @@
|
||||
"title": "About",
|
||||
"heroBadge": "A bit more about me",
|
||||
"heroTitle": "About me",
|
||||
"intro": "I build clear digital experiences for brands, products, and teams, with focus on identity, interface quality, and scalable structure.",
|
||||
"storyEyebrow": "Quick overview",
|
||||
"storyTitle": "I turn scattered ideas into a clear and structured digital presence.",
|
||||
"storyTextOne": "This is placeholder copy for now. The goal is to make the page feel nearly production-ready: who I am, how I work, and how I shape a cohesive experience from concept to launch.",
|
||||
"storyTextTwo": "The current content is intentionally close to the final tone, so replacing it later with real copy should not require another visual rewrite.",
|
||||
"highlightOne": "Sharper identity and cleaner user flow.",
|
||||
"highlightTwo": "Organized interface and easy-to-update content.",
|
||||
"highlightThree": "Structure prepared for future iteration.",
|
||||
"intro": "A quick overview of my experience, education, and the skills and tools I rely on in day-to-day work.",
|
||||
"storyEyebrow": "Personal overview",
|
||||
"storyTitle": "I build digital presence that is clear, structured, and ready to grow.",
|
||||
"storyTextOne": "I am Mohamad, focused on interfaces, identity, and shaping experiences that feel understandable from the first impression. I like work that connects visual clarity with practical execution.",
|
||||
"storyTextTwo": "This page is now structured to present my professional story in a flexible way: where I worked, what I studied, and which skills and tools I use most often. The copy can be replaced easily later.",
|
||||
"focusOne": "Clarity before decoration.",
|
||||
"focusTwo": "Systems that scale and stay maintainable.",
|
||||
"focusThree": "Direct work with fast review cycles.",
|
||||
"primaryCta": "Contact me",
|
||||
"secondaryCta": "View portfolio",
|
||||
"logoEyebrow": "Current identity",
|
||||
"logoText": "The logo is pulled from site settings so the page stays aligned with the current brand setup.",
|
||||
"galleryAltOne": "Primary placeholder visual for the about page",
|
||||
"galleryAltTwo": "Secondary placeholder visual for the about page",
|
||||
"availabilityLabel": "Current status",
|
||||
"availabilityText": "Available for new projects at the moment, and this line is also a placeholder ready for replacement.",
|
||||
"statOneValue": "06+",
|
||||
"statOneLabel": "Approx. years",
|
||||
"statOneText": "A placeholder metric for experience or years in practice once the real content is ready.",
|
||||
"statTwoValue": "24",
|
||||
"statTwoLabel": "Selected projects",
|
||||
"statTwoText": "A flexible slot for projects, clients, launches, or any stronger proof point later on.",
|
||||
"statThreeValue": "03",
|
||||
"statThreeLabel": "Service tracks",
|
||||
"statThreeText": "This can later become specialties, product lines, or core work streams.",
|
||||
"valuesEyebrow": "Work style",
|
||||
"valuesTitle": "How I work",
|
||||
"valuesIntro": "This section is now structured to present core principles quickly instead of relying on one long paragraph.",
|
||||
"valueA": "Strategy first",
|
||||
"valueAText": "I start by clarifying goals, audience, and scope so execution does not drift into guesswork.",
|
||||
"valueB": "Clean systems",
|
||||
"valueBText": "I build maintainable components and a clear system that can evolve after launch.",
|
||||
"valueC": "Close collaboration",
|
||||
"valueCText": "I prefer short loops and direct feedback so decisions stay sharp and momentum stays high.",
|
||||
"processEyebrow": "From start to launch",
|
||||
"processTitle": "My process",
|
||||
"processIntro": "A compact three-step flow that can later be replaced with your exact process without redesigning the section.",
|
||||
"processOne": "Discovery and goal definition",
|
||||
"processOneText": "We frame the full picture, align priorities, and define the target before visual or technical work starts.",
|
||||
"processTwo": "Design and prototyping",
|
||||
"processTwoText": "I shape the direction, build interface concepts, and establish a visual system that supports implementation.",
|
||||
"processThree": "Build, test, and launch",
|
||||
"processThreeText": "Once the direction is locked, the work moves into structured implementation, review, and launch readiness."
|
||||
"snapshotEyebrow": "Current",
|
||||
"snapshotTitle": "Building from Berlin",
|
||||
"snapshotText": "I work remotely and with distributed teams, focused on websites, interfaces, and flexible small systems.",
|
||||
"locationTitle": "Current base",
|
||||
"locationText": "Berlin, Germany, with flexibility to work with local and remote teams.",
|
||||
"experienceEyebrow": "Where I worked",
|
||||
"experienceTitle": "Work experience",
|
||||
"workOnePeriod": "2024 - now",
|
||||
"workOneRole": "Frontend Developer",
|
||||
"workOneCompany": "Digital studio or product company",
|
||||
"workOneText": "Use this slot for the latest role, the responsibilities, and the types of projects handled there.",
|
||||
"workTwoPeriod": "2022 - 2024",
|
||||
"workTwoRole": "UI Designer",
|
||||
"workTwoCompany": "Agency or in-house team",
|
||||
"workTwoText": "A previous role that shows the overlap between design and implementation or between branding and interface work.",
|
||||
"workThreePeriod": "Before that",
|
||||
"workThreeRole": "Freelance / Contract Work",
|
||||
"workThreeCompany": "Independent collaborations",
|
||||
"workThreeText": "A good place for personal projects, contract work, or key transition stages in the overall path.",
|
||||
"educationEyebrow": "What I studied",
|
||||
"educationTitle": "Educational background",
|
||||
"educationIntro": "This block is meant for academic study or focused learning tracks that shaped the way I think and work.",
|
||||
"educationOneTitle": "Degree or field of study",
|
||||
"educationOnePlace": "University or institute",
|
||||
"educationOneText": "A short description of what I actually studied and how it later influenced the way I approach projects.",
|
||||
"educationTwoTitle": "Courses or specialized training",
|
||||
"educationTwoPlace": "Platform or training provider",
|
||||
"educationTwoText": "A good place for follow-up learning, hands-on training, or a program that sharpened my skills later on.",
|
||||
"skillsEyebrow": "Skills",
|
||||
"skillsTitle": "Skills I focus on",
|
||||
"skillsIntro": "A wide block for listing the core skills you want to highlight in a quick and update-friendly way.",
|
||||
"skillOne": "Interface design",
|
||||
"skillTwo": "Design systems",
|
||||
"skillThree": "Frontend architecture",
|
||||
"skillFour": "Turning ideas into clear pages",
|
||||
"skillFive": "Content structure and visual hierarchy",
|
||||
"skillSix": "Fast collaboration with clients and teams",
|
||||
"toolsEyebrow": "Tools",
|
||||
"toolOne": "Figma",
|
||||
"toolTwo": "Next.js",
|
||||
"toolThree": "Tailwind CSS",
|
||||
"toolFour": "WordPress"
|
||||
},
|
||||
"contactPage": {
|
||||
"title": "Contact",
|
||||
|
||||
Reference in New Issue
Block a user